Changes for page Widget TimeSeries
Last modified by ldomide on 2023/05/23 14:34
From version 46.1
edited by rominabaila
on 2023/05/15 15:49
on 2023/05/15 15:49
Change comment:
There is no comment for this version
Summary
-
Page properties (2 modified, 0 added, 0 removed)
-
Attachments (0 modified, 1 added, 0 removed)
Details
- Page properties
-
- Author
-
... ... @@ -1,1 +1,1 @@ 1 -XWiki. rominabaila1 +XWiki.ldomide - Content
-
... ... @@ -12,13 +12,13 @@ 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, 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 -[[image:matplotlib.png]] 18 +[[image:matplotlib.png||height="302" width="500"]] 19 19 20 20 (% style="text-align:center" %) 21 -[[image: plotly.png]]21 +[[image:image-20230523153006-1.png||height="323" width="500"]] 22 22 23 23 == Inputs == 24 24 ... ... @@ -99,7 +99,7 @@ 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 101 101 {{html}} 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>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" allowfullscreen></iframe> 103 103 {{/html}} 104 104 105 105 == 2. TS Widget with plotly == ... ... @@ -141,3 +141,18 @@ 141 141 {{html}} 142 142 <iframe width="840" height="480" src="https://www.youtube.com/embed/mYitFiHy_Qs" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe> 143 143 {{/html}} 144 + 145 +=== 2.5. Channels and dimensions selection === 146 + 147 +To select which channels are plotted/removed from the plot (so not just visible/hidden), you can use the 'Channels' area to the right of the plot & legend. When you expend it, the first visible element is a 'Submit selection' button, which must be used every time a change is done in this Channels area. 148 + 149 +Underneath this button there are a 'State variable' and a 'Mode' selection sections, which are mostly relevant when the input data (time series) has 3 or 4 dimensions. 150 + 151 +Below are the 'Select all' and 'Unselect all' buttons, which will plot/remove all the signals in/from the plot. 152 + 153 +Finally, below you can see a list of checkboxes, where each checkbox corresponds to one signal from the plot. Unchecking a checkbox for a signal will remove that signal from the plot. 154 + 155 +Once again, always remember that for each selection, be it a dimension or a signal selection, you must use the 'Submit selection' button to see a change in the plot. 156 + 157 +{{html}}<iframe width="840" height="480" src="https://www.youtube.com/embed/Ehj_n5JAYI8" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>{{/html}} 158 +
- image-20230523153006-1.png
-
- Author
-
... ... @@ -1,0 +1,1 @@ 1 +XWiki.ldomide - Size
-
... ... @@ -1,0 +1,1 @@ 1 +1.0 MB - Content