🌍 Public
Viewing a saved revision (read-only)
85e6293dc4b54950b4beb1ed7f45a556
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.