Fork of fork d3.js 1

Aadithiarikatla@gmail.com

fork d3.js 1

This example visualizes the Iris dataset, comparing sepal length and width across three species with colored points and an interactive legend that highlights selected species. The chart uses d3.scaleLinear for axes, d3.scaleOrdinal for color mapping, and d3.csv for data loading. It renders SVG elements with d3.selection, incorporates ResizeObserver for responsive dimensions, and applies BBC-inspired styling with custom CSS classes.

93% match

Fork of Fork of d3.js project

This interactive scatter plot visualizes the Iris dataset, comparing sepal length and width across three species of iris flowers. The visualization uses D3.js v7 to render an SVG chart with axes, labels, and a legend that highlights data points by species when hovered, using color categories from a BBC-inspired theme. It leverages D3's `scaleLinear`, `scaleOrdinal`, `axisBottom`, and `axisLeft` APIs, with data loaded asynchronously via `d3.csv`.

92% match

Fork of Fork of Fork of d3.js project

This interactive scatter plot visualizes the Iris dataset, comparing sepal length against sepal width across three species. The visualization uses d3.csv to load data and d3.scaleLinear, d3.scaleOrdinal, and d3.axisBottom/axisLeft to render the chart. Users can hover over the legend to highlight individual species while fading others. The chart displays a title, subtitle, source attribution, and uses the BBC color theme to differentiate data points.

92% match

Fork of Fork of D3 AI Template

This visualization displays the Iris dataset as a scatter plot, mapping sepal length and sepal width across three flower species with color-encoded points, a legend, title, and axis labels. It uses D3.js v7 with `d3.csv` for data loading, `scaleLinear` and `scaleOrdinal` for positioning and color, and `axisBottom`/`axisLeft` for axes. The code also includes interactive hover highlighting via the legend and `ResizeObserver` for responsive dimensions, rendering everything as SVG.

NNita

90% match

Fork of Fork of Fork of Fork of d3.js project

This interactive scatter plot visualizes Fisher's Iris dataset, comparing sepal length and width across three species with distinct BBC-style colors and hover highlighting. Using D3.js v7, it implements responsive sizing via ResizeObserver and renders SVG circles with configurable radii, opacity, and stroke. The visualization includes axis labels, a legend that filters points on mouseenter, and additional petal dimensions mapped but not displayed. Data loads asynchronously from a remote CSV using `d3.csv`.

Aadithiarikatla@gmail.com

Fork of flower

This interactive scatter plot visualizes Fisher's Iris dataset, comparing sepal length and width across three species. The chart uses color-coded points and a clickable legend that highlights a selected species while fading others, enhancing comparison. Built with D3.js, it employs `scaleLinear`, `scaleOrdinal`, and `axisBottom` for scales and axes, using `ResizeObserver` for responsive sizing and `renderSVG` for output. Styling follows BBC color themes, with data loaded from a CSV source.

Fork of Fork of D3 AI Template

This example shows a scatter plot of the Iris dataset, mapping sepal length and width across three species with color-coded points, a legend, and hover interactions that fade non-matching points. Built with D3.js v7, it uses `d3.csv` for data loading, `scaleLinear` and `scaleOrdinal` for positioning and coloring, and `axisBottom`/`axisLeft` for axes. The visualization is responsive via a `ResizeObserver` and features configurable margins, labels, and point styling.

NNita

Fork of d3.js project

This interactive scatter plot visualizes Fisher’s Iris dataset, comparing sepal length and width across three species colored with a BBC-inspired palette. Using D3 v7, it renders an SVG chart with axes, labels, source attribution, and a hoverable legend that highlights points of the selected species while fading others. The visualization supports responsive resizing via ResizeObserver, with styling controlled through CSS classes. Data is loaded asynchronously from a remote CSV and mapped to configurable dimensions for x, y, and color encoding.