{"version":"1.0","type":"rich","title":"Basic Scatter Plot with React & D3","description":"This example shows a basic scatter plot of the classic Iris flower dataset, plotting sepal length on the x-axis against sepal width on the y-axis. Each point is rendered as a black circle with a fixed radius of 12 pixels. The visualization is built with React and D3 v7, where React manages the component lifecycle and state, while D3's `scaleLinear` and `extent` functions compute the scales. The `csv` loader reads the data, and the `select` and `join` methods render the circles into an SVG element.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/bc942d2170ea4c9d8d03ca18dc24d072?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}