React component for visualizing CWL-like workflows (and similar data).
This is in alpha/beta phase.
Is being used by HMS-DBMI in the 4DN Data Portal to show provenance of analytical pipeline runs. Also being used in the CGAP (final name TDB) project for similar purposes.
Checkout the current demo at unpkg.com/@hms-dbmi-bgm/react-workflow-viz/index.html, which points to the index.html file in the distributable NPM package (and in this repo).
With a checkout of the repo:
npm install
npm run build
When it completes, load file:///path-to-your-checkout/react-workflow-viz/index.html.
Side Note - Is there a way to auto-generate a CHANGELOG.md file out of releases' content?
- Important glitch fixes, including typo and intersection counting.
- PROTOTYPE / NOT ENABLED: Reuse horizontal edge segments (to reduce # of lines; noise) if:
- Segment is on same Y coordinate as previous segment (or source node, if first segment) and has common source node. This prevents a path from a single node from prematuraly splitting into many separate paths.
- Segment is leading to a common target node. This allows paths to converge if beneficial.
- This could be better tested; perhaps reused segments should be treated differently in regard to intersections (at least excluded).
- Improved ordering of terminal reference file input nodes.
- Now compares distance of closest step that is being input into; those which go into further steps get pushed to bottom.
- For edges spanning more than one column gap, longer edges now get drawn/'traced' before shorter edges (experimental-ish).
- Including comments in ESM build output.
- Add & export a script/function to convert a unidirectional CWL into bidirectonal structure needed for this viz tool.
- Add complete example of CWL being visualized (including usage of script/function above to do so).
- Include way to show contents of testdata/setup code in demo index.html view/page.
- Documentation & reference