Summary

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

Details

Page properties

Content

...	...	@@ -1,9 +1,7 @@
1	1	Source code: [[https:~~/~~/github.com/the-virtual-brain/tvb-widgets>>https://github.com/the-virtual-brain/tvb-widgets]]
2	2
3		-This is part of a Pypi release: [[https:~~/~~/pypi.org/project/tvb-widgets/>>https://pypi.org/project/tvb-widgets/]]
	3	+Immediate testing: [[https:~~/~~/lab.ch.ebrains.eu/hub/user-redirect/lab/tree/shared/TVB%20Widgets/REPO/tvb-widgets/notebooks/HeadWidget.ipynb>>https://lab.ch.ebrains.eu/hub/user-redirect/lab/tree/shared/TVB%20Widgets/REPO/tvb-widgets/notebooks/HeadWidget.ipynb]]
4	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	9	It is a Jupyter widget intended for visualization of the 3D Head data available for a patient:
...	...	@@ -40,29 +40,10 @@
40	40	from IPython.core.display_functions import display
41	41	)))
42	42
43		-Then, there are 2 options to work with the widget:
	41	+Then, 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:
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		-)))
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	66	widget = api.HeadWidget()
67	67
68	68	face = surfaces.FaceSurface().from_file()
...	...	@@ -74,7 +74,7 @@
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>
	56	+<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.
...	...	@@ -100,7 +100,7 @@
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>
	82	+<iframe src="https://drive.google.com/file/d/1RLwts75Hh31LoPdWLK7QOM61KIsOabF1/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: