Attention: The Collaboratory IAM will down for up to 1 hour on Monday, the 7th of July 2025 starting from 5pm CEST (my timezone) for up to 1 hour. Any and all services, which require a user login with an EBRAINS account, will be un-available during that time


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
Change comment: There is no comment for this version
To version 44.1
edited by rominabaila
on 2023/05/15 14:24
Change comment: There is no comment for this version

Summary

Details

Page properties
Content
... ... @@ -106,21 +106,8 @@
106 106  
107 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 108  
109 -=== 2.1. Basic controls of the plot ===
109 +=== 2.1. Moving through the timeline and channels list ===
110 110  
111 -If you hover over a signal, a tooltip will appear where you can see the exact value from that point and the name of the channel you are hovering over. Next, you can zoom in, by dragging and creating an area inside the plot or from the plotly tools area and zoom out, from the same tools area. To come back to the original view, you can click the 'Reset axes' button (house icon) from the tools area.
112 -
113 -To the right of the plot there is a legend, showing the channels which are plotted. The '**[R]**' notation means that the signal is **resampled** so that all of it can be viewed inside the plot. The '**~~20**' notation means that 20 consecutive points are aggregated into a single point in the plot. As you zoom in in the plot, the number of aggregated points decreases. This is all done using the [[**plotly-resampler**>>https://predict-idlab.github.io/plotly-resampler/]] package.
114 -
115 -Moreover, clicking on a channel name from the legend will toggle its visibility inside the plot. This means that the signal corresponding to that channel //is not removed, but just invisible// in the plot. Double clicking on a channel  from the legend will isolate it, meaning that will be the only visible channel in the plot and the rest of them will be hidden. Double clicking again will make all the channels visible again. If you wish to hide all the channels or make all of them visible, use the 'Hide All' and 'Show All' buttons.
116 -
117 -{{html}}
118 -<iframe width="840" height="480" src="https://www.youtube.com/embed/x4ksyKIFUAk" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
119 -{{/html}}
120 -
121 -
122 -=== 2.2. Moving through the timeline and channels list ===
123 -
124 124  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.
125 125  
126 126  {{html}}
... ... @@ -127,17 +127,9 @@
127 127  <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>
128 128  {{/html}}
129 129  
130 -=== 2.3. Modify spacing between channels ===
117 +=== 2.2. Modify spacing between channels ===
131 131  
132 132  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.
133 133  
134 134  {{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}}
135 135  
136 -
137 -=== 2.4. Modify signal scaling ===
138 -
139 -To modify the scaling (amplitude) of a signal, use the slider below the plot. To the right of the slider you will see the scaling factor, i.e. the number by which the signals are multiplied.
140 -
141 -{{html}}
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 -{{/html}}
Public

TVB Widgets