# Dynamic Flow Chart

**URL:** <https://discourse.nodered.org/t/dynamic-flow-chart/20842>\
**Category:** Dashboard\
**Created:** [25 January 2020 14:11 UTC](https://discourse.nodered.org/t/dynamic-flow-chart/20842 "2020-01-25T14:11:15Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![Boris](https://avatars.discourse-cdn.com/v4/letter/b/74df32/32.png) [@Boris](https://discourse.nodered.org/u/Boris)\
**Post date:** [25 January 2020 14:11 UTC](https://discourse.nodered.org/t/dynamic-flow-chart/20842/1 "2020-01-25T14:11:15Z")

</div>

Hi everyone, I am looking for the best solution or ideas.  
My issue is drawing a static flow chart diagram in the dashboard and animate it using the values read from Siemens PLC.  
I'm able to read and write data but I'm not sure for the flow chart diagram format. I'm thinkihg in svg image format but I'm not sure in this solution.  
Thanks  
Bye

---

<div class="post-metadata">

**Author:** ![kuema](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/kuema/32/6542_2.png) [@kuema](https://discourse.nodered.org/u/kuema)\
**Post date:** [25 January 2020 14:39 UTC](https://discourse.nodered.org/t/dynamic-flow-chart/20842/2 "2020-01-25T14:39:58Z")

</div>

@BartButenaers and @Steve-Mcl have developed an impressive SVG node for the Node-RED Dashboard. Maybe that could fit your needs?

Here are some pointers:

> [@\[Announce\] node-red-contrib-ui-svg](https://discourse.nodered.org/t/announce-node-red-contrib-ui-svg/17063):
>
> Hi folks, After some beta releases, Steve (@Steve-Mcl) and I proudly announce that our [node-red-contrib-ui-svg](https://github.com/bartbutenaers/node-red-contrib-ui-svg) node is finally available on NPM (version 1.2.2). champagne partying_face beer birthday [image] We have spend an awful lot of free time on it, so we hope you enjoy it. Now it is finally possible to create dual-way interactive vector graphics in your Node-RED dashboard, for example to create a floorplan to control your smart home. We would also like to thank again our partn…

> **[GitHub - bartbutenaers/node-red-contrib-ui-svg: A Node-RED widget node to...](https://github.com/bartbutenaers/node-red-contrib-ui-svg)**
>
> A Node-RED widget node to show interactive SVG (vector graphics) in the dashboard - GitHub - bartbutenaers/node-red-contrib-ui-svg: A Node-RED widget node to show interactive SVG (vector graphics) ...

---

<div class="post-metadata">

**Author:** ![abhutada](https://avatars.discourse-cdn.com/v4/letter/a/35a633/32.png) [@abhutada](https://discourse.nodered.org/u/abhutada)\
**Post date:** [26 July 2021 15:50 UTC](https://discourse.nodered.org/t/dynamic-flow-chart/20842/3 "2021-07-26T15:50:17Z")

</div>

Is there a way to store the replica / image of entire node-red flow as SVG (1 tab at a time) ?  
e.g. If I already the entire JSON for a given node-red tab/flow - I'd like to see the same as SVG - that way if I need to animate specific sections of the SVG flow, I can possibly customize the same.  
I am trying to build a run-time view of each tab/flow with this functionality (not in the NR Editor, but outside NR).