Changes for page Widget 3D Head

Last modified by paulapopa on 2025/05/30 15:03

From version 23.1
edited by paulapopa
on 2023/03/23 13:16
Change comment: There is no comment for this version
To version 7.1
edited by paulapopa
on 2022/03/30 15:23
Change comment: There is no comment for this version

Summary

Details

Page properties
Title
... ... @@ -1,1 +1,1 @@
1 -Widget 3D Head
1 +Widget 3D
Content
... ... @@ -1,12 +1,8 @@
1 -Source code: [[https:~~/~~/github.com/the-virtual-brain/tvb-widgets>>https://github.com/the-virtual-brain/tvb-widgets]]
1 +TODO - Not yet released!
2 2  
3 -This is part of a Pypi release: [[https:~~/~~/pypi.org/project/tvb-widgets/>>https://pypi.org/project/tvb-widgets/]]
4 -
5 -//**tvb-widgets**// is also already installed in the official image released for EBRAINS lab, where you can test it directly.
6 -
7 7  == Purpose ==
8 8  
9 -It is a Jupyter widget intended for visualization of the 3D Head data available for a patient:
5 +It is a Jupyter widget intended for visualization of the 3D data available for a patient:
10 10  
11 11  * surfaces of different types (cortex, face, skull, etc)
12 12  * connectivity region centers
... ... @@ -40,41 +40,22 @@
40 40  from IPython.core.display_functions import display
41 41  )))
42 42  
43 -Then, there are 2 options to work with the widget:
39 +Then, we instantiate the **ThreeDWidget** and a **FaceSurface** datatype that we want to visualize. Using the //**add_datatype**// method we add the surface to our widget and __display__ the widget:
44 44  
45 -1. Use a file browser to load the data and automatically display it
46 -1. Use directly the API to load the data and display it
47 -
48 -For the first option, you have to run the following 2 lines of code in a notebook cell and then just use the UI controls:
49 -
50 50  (% class="box" %)
51 51  (((
52 -widget = api.HeadBrowser()
53 -display(widget)
54 -)))
43 +widget_3d = api.ThreeDWidget()
55 55  
56 -{{html}}
57 -<iframe width="840" height="480" src="https://www.youtube.com/embed/BCCh-wdcnVo" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>{{/html}}
58 -
59 -
60 -For the second option, the API is described below:
61 -
62 -In a new cell, we instantiate the **HeadWidget** and a **FaceSurface** datatype that we want to visualize. Using the //**add_datatype**// method we add the surface to our widget and __display__ the widget:
63 -
64 -(% class="box" %)
65 -(((
66 -widget = api.HeadWidget()
67 -
68 68  face = surfaces.FaceSurface().from_file()
69 69  
70 70  face.configure()
71 71  
72 -widget.add_datatype(face)
73 -display(widget)
49 +widget_3d.add_datatype(face)
50 +display(widget_3d)
74 74  )))
75 75  
76 76  {{html}}
77 -<iframe width="840" height="480" src="https://www.youtube.com/embed/8bmjKp3BYFA" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
54 +<iframe src="https://drive.google.com/file/d/1Egp9Lk-HGMATc9em6Kw_jSHmybTD2vzM/preview" width="840" height="480" allow="autoplay"></iframe>
78 78  {{/html}}
79 79  
80 80  Next, we can continue adding other datatypes to this widget, by calling //**add_datatype**// multiple times. A maximum of 10 datatypes are supported by this widget.
... ... @@ -89,7 +89,7 @@
89 89  
90 90  conn.configure()
91 91  
92 -widget.add_datatype(conn)
69 +widget_3d.add_datatype(conn)
93 93  
94 94  
95 95  seeg = sensors.SensorsInternal().from_file()
... ... @@ -96,11 +96,11 @@
96 96  
97 97  seeg.configure()
98 98  
99 -widget.add_datatype(seeg, api.HeadWidgetConfig(name='SEEG'))
76 +widget_3d.add_datatype(seeg, api.Config(name='SEEG'))
100 100  )))
101 101  
102 102  {{html}}
103 -<iframe width="840" height="480" src="https://www.youtube.com/embed/6UQhL9gd1HM" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
80 +<iframe src="https://drive.google.com/file/d/1vFqqzXle8VGcHaLB-OdE-6BdetK9aJ1T/preview" width="840" height="480" allow="autoplay"></iframe>
104 104  {{/html}}
105 105  
106 106  We can also provide a **RegionMapping** to be used as colormap for a surface:
... ... @@ -109,7 +109,7 @@
109 109  (((
110 110  reg_map = region_mapping.RegionMapping.from_file()
111 111  
112 -config = api.HeadWidgetConfig(name='Cortex')
89 +config = api.Config(name='Cortex')
113 113  
114 114  config.add_region_mapping_as_cmap(reg_map)
115 115  
... ... @@ -118,14 +118,9 @@
118 118  
119 119  cortex.configure()
120 120  
98 +widget_3d.add_datatype(cortex, config)
121 121  
122 -widget = api.HeadWidget()
123 -
124 -widget.add_datatype(cortex, config)
125 -
126 -display(widget)
127 -)))
128 -
129 129  {{html}}
130 -<iframe src="https://drive.google.com/file/d/1zrbjdb8Y4V5rqg7Y7LDGlHHMS0RH8luz/preview" width="840" height="480" allow="autoplay"></iframe>
101 +<iframe src="https://drive.google.com/file/d/1z2yEuQWUT2Poxh63adYbBdhKPcWGskex/preview" width="840" height="480" allow="autoplay"></iframe>
131 131  {{/html}}
103 +)))
Public

TVB Widgets