incls 8 shivani Fork of Vanilla D3 Vibecoding Template

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 interactive scatter plot visualizes the Fisher Iris dataset, comparing sepal length against sepal width across three species. The chart uses custom D3.js code with `scaleLinear` for axes, `scaleOrdinal` for species colors, and `axisBottom` with `axisLeft` for ticks. The legend enables hover interactions that highlight one species while fading others. Data loads asynchronously from a CSV URL, with the visualization adapting to container resizing via `ResizeObserver`.

Ssravya7136@gmail.com

Fork of Vanilla D3 Vibecoding Template

This scatter plot visualizes the Iris dataset, comparing sepal length and sepal width across three species. Points are colored by species, with hover interactions on the legend fading non-matching points. The visualization is built with D3 v7, using `scaleLinear`, `scaleOrdinal`, `axisBottom`, and `axisLeft` APIs. Data is loaded via `d3.csv` from a remote CSV file, and the chart includes a title, subtitle, axis labels, and a source attribution.

MManeesh Kumar

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

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.

Ssakethpapareddy@gmail.com

Fork of Vanilla D3 Vibecoding Template

This interactive scatter plot visualizes Fisher’s Iris dataset, comparing sepal length and width across three species of iris flowers. The chart uses D3 v7’s `scaleLinear`, `scaleOrdinal`, `axisBottom`, and `axisLeft` to map quantitative dimensions and species colors, with points rendered as SVG circles. Hovering over legend items highlights the corresponding species by raising matching points and fading others, driven by shared state managed through a `ResizeObserver` for responsive layout.

Fork of Vanilla D3 Vibecoding Template

This interactive scatter plot visualizes Fisher’s Iris dataset, comparing sepal length and sepal width across three iris species. The visualization uses D3 v7’s `scaleLinear` and `scaleOrdinal` to map data values to positions and colors, with points rendered as SVG circles. Hovering over a legend item highlights that species’ points while fading others, implemented through D3’s `.on()` event handlers and state management. The chart includes styled axes, titles, and a legend, with color schemes defined in a BBC-inspired theme.

Eeko.5samuel@gmail.com

Kkhushburajan2015@gmail.com

Fork of Vanilla D3 Vibecoding Template

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.