design-infraReport a problem or share feedback← Catalog
Apache ECharts · Relationship graph
freeecharts/network
Explore nodes and their connections.
$
pnpm add echartsnpm deps: echarts
Our notes
Integration recipe: the command installs the library, not a standalone finished component. Adapt the linked upstream API/example to your data and brand. Import the renderer and features you need. Dispose chart instances and resize them with their container. Benchmark the actual data volume rather than relying on vendor maximums. Upstream: https://github.com/apache/echarts. License: Apache-2.0. Package metadata: echarts@6.1.0. Runtime integration is not verified by this metadata sync.- Source
- Apache ECharts
- Kind
- component
- Categories
- graph
- Use as
- recipe — technique you apply to your own markup
- Applies to
- graph
- Motion
- not tagged (static or unknown)
- Tags
- data-visualization, visualization-reference, canvas, svg, integration-recipe, network
- Licence
- Apache-2.0; retain the upstream license and notices. Hosted commercial products/examples are separate.
- Live demo
- echarts.apache.org
- Docs
- echarts.apache.org
Similar
Compare all 4 →- AntV G6 · Graph layoutsantv-g6/layoutsIntegration recipe: the command installs the library, not a standalone finished component. Adapt the linked upstream API/example to your data and brand. Choose layouts and rendering features for the actual graph. Preserve cleanup and resize behavior in React; extensions and G6 major versions have their own compatibility requirements. Upstream: https://github.com/antvis/G6. License: MIT. Package metadata: @antv/g6@5.1.1. Runtime integration is not verified by this metadata sync.
- AntV G6 · Graph constructionantv-g6/networkIntegration recipe: the command installs the library, not a standalone finished component. Adapt the linked upstream API/example to your data and brand. Choose layouts and rendering features for the actual graph. Preserve cleanup and resize behavior in React; extensions and G6 major versions have their own compatibility requirements. Upstream: https://github.com/antvis/G6. License: MIT. Package metadata: @antv/g6@5.1.1. Runtime integration is not verified by this metadata sync.
- Cytoscape.js · Graph layoutscytoscape/layoutsIntegration recipe: the command installs the library, not a standalone finished component. Adapt the linked upstream API/example to your data and brand. Good for connected entities rather than numeric dashboard axes. Destroy the instance on cleanup, review extensions individually and preserve a useful nonvisual representation of relationships. Upstream: https://github.com/cytoscape/cytoscape.js. License: MIT. Package metadata: cytoscape@3.34.4. Runtime integration is not verified by this metadata sync.