Skip to main content
100%

Tutorial

✓ Published0🌍 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.
MIT Licensed

Similar vizzes