{"version":"1.0","type":"rich","title":"HTML Starter","description":"This example demonstrates how to build a scatterplot in React using D3 v4, displaying the relationship between city and highway fuel economy from a CSV file. The code creates linear scales for both axes, appends SVG circles with opacity and color encoding, and calls `d3.axisBottom` and `d3.axisLeft` to render the axes. The page also includes a basic SVG canvas with circles positioned via `selectAll`, `data`, and `join`, showing a simple data-binding pattern in plain HTML.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/9cf5d116b3604dbb806cf558cbbc2d70?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}