Grapheditor¶
The grapheditor is a custom web component that renders nodes and edges with d3.js.
Features¶
Custom static templates with dynamic text and content
Fully dynamic templates
Changeable edge paths
Dynamic styling with css classes
Text wrapping in plain svg (this is not supported natively by browsers!)
Pan and zoom using mouse or touch
Node drag and drop
Edge drag and drop
Custom edge drag handles for edges and bidirectional edges
Custom markers for edges (more powerful than svg markers)
Text components for edges
Powerful grouping mechanism
Node resizing
Compatible with all web frameworks (behaves like a standard html tag, see also custom web component)
Many custom events
Documentation¶
- Quickstart
- Grapheditor
- Static Templates
- Dynamic Templates
- Edge Path Templates
- Groups
- Resizing Nodes
- API
- Changelog
- Unreleased
- 0.6.0 - 2020-7-23
- 0.5.4 - 2020-04-30
- 0.5.3 - 2020-04-30
- 0.5.2 - 2020-03-08
- 0.5.1 - 2020-02-26
- 0.5.0 - 2020-02-25
- 0.4.1 - 2020-02-11
- 0.4.0 - 2020-01-28
- 0.3.1 - 2019-12-02
- 0.3.0 - 2019-11-22
- 0.2.0 - 2019-10-27
- 0.1.3 - 2019-08-22
- 0.1.2 - 2019-07-30
- 0.1.1 - 2019-06-22
- 0.1.0 - 2019-04-11
- 0.0.3 - 2019-03-04
- 0.0.2 - 2019-02-25
- 0.0.1 - 2019-02-15