🌍 Public
Viewing a saved revision (read-only)
7ac390b6080b47c09b973106ebd02d3c
d3 Chart Nodes Demo [yFiles for HTML]
This example combines d3.js bar charts with yFiles for HTML node styles to visualize dynamic data on an interactive graph. Each node displays a sparkline-style bar chart that updates every 500 milliseconds with new random data, simulating live server updates. The D3ChartNodeStyle class uses d3.scaleBand, d3.scaleLinear, and d3.interpolateHcl to render the bars, while yFiles manages the graph layout, edges, and user interactions like zooming and panning. The sample graph contains city nodes connected by edges, with labels positioned above each node.
AI-generated descriptionA bare minimum HTML page.
See also React Starter.