Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Activity6_Task3

Public visualization

Viewing a saved revision (read-only)

fc1f3f4578274996bf7c230b8c864ad4

Activity6_Task3

0 stars0🌍 Public
JJayanth Reddy Sripathi
Last edited Oct 22, 2024
Created on Oct 22, 2024
Forked from Hello VizHub

This example displays a scatter plot of the Iris dataset, mapping petal length and width as the primary axes while encoding sepal length and width into the size and shape of the circular markers. Each of the three iris species is distinguished by a unique fill color: sky blue, light green, and orange. The visualization uses D3 version 6, loaded via a CDN, and leverages the `d3.csv` loader to fetch the data from a GitHub repository. It builds the plot using `d3.select` to create an SVG, with scales from `d3.scaleLinear`, axes from `d3.axisLeft` and `d3.axisBottom`, and computes data extents via `d3.extent`. The code sets the circle radii, along with `rx` and `ry` attributes, to reflect the additional sepal dimensions, while axis labels are added as text elements.

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.