Summary

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

Details

Page properties

Content

...	...	@@ -12,7 +12,7 @@
12	12
13	13	Starting with //**tvb-widgets 1.5.0**, //the TS widget comes in 2 forms, corresponding to the 2 different libraries (we called them backends) used for plotting: **matplotlib **and **plotly**. The matplotlib backend, build on top of the **mne** library, offers more advanced scientifical features, while the plotly backend has a more appealing look and moves faster when talking about the basic interactions.
14	14
15		-Below you can see the TS widget with each backend option (first one using the matplotlib backend, the second one using the plotly backend).
	15	+Below you can see the TS widget with each backend option (first one using the matplotlib backend, second one using the plotly backend).
16	16
17	17	(% style="text-align:center" %)
18	18	[[image:matplotlib.png]]
...	...	@@ -94,7 +94,38 @@
94	94
95	95	After running the code from above into a Jupyter cell, you should see the TS widget corresponding to the backend you selected.
96	96
	97	+== 1. TS Widget with matplotlib and mne ==
97	97
	99	+As it was already mentioned, the matplotlib widget offers more advanced scientifical fearures. In the video below, you can see some of the functionalities that this backend provides, like: increasing/decreasing signal amplitude, selecting/deselecting certain signals, selecting different dimensions (state variable/mode) from the input data, navigating through the timeline, etc.
	100	+
98	98	{{html}}
99		-<iframe width="840" height="480" src="https://www.youtube.com/embed/VmueiXMxbVk" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
	102	+<iframe width="840" height="480" src="https://www.youtube.com/embed/hozEkVhkWeA" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
100	100	{{/html}}
	104	+
	105	+== 2. TS Widget with plotly ==
	106	+
	107	+Starting with //**tvb-widgets version 1.5.0**//, we introduced a second TS Widget, which uses the **plotly.py** library to create the interactive plot. Below you can watch small tutorials on how to use and interact with this widget.
	108	+
	109	+=== 2.1. Moving through the timeline and channels list ===
	110	+
	111	+To move through the timeline or channels list, go to your cursor over the X (for timeline) and Y (for channels) axes and drag it to navigate.
	112	+
	113	+{{html}}
	114	+<iframe width="840" height="480" src="https://www.youtube.com/embed/nZYZxHui-Ao" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
	115	+{{/html}}
	116	+
	117	+== 2. TS Widget with plotly ==
	118	+
	119	+Starting with //**tvb-widgets version 1.5.0**//, we introduced a second TS Widget, which uses the **plotly.py** library to create the interactive plot. Below you can watch small tutorials on how to use and interact with this widget.
	120	+
	121	+=== 2.1. Moving through the timeline and channels list ===
	122	+
	123	+{{html}}
	124	+<iframe width="840" height="480" src="https://www.youtube.com/embed/nZYZxHui-Ao" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
	125	+{{/html}}
	126	+
	127	+== 2. TS Widget with plotly ==
	128	+
	129	+Starting with //**tvb-widgets version 1.5.0**//, we introduced a second TS Widget, which uses the **plotly.py** library to create the interactive plot. Below you can watch small tutorials on how to use and interact with this widget.
	130	+
	131	+=== 2.1. Moving through the timeline and channels list ===