Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Tutorial

Public visualization

Viewing a saved revision (read-only)

cfd73cc4706343819d04d08d4f302558

Tutorial

0 stars0🌍 Public
Vvyjayanthimamidipalli@gmail.com
Last edited Mar 22, 2025
Created on Mar 22, 2025
Forked from Hello VizHub

This example demonstrates an interactive scatterplot of the Iris dataset, visualizing the relationship between sepal width and sepal length for three flower species. The plot uses D3.js v7 loaded via UNPKG, with data fetched by URL using `d3.csv`. It implements linear scales (`d3.scaleLinear`) for axes, an ordinal color scale for species, and appends SVG circles with `d3.select` and `data().enter()`. Axes are rendered via `d3.axisBottom` and `d3.axisLeft`, with labels for each dimension, resulting in a clear, colored comparison of the species.

AI-generated description

An example showing the capabilities of VizHub:

  • Loads D3 via UNPKG (pinned at v6, since this runtime environment only supports UMD, and in v7 D3 dropped UMD support)
  • Demonstrates use of import from "d3".
  • Demonstrates use of import from local ES6 modules.