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 45.1
edited by rominabaila
on 2023/05/15 15:42
Change comment: There is no comment for this version
To version 49.1
edited by ldomide
on 2023/05/23 14:30
Change comment: Uploaded new attachment "image-20230523153006-1.png", version {1}

Summary

Details

Page properties
Author
... ... @@ -1,1 +1,1 @@
1 -XWiki.rominabaila
1 +XWiki.ldomide
Content
... ... @@ -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 ==
... ... @@ -119,7 +119,7 @@
119 119  {{/html}}
120 120  
121 121  
122 -=== 2.1. Moving through the timeline and channels list ===
122 +=== 2.2. Moving through the timeline and channels list ===
123 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  
... ... @@ -127,9 +127,32 @@
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.2. Modify spacing between channels ===
130 +=== 2.3. 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}}
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
Public

TVB Widgets