{"version":"1.0","type":"rich","title":"Practice D3 013121","description":"This example shows a network visualization rendered on an HTML canvas using D3’s force simulation. The code builds a force-directed graph with nodes and links, applying forces for charge, centering, and collision via `d3.forceSimulation`, `d3.forceManyBody`, `d3.forceCenter`, and `d3.forceCollide`. It draws circles and lines directly onto the canvas, updating positions each tick. The visualization uses random-generated data and relies on D3 v6’s `d3.scaleOrdinal` for node coloring and `d3-canvas` for rendering.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/4936af0141a34b5fafabb3cec962d1d1?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}