Differences

This shows you the differences between two versions of the page.

Link to this comparison view

Both sides previous revisionPrevious revision
Next revision
Previous revision
flow_chart_visualization [2013/04/10 11:47] – [Requirements on the SVG files] adminflow_chart_visualization [2014/06/05 11:38] (current) – external edit 127.0.0.1
Line 1: Line 1:
-====== Flow chart visualization ====== +#REDIRECT doc:flow_chart_visualization
- +
-The flow chart visualizer allows to load SVG files and to define actions that are to be taken when the user clicks on the elements in the graphics. It is designed as a convenient way of showing processing pipelines and calling processing steps. All rectangular shapes can be turned into click-sensitive areas by defining (in a .yaml file accompanying the .svg) which action is to be taken when the user clicks on the respective element. +
- +
-{{ :flowchart-vis.png?800 |}} +
- +
-===== Requirements on the SVG files ===== +
-The SVG files need to be created in a special way for the system to work: +
-  * All blocks that are to be used for interaction need to have special identifiers which can be set by right clicking on the element -> Object properties. +
-  * There are two kinds of blocks: Elements of the processing pipeline have identifiers of the form "block_<id>", the corresponding menu blocks have the form "block_<id>_menu"  +
- +
-  * There needs to be a background rectangle called "background" that has its origin in the upper left corner of the image. +
-  * Text needs to be converted into paths (Object -> To path) +