Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Activity6_task3.1

Public visualization

Viewing a saved revision (read-only)

a62d58359e224586878d6ebfd2625a6b

Activity6_task3.1

0 stars0🌍 Public
Nnandasaipalankius@gmail.com
Last edited Oct 22, 2024
Created on Oct 22, 2024
Forked from Hello VizHub

This example visualizes the Iris dataset as a scatter plot, using petal length on the x-axis and petal width on the y-axis. It encodes species membership through circle colors (skyblue, lightgreen, orange) while also binding sepal length and width as additional attributes (`rx`, `ry`) on each circle. The visualization loads CSV data from a GitHub gist, parses numeric fields, and uses D3 v6 APIs including `scaleLinear`, `extent`, `axisLeft`, `axisBottom`, and `selectAll().data().join()` to render SVG circles. Axis labels are added via `svg.append('text')`, with the plot sized to the browser window dimensions.

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.