Attention: The EBRAINS IAM will be down Monday, the 21st July 2025, from 17.00 CEST (my timezone) for up to 1 hour. This will any affect services requiring an EBRAINS login, we apologise for any inconvenience caused.


Changes for page Widget 3D Head

Last modified by paulapopa on 2025/05/30 15:03
From version 27.1
edited by paulapopa
on 2025/05/30 14:45
Change comment: There is no comment for this version
To version 25.1
edited by reginafilange
on 2025/05/30 13:47
Change comment: There is no comment for this version

Summary

Details

Page properties
Author
... ... @@ -1,1 +1,1 @@
1 -XWiki.paulapopa
1 +XWiki.reginafilange
Content
... ... @@ -34,12 +34,15 @@
34 34  
35 35  We need to first import the widget __API from tvbwidgets__// //package, together with the __TVB API __and the __display__ function:
36 36  
37 -{{code language="python" layout="LINENUMBERS"}}
37 +(% class="box" %)
38 +(((
38 38  import tvbwidgets.api as api
40 +
39 39  from tvb.simulator.lab import *
40 -from IPython.core.display_functions import display 
41 -{{/code}}
42 42  
43 +from IPython.core.display_functions import display
44 +)))
45 +
43 43  Then, there are 2 options to work with the widget:
44 44  
45 45  1. Use a file browser to load the data and automatically display it
... ... @@ -47,49 +47,78 @@
47 47  
48 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 49  
50 -{{code language="python" layout="LINENUMBERS"}}
53 +(% class="box" %)
54 +(((
51 51  widget = api.HeadBrowser()
52 52  display(widget)
53 -{{/code}}
57 +)))
54 54  
59 +{{html}}
60 +<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>
61 +{{/html}}
55 55  
63 +
56 56  For the second option, the API is described below:
57 57  
58 -In a cell, we load the data using the TVB API:
66 +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:
59 59  
60 -{{code language="python" layout="LINENUMBERS"}}
61 -surface = surfaces.Surface.from_file()
62 -surface.configure()
68 +(% class="box" %)
69 +(((
70 +widget = api.HeadWidget()
63 63  
64 -face = surfaces.Surface.from_file('face_8614.zip')
72 +face = surfaces.FaceSurface().from_file()
73 +
65 65  face.configure()
66 66  
67 -reg_map = region_mapping.RegionMapping.from_file()
76 +widget.add_datatype(face)
77 +display(widget)
78 +)))
68 68  
69 -conn = connectivity.Connectivity.from_file()
80 +{{html}}
81 +<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>
82 +{{/html}}
83 +
84 +Next, we can continue adding other datatypes to this widget, by calling //**add_datatype**// multiple times.
85 +
86 +In the code below, we add a **Connectivity** and SEEG **Sensors:**
87 +
88 +(% class="box" %)
89 +(((
90 +conn = connectivity.Connectivity().from_file()
91 +
70 70  conn.configure()
71 71  
72 -seeg = sensors.SensorsInternal.from_file()
94 +widget.add_datatype(conn)
95 +
96 +
97 +seeg = sensors.SensorsInternal().from_file()
98 +
73 73  seeg.configure()
74 -{{/code}}
75 75  
76 -Then we prepare the **HeadWidget** for display:
101 +widget.add_datatype(seeg)
102 +)))
77 77  
78 -{{code language="python" layout="LINENUMBERS"}}
79 -widget = api.HeadWidget([face, conn, seeg])
80 -display(widget)
81 -{{/code}}
104 +{{html}}
105 +<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>
106 +{{/html}}
82 82  
83 -[[image:head.png]]
108 +We can also provide a **RegionMapping** to be used as parcellation for a surface:
84 84  
85 -Next, we can continue adding other datatypes to this widget, by calling //**add_datatype**// multiple times.
110 +(% class="box" %)
111 +(((
112 +reg_map = region_mapping.RegionMapping.from_file()
86 86  
87 -In the code below, we add the **CorticalSurface** with a **RegionMapping** as parcellation**:**
88 88  
89 -{{code language="python" layout="LINENUMBERS"}}
90 -widget.add_datatype(surface, reg_map)
91 -{{/code}}
115 +cortex = surfaces.CorticalSurface().from_file()
92 92  
117 +cortex.configure()
118 +
119 +
120 +widget.add_datatype(cortex, reg_map)
121 +
122 +display(widget)
123 +)))
124 +
93 93  {{html}}
94 94  <iframe width="840" height="480" src="https://www.youtube.com/embed/aDC2TJm2NxM" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
95 95  {{/html}}
conncenters.png
Author
... ... @@ -1,1 +1,0 @@
1 -XWiki.paulapopa
Size
... ... @@ -1,1 +1,0 @@
1 -509.5 KB
Content
cort.png
Author
... ... @@ -1,1 +1,0 @@
1 -XWiki.paulapopa
Size
... ... @@ -1,1 +1,0 @@
1 -308.8 KB
Content
head.png
Author
... ... @@ -1,1 +1,0 @@
1 -XWiki.reginafilange
Size
... ... @@ -1,1 +1,0 @@
1 -245.6 KB
Content
menu.png
Author
... ... @@ -1,1 +1,0 @@
1 -XWiki.paulapopa
Size
... ... @@ -1,1 +1,0 @@
1 -241.0 KB
Content
parcel.png
Author
... ... @@ -1,1 +1,0 @@
1 -XWiki.paulapopa
Size
... ... @@ -1,1 +1,0 @@
1 -273.8 KB
Content
seeg.png
Author
... ... @@ -1,1 +1,0 @@
1 -XWiki.paulapopa
Size
... ... @@ -1,1 +1,0 @@
1 -415.0 KB
Content
Public

TVB Widgets