Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Acitivty6_Question2

Public visualization

Viewing a saved revision (read-only)

11bf465bdf09416a818f2a3c5afe4d2a

Acitivty6_Question2

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

This scatter plot of the Iris flower dataset compares petal length and petal width, representing each species with a distinct color and a legend for identification. Rendered as SVG circles, hovering over a point displays a tooltip with the species and the exact measurements. The visualization uses D3.js v7 to load data from a local CSV file, position the points via `d3.scaleLinear` and `d3.extent`, and add axes with `d3.axisBottom` and `d3.axisLeft`. An ordinal color scale via `d3.scaleOrdinal` maps species to colors, while D3's `transition` API animates the tooltip's opacity.

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.