Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Tutorial3.1_Activity6

Public visualization

Viewing a saved revision (read-only)

7a378fc4fa384c2fb43121061d4aee53

Tutorial3.1_Activity6

0 stars0🌍 Public
Ssanjanadadi19@gmail.com
Last edited Apr 4, 2024
Created on Apr 4, 2024
Forked from Hello VizHub

This example shows a scatter plot of the Iris dataset, mapping sepal length to the x-axis and petal length to the y-axis, with species indicated by point shape. The visualization uses a categorical color-free shape legend to identify the three species, with axes labeled by the corresponding measurement variables. Built with D3 v7, the code leverages `scaleLinear`, `scaleOrdinal`, `symbol`, and `axisLeft`/`axisBottom` from the `d3` module, while fetching and parsing the CSV data via `csvParse`. The rendering uses a custom `scatterPlot` function that joins SVG path elements with `symbolsFill` shapes.

AI-generated description

An example showing the capabilities of VizHub:

  • Loads D3 via UNPKG.
  • Demonstrates use of import from "d3".
  • Demonstrates use of import from local ES6 modules.