Viewing a saved revision (read-only)
a99ca544c87548b88b21cb7c4c70f88e
First Animation
This visualization displays the classic Iris dataset, plotting sepal length and width on the x and y axes while encoding petal length in the circle radius. Three iris species appear in distinct colors through a D3 `scaleOrdinal` color scale. The React component loads the CSV data using `d3.csv`, then passes it to the D3 visualization function, which joins circle elements to the data and sets their positions and radii using linear scaling functions.
AI-generated descriptionThis is the "Iris" dataset. Originally published at UCI Machine Learning Repository: Iris Data Set, this small dataset from 1936 is often used for testing out machine learning algorithms and visualizations (for example, Scatter Plot). Each row of the table represents an iris flower, including its species and dimensions of its botanical parts, sepal and petal, in centimeters.
The HTML page provides the basic code required to load the data and display it on the page (as JSON) using D3.js.
For a more up to date code example with React & D3, see (VizHub: Stylized Scatter Plot)[https://vizhub.com/curran/3d631093c2334030a6b27fa979bb4a0d?edit=files&file=index.js].