Tutorial
✓ Published0🌍 Public
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 descriptionAn 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
importfrom"d3". - Demonstrates use of
importfrom local ES6 modules.
MIT Licensed