Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Task 9 & 10 D3 Tutorial UN

Public visualization

Viewing a saved revision (read-only)

8d006332447643da98786b436cb21d9b

Task 9 & 10 D3 Tutorial UN

0 stars2🌍 Public
Uuzairnaeem15@gmail.com
Last edited Apr 20, 2024
Created on Apr 20, 2024
Forked from Hello VizHub

This interactive scatter plot visualizes the Iris dataset, displaying measurements of petal and sepal dimensions colored by species (setosa, versicolor, virginica). Using D3 v6, the animation cycles through different column pairs every few seconds, updating the axes and labels to compare various feature combinations. The visualization includes a custom legend, title, and axis labels, with SVG circles representing each flower instance. The code leverages D3's scaleLinear, axisBottom, axisLeft, extent, and csv data loading functions to create a reusable scatterPlot component that updates dynamically.

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.