Grapheditor

The grapheditor is a custom web component that renders nodes and edges with d3.js.

See also

Quick Start

Want to jump right in? Go to the Quickstart to get a first feel for how this webcomponent is used.

When to Use

Use this webcomponent if you want to

  • Display an interactive graph layout with complex node designs

  • Allow users to rewire the graph interactively

  • Render a graph to SVG

When NOT to Use

Do NOT use this webcomponent if you want to

  • Display a large number of complex nodes (everything above 100 nodes should be testet for performance issues)

  • Require the best and fastest text wrapping for large amounts of text in nodes (Text wrapping is implemented using custom javascript as browsers do not natively support text wrapping in SVGs)

Features

_images/test-html.png

Documentation