Fork of Vanilla D3 Vibecoding Template

Ssowjanyateppali4202@gmail.com

Fork of Vanilla D3 Vibecoding Template

This interactive scatter plot visualizes the Iris dataset, comparing sepal length and width across three species. Built with vanilla D3 (v7), it uses `scaleLinear` for axes, `scaleOrdinal` for species coloring against a BBC color palette, and `csv` for data loading. The chart supports interactive highlighting via a legend, which fades non-hovered points, implemented with D3's selection joins and a `ResizeObserver` for responsive sizing.

Bbodushivani2601@gmail.com

Fork of Vanilla D3 Vibecoding Template

This interactive scatter plot visualizes the Iris dataset, comparing sepal length and width across three iris species. It uses D3.js with a declarative approach, leveraging D3’s `scale`, `axis`, and SVG selection APIs to draw axes, circles, and a hoverable legend. The chart is styled with a custom BBC-inspired color theme and loads data from a remote CSV, with interactivity that fades non-hovered species.

Bbodushivani2601@gmail.com

Fork of Vanilla D3 Vibecoding Template

This scatter plot visualizes the Iris dataset, comparing sepal length against sepal width across three flower species using a BBC-inspired color palette. The D3 v7 code loads CSV data via `d3.csv` and builds the chart with `scaleLinear`, `scaleOrdinal`, and axis components. Interactive legend filtering uses hover events to fade non-matching points, with the theme and layout configured through a separate config module.

Ssaisowjanyaedupuganti.24f@gmail.com

Fork of Fork of Vanilla D3 Vibecoding Template

This scatter plot visualizes the Iris dataset, comparing sepal length and width across three species, with points colored by species and an interactive legend that highlights one species at a time. The chart uses D3.js APIs like `scaleLinear`, `scaleOrdinal`, `axisBottom`, and `axisLeft` to render axes and scales, while `ResizeObserver` handles responsive resizing. Data loads from a CSV via `d3.csv`, and BBC-style colors are applied to distinguish each species.

Nnaveenkumar.m@kpriet.ac.in

Fork of Vanilla D3 Vibecoding Template

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.

Fork of Vanilla D3 Vibecoding Template

This interactive scatter plot visualizes Fisher's Iris dataset, comparing sepal length and width across three iris species, with data points colored by species. The visualization includes a legend that filters and highlights points on hover, dimming non-selected species through opacity changes. Built with vanilla D3.js (v7), the code uses `scaleLinear`, `scaleOrdinal`, `axisBottom`, and `axisLeft` for scales and axes, while leveraging a ResizeObserver for responsive layout. The BBC-style color scheme and typography are applied via CSS classes, with data loaded from a remote CSV file.

CCharith Kapuluru

Fork of Vanilla D3 Vibecoding Template

This scatter plot visualizes the Iris dataset, comparing sepal length and sepal width across three iris species. The visualization uses a D3.js SVG rendering approach, with points colored by species using a BBC-inspired color palette. The chart includes interactive features such as a hoverable legend that dims non-matching points, and the code demonstrates the use of `d3.csv` for data loading, `d3.scaleLinear` and `d3.scaleOrdinal` for scaling, and `d3.axisBottom` and `d3.axisLeft` for axes. Data is sourced from Fisher's Iris dataset.

Ssravya7136@gmail.com

Fork of Vanilla D3 Vibecoding Template

This visualization displays Fisher's Iris dataset as an interactive scatter plot, mapping sepal length and width against each other with species indicated by color. The chart includes hover interactions via the legend, highlighting points of matching species while fading others. It uses D3 v7 APIs such as `scaleLinear`, `scaleOrdinal`, `axisBottom`, `axisLeft`, and a `ResizeObserver` for responsive layout. Data loads asynchronously from a CSV via `d3.csv`, with styling informed by BBC color themes and configurable visual properties.

224cs077@kpriet.ac.in