Summary

• Page properties (2 modified, 0 added, 0 removed)

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
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,13 +96,9 @@
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		-{{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>
104		-{{/html}}
105		-
106	106	We can also provide a **RegionMapping** to be used as colormap for a surface:
107	107
108	108	(% class="box" %)
...	...	@@ -109,7 +109,7 @@
109	109	(((
110	110	reg_map = region_mapping.RegionMapping.from_file()
111	111
112		-config = api.HeadWidgetConfig(name='Cortex')
	85	+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
	94	+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>
	97	+<iframe src=" https://drive.google.com/file/d/1PXsxLqydNDDORIK85cQaEgGt9QdWLcC7/preview" width="840" height="480" allow="autoplay"></iframe>
131	131	{{/html}}
	99	+)))