Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Activity6_Task3

Public visualization

Viewing a saved revision (read-only)

2359fcdf7d994a298cd8fc63f324252e

Activity6_Task3

0 stars0🌍 Public
CChandra Prakash Reddy Kalwakolu
Last edited Apr 11, 2024
Created on Apr 11, 2024
Forked from Hello VizHub

This D3.js scatter plot visualizes the Iris dataset, plotting petal length against petal width for all samples. Points are colored by species—pink for setosa, lavender for versicolor, and peachpuff for virginica—using a `switch` statement as the fill encoder. The SVG chart is generated with d3’s `select`, `csv`, `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` APIs, with data loaded from a remote CSV and rendered on a full-window canvas. The plot includes custom axis labels for sepal length and petal length, demonstrating local ES6 module imports and D3’s data-join approach.

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.