🌍 Public
Viewing a saved revision (read-only)
315b2f606dcf47af8a0b3d08e97ae1c1
Activity6_tutorial3.2
This interactive scatter plot visualizes the Iris dataset, mapping sepal length on the x-axis and petal length on the y-axis, with species encoded by distinct marker shapes. The D3.js v7 code uses `scaleLinear`, `scaleOrdinal`, `symbolsFill`, and `symbol` within `scatterPlot.js` and `shapeLegend.js` to render the marks and a custom legend. Axes are drawn using `axisLeft` and `axisBottom`, and data is fetched as CSV and parsed with `csvParse`. The plot updates in response to window resizing, using SVG for rendering.
AI-generated descriptionThe Penguins Dataset, loaded and parsed as CSV.
Fork and modify this template to import your data to VizHub and export it for use in other vizzes! To do that:
- Fork this viz
- Clear out the README
- Update the README with details about your dataset (including original source)
- Replace
data.csvwith your own data - Replace the parsing logic in
index.jswith your own - Set the custom URL so you can import from it easily
Challenge
- Find 3 datasets on a topic you are interested in
- For each of those, fork this viz and replace the data
- Parse the quantitative attributes into numbers
- Update
README.mdto indicate the original data source