Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Vanilla D3 Vibecoding Template

Public visualization

Fork of Vanilla D3 Vibecoding Template

0 stars0🌍 Public
EEmily Hudson
Last edited Oct 1, 2025
Created on Oct 1, 2025

This example displays Fisher’s Iris dataset as a scatter plot comparing sepal length and width, with colored points for each iris species and an interactive legend that fades non-hovered categories. The code uses D3 version 7 modules including `csv`, `scaleLinear`, `scaleOrdinal`, `axisBottom`, `axisLeft`, and `select`, with a `ResizeObserver` for responsive sizing. Layout, colors, and typography are configured through exportable JavaScript objects, while hover handling raises matching points via `raise()` and applies opacity transitions.

AI-generated description

Comments

Sign in to join the discussion.

MIT Licensed