Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Activity6_Task3.1

Public visualization

Viewing a saved revision (read-only)

a0754f66e90e4a278821ff013e454106

Activity6_Task3.1

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

This example displays a scatter plot of the Iris dataset, using distinct symbol shapes for each species to show petal length against sepal length. It loads D3 v7 via UNPKG and demonstrates modular ES6 imports for local modules like `scatterPlot.js` and `axes.js`. The visualization uses `d3.scaleLinear`, `d3.scaleOrdinal`, `d3.symbolsFill`, and `d3.symbol` to render shapes, while a custom legend with `d3.axisLeft` and `d3.axisBottom` shows the species mapping. Data is fetched as CSV and parsed with `d3.csvParse`.

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.