{"version":"1.0","type":"rich","title":"Untitled","description":"This example presents a minimal interactive visualization built with React and D3, rendered as a scatterplot. It uses the force simulation from D3 (`d3.forceSimulation`) to position nodes dynamically, with the simulation’s tick event updating the SVG circles via React’s state management. The chart displays a static dataset of points without external files, relying on D3’s `scaleLinear` for axis mapping and `d3.axisBottom` for x-axis ticks. The layout is styled with basic CSS, and the code is structured as a single React component.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/2d0b401de5fe4806ad36fb956c9d42fe?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}