🌍 Public
Viewing a saved revision (read-only)
d24f2bb073274c72baada1ac122a13e6
Stylized Scatter plot
This example visualizes the classic Iris dataset, plotting sepal length against sepal width as a scatter plot. The data is loaded as CSV using `d3.csv` and rendered as SVG circles within a React component. Linear scales via `d3.scaleLinear` and `d3.extent` map the data to the chart area, with axes generated by custom React components using `xScale.ticks()`. The visualization uses a clean, stylized design with the Poppins font, teal marks, and labeled axes, while native SVG `<title>` elements provide tooltips.
AI-generated descriptionA program that shows the top 10 most populous countries as a bar chart.