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
Kkhushburajan2015@gmail.com
Last edited Oct 16, 2025
Created on Oct 16, 2025

This interactive scatter plot visualizes the Iris dataset, comparing sepal length and width across three species with color-coded points and a hoverable legend that fades non-selected species. Built with D3.js v7, it uses `scaleLinear`, `scaleOrdinal`, `axisBottom`, and `axisLeft` to render axes and points, while a `ResizeObserver` handles responsive dimensions. The chart loads CSV data via `d3.csv`, applies BBC-inspired styling from a theme object, and supports smooth state management through VizHub's reactive container pattern.

AI-generated description

Comments

Sign in to join the discussion.

MIT Licensed