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
Nnaveenkumar.m@kpriet.ac.in
Last edited Jul 24, 2025
Created on Jul 24, 2025

This visualization displays the Iris dataset, comparing sepal length and width across three species using a color-coded scatter plot with an interactive legend. The chart loads data from a CSV file via `d3.csv`, uses `scaleLinear` and `scaleOrdinal` for axes and color mapping, and includes axis labels, title, and source attribution. Hovering over legend items triggers fade effects on non-matching points while raising selected species to the front. The implementation uses modular D3 functions for rendering, dimension observation with `ResizeObserver`, and a BBC-inspired color theme.

AI-generated description

Comments

Sign in to join the discussion.

MIT Licensed