Last modified by teodoramisan on 2026/02/13 10:11
From version 65.1
edited by teodoramisan
on 2026/02/12 11:17
Change comment: There is no comment for this version
To version 67.1
edited by teodoramisan
on 2026/02/12 11:27
Change comment: There is no comment for this version

Summary

Details

Page properties
Content
... ... @@ -37,11 +37,11 @@
37 37  
38 38  From the Jupyter Lab launcher, click on the **Xircuits File** icon, as in the screenshot below.
39 39  
40 -[[image:xircuits-file-icon.png||alt="newxircs.png"]]
40 +[[image:xircuits-file-icon.png||alt="newxircs.png" height="592" width="1100"]]
41 41  
42 42  A new file with the .xircuits extension will be generated under your current working directory. This is where you can start building the workflow diagram interactively.
43 43  
44 -[[image:xircuits-generated-file.png||alt="newfile.png"]]
44 +[[image:xircuits-generated-file.png||alt="newfile.png" height="592" width="1100"]]
45 45  
46 46  You will notice that 2 components are already placed inside the workflow: the __Start__ and the __Finish__ components. They cannot be modified or deleted, and they represent the starting and finishing point of the workflow.
47 47  
... ... @@ -49,27 +49,27 @@
49 49  
50 50  Open the components tray, from the left-side bar icon highlighted below.
51 51  
52 -[[image:xircuits-extension-icon.png||alt="tray.png"]]
52 +[[image:xircuits-extension-icon.png||alt="tray.png" height="591" width="1100"]]
53 53  
54 54  Now, you can browse through the components, select the one you wish to use, then drag and drop it into the workflow area.
55 55  
56 56  Customizable components can be identified by a suffix (e.g. **TVB_**SIMULATOR, **VBI_**SIMULATION_RUNNER).
57 57  
58 -[[image:xircuits-component-browser.png||alt="components.png"]]
58 +[[image:xircuits-component-browser.png||alt="components.png" height="592" width="1100"]]
59 59  
60 60  === **Step 3. Configure the components** ===
61 61  
62 62  The components that are provided in this extensions are configurable, meaning you can set some parameters on almost every component. Some of the parameters are literals, while some parameters are results of other components.
63 63  
64 -Parameters marked with a star () are mandatory, the workflow will not run until all required parameters have values assigned.
64 +Parameters marked with a star (*) are mandatory, the workflow will not run until all required parameters have values assigned.
65 65  
66 66  In case of primitives you need to open the //General// tab from the components tray and drag the appropriate //literal//: float, int, string, dict, etc.
67 67  
68 68  The parameters need to be linked to the inputs of the component by dragging and dropping a connection from the output port of a literal/component towards the corresponding input port of the other component (e.g. the gray connections in the screenshot below).
69 69  
70 -Components and parameters include info buttons () that explain their purpose and how they are used (e.g. the simulator info panel below).
70 +Components and parameters include info buttons (i) that explain their purpose and how they are used (e.g. the simulator info panel below).
71 71  
72 -[[image:configure-components.png||alt="diagr.png"]]
72 +[[image:Screenshot 2026-02-12 115445.png||alt="diagr.png" height="592" width="1100"]]
73 73  
74 74  === **Step 4. Make connections** ===
75 75  
... ... @@ -77,7 +77,7 @@
77 77  
78 78  First, link the __Start__ node to the first component of your workflow. Then make the connections between all your components. The last component should be linked to the __Finish__ node, to indicate the end of your workflow (e.g. the blue connections in the screenshot below). These connections will dictate the order of execution of the components in your workflow.
79 79  
80 -[[image:components-connection.png||alt="diagram.png"]]
80 +[[image:components-connection.png||alt="diagram.png" height="592" width="1100"]]
81 81  
82 82  === **Step 5. Run the workflow** ===
83 83  
... ... @@ -89,7 +89,7 @@
89 89  
90 90  * For this you can click on the Run button (▶), which will also implicitly compile the workflow. Make sure that __Local Run__ is selected near the Run button.
91 91  
92 -[[image:local-run-button.png||alt="run.png"]]
92 +[[image:local-run-button.png||alt="run.png" height="592" width="1100"]]
93 93  
94 94  
95 95  2. Remotely on HPC (only if you have access to HPC resources)
... ... @@ -96,7 +96,7 @@
96 96  
97 97  * First choose the __Remote Run__ in the select box and then click the Run button (▶), which will also implicitly compile the workflow.
98 98  
99 -[[image:remote-run-button.png||alt="remote.png"]]
99 +[[image:remote-run-button.png||alt="remote.png" height="385" width="1100"]]
100 100  
101 101  * A dialog will open to request the HPC connection details:
102 102  ** which __HPC Site__ to use
... ... @@ -104,16 +104,16 @@
104 104  ** one checkbox to choose whether you want the __HPC Monitoring__ to be opened up automatically (via tvb-ext-unicore GUI). This can also be opened up manually using the __Monitor HPC__ button or the __U__ icon from the left side-bar.
105 105  ** one checkbox to choose whether you want the results to be __staged out__ automatically or not. If checked, the workflow waits for the HPC jobs to finish and then performs the stage out. If unchecked, the results can be manually downloaded later on by using the GUI of the tvb-ext-unicore.
106 106  
107 -[[image:remote-run-configuration.png||alt="rem.png"]]
107 +[[image:remote-run-configuration.png||alt="rem.png" height="591" width="1100"]]
108 108  
109 109  * The HPC monitoring is done via the GUI of tvb-ext-unicore which is a separate package we have documented under this Wiki. But it can be nicely used together with tvb-ext-xircuits:
110 110  
111 -[[image:hpc-monitoring.png||alt="uni.png"]]
111 +[[image:hpc-monitoring.png||alt="uni.png" height="593" width="1100"]]
112 112  
113 113  
114 114  After clicking on Run, a new Jupyter Output window should appear in the bottom of your Jupyter Lab environment. Here you will see the output of your workflow, such as logs, static plots, etc.
115 115  
116 -[[image:jupyter-output-window.png||alt="out.png"]]
116 +[[image:jupyter-output-window.png||alt="out.png" height="591" width="1100"]]
117 117  
118 118  === **Step 6. Share your work*** ===
119 119  
... ... @@ -130,7 +130,7 @@
130 130  To use this functionality, drag any model from the **TVB_MODELS** (inside the components tray) into the workflow area. Then right click on the model and select the **Open Viewer** option:
131 131  
132 132  
133 -[[image:open-viewer-on-models.png||alt="image-20221116125354-2.png" data-xwiki-image-style-alignment="center" height="800" width="1130"]]
133 +[[image:open-viewer-on-models.png||alt="image-20221116125354-2.png" data-xwiki-image-style-alignment="center" height="593" width="1100"]]
134 134  
135 135  
136 136  A new Jupyter tab should open, which contains a read-only Jupyter notebook. After following the instructions provided there, you should be able to see the Phase Plane widget associated with this particular model.
... ... @@ -139,7 +139,7 @@
139 139  
140 140  After configuring the parameters with the desired values, go to the Exports tab of the widget and click on **Export model configuration**. Now all you have to do is to go back to the tab where your workflow is and you will see that the model will have values set for all the parameters that you modified in the Phase Plane widget (that is all the parameters there were assigned values different than the default ones).
141 141  
142 -[[image:export-model-configuration.png||alt="image-20221116130425-1.png" data-xwiki-image-style-alignment="center" height="900" width="1069"]]
142 +[[image:export-model-configuration.png||alt="image-20221116130425-1.png" data-xwiki-image-style-alignment="center" height="763" width="1000"]]
143 143  
144 144  
145 145  === 2. Visualize time series resulted from simulations ===
... ... @@ -146,15 +146,15 @@
146 146  
147 147  This functionality is available for the **StoreResultsToDrive** component. Right click on the **StoreResultsToDrive** and select the **Open Viewer** option:
148 148  
149 -[[image:open-viewer-button.png||alt="view.png"]]
149 +[[image:open-viewer-button.png||alt="view.png" height="591" width="1100"]]
150 150  
151 151  A new Jupyter tab should open, which contains a read-only Jupyter notebook. After running the cell, you should be able to see the **TimeSeriesBrowser **widget with the //**Collab**// and //**folder**// you have chosen for the **StoreResultsToDrive **component already loaded.
152 152  
153 -[[image:view2.png]]
153 +[[image:view2.png||height="576" width="1100"]]
154 154  
155 155  Next, you should choose which time series file to display and click the **View time series button**.
156 156  
157 -[[image:timeseries-plotly.png||alt="view3.png"]]
157 +[[image:timeseries-plotly.png||alt="view3.png" height="593" width="1100"]]
158 158  
159 159  == ==
160 160  
Screenshot 2026-02-12 115445.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.teodoramisan
Size
... ... @@ -1,0 +1,1 @@
1 +275.3 KB
Content
Public

TVB Widgets