Differences
This shows you the differences between two versions of the page.
Both sides previous revisionPrevious revisionNext revision | Previous revision | ||
flow_chart_visualization [2013/04/10 11:47] – [Requirements on the SVG files] admin | flow_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? | + | |
- | + | ||
- | ===== 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 " | + | |
- | + | ||
- | * There needs to be a background rectangle called " | + | |
- | * Text needs to be converted into paths (Object -> To path) | + | |