Changes for page Widget TimeSeries
Last modified by ldomide on 2023/05/23 14:34
From version 38.1
edited by rominabaila
on 2023/05/15 14:03
on 2023/05/15 14:03
Change comment:
There is no comment for this version
To version 44.1
edited by rominabaila
on 2023/05/15 14:24
on 2023/05/15 14:24
Change comment:
There is no comment for this version
Summary
-
Page properties (1 modified, 0 added, 0 removed)
Details
- Page properties
-
- Content
-
... ... @@ -94,7 +94,7 @@ 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 +== 1. TS Widget with matplotlib and mne == 98 98 99 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 100 ... ... @@ -102,4 +102,21 @@ 102 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> 103 103 {{/html}} 104 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.2. Modify spacing between channels === 118 + 119 +To modify the spacing between the channels, go with your cursor over the beginning/end of the Y axis (where the channels list is) and drag it to the outside of the plot area. To decrease the spacing, drag your cursor to the inside of the plot area. To reset the spacing to the default values, click on the 'Reset axes' button (Home icon) from the plotly tools area. 120 + 121 +{{html}}<iframe width="840" height="480" src="https://www.youtube.com/embed/q_olB7uRSc4" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>{{/html}} 105 105