Skip to main content
SimilarExport ZIP
100%

Fork of bhavana Scatter plot

✓ Published0🌍 Public
TTekmal-Bhavana
Last edited Mar 30, 2023
Created on Mar 30, 2023

This visualization displays the Iris dataset as an animated scatter plot, cycling through different pairings of sepal and petal measurements on the axes every two seconds. Species are distinguished by color-coded markers with a legend. Built with D3.js (v6.7.0), it uses `scaleLinear`, `axisLeft`, and `axisBottom` to construct the plot, with SVG rendering and a `setInterval` loop driving the animation.

AI-generated description

A reusable scatter plot inspired by Towards Reusable Charts.

Shows the Iris Dataset.

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Fork of Reusable D3 Scatter Plot

This animated scatter plot visualizes the Iris dataset, mapping petal and sepal measurements to x- and y-axes while coloring points by species (setosa, versicolor, virginica) in orange, purple, and pink. The visualization uses D3 v6 with a reusable `scatterPlot` module employing `scaleLinear`, `axisLeft`, and `axisBottom` for axes. A `setInterval` cycles through four measurement columns every two seconds, dynamically updating the x-axis mapping. The SVG rendering animates circles as the axis scales adjust, with labels for "Sepal Length" and "Petal Length" displayed in a green tech-themed font.

KKiran3295
89% match
Loading thumbnail…

Fork of Fork of Reusable D3 Scatter Plot

This animated scatter plot visualizes the Iris dataset, mapping petal width against sepal length while coloring each dot by species (setosa, versicolor, and virginica). Built with D3 v3, it uses `d3.csv` to load data, `scaleLinear` for axes, and `setInterval` to cycle through different data columns every two seconds, updating the x-axis. The SVG rendering includes custom circle markers with varying dimensions and a rotating set of axis labels.

Bbhargavarathod
89% match
Loading thumbnail…

Fork of Reusable D3 Scatter Plot

This animated scatter plot explores the Iris dataset, cycling through different pairings of sepal and petal measurements every two seconds. It uses D3 v6's `scaleLinear`, `scaleOrdinal`, and axis components within a reusable `scatterPlot` function, rendering SVG circles with color-coded species. The visualization also includes a legend and a secondary set of static, elliptical marks, demonstrating data-driven attribute binding.

SSaiSreya1
88% match
Loading thumbnail…

Fork of Reusable D3 Scatter Plot

This visualization displays the Iris dataset as an animated scatter plot, cycling through different feature pairs every two seconds. It uses D3.js v6 with reusable chart components, employing `scaleLinear` for axes, `scaleOrdinal` with `symbols` for point shapes, and `axisLeft`/`axisBottom` for tick marks. The plot transitions between four measurement columns—PetalWidth, SepalWidth, PetalLength, and SepalLength—using `setInterval` to redraw the SVG with new x-value assignments.

Bbhanuteja1807@gmail.com
88% match
Loading thumbnail…

Fork of Reusable D3 Scatter Plot

This animated scatter plot visualizes the Iris Dataset, showing how petal and sepal measurements relate across three flower species. It cycles through four variable combinations on the x-axis every few seconds while displaying petal width on the y-axis. The visualization uses D3 v6 functions like `scaleLinear`, `axisLeft`, and `axisBottom`, with SVG symbols for data points and a color-coded legend. Each species is represented by a distinct shape and color, with the chart updating via `setInterval`.

SSharmaAshwini
88% match
Loading thumbnail…

Fork of Reusable D3 Scatter Plot

This animated scatter plot visualizes the Iris dataset, cycling through four attribute pairings every two seconds to reveal different relationships between sepal and petal measurements. Built with D3 v6, it uses d3.scaleLinear for axes, d3.scaleOrdinal for species color coding, and d3.axisLeft/axisBottom for ticks. SVG circles are rendered with CSS transitions, while a legend identifies the three iris species. The implementation follows the reusable chart pattern, with the scatterPlot function accepting configurable accessors for x, y, and radius values.

AAnanyaSamala
88% match
Loading thumbnail…

Fork of Reusable D3 Scatter Plot

This example presents an animated scatter plot of the Iris dataset, cycling through different feature pairs to reveal relationships among species. The visualization uses D3 v6 APIs including `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` to map data to positions and render axes. A `setInterval` triggers updates every two seconds, switching the x-axis variable among petal width, sepal width, petal length, and sepal length while keeping sepal length on the y-axis. The chart renders as SVG with circles for each data point, adapting to the full window size.

Ssuguna428
88% match
Loading thumbnail…

Fork of Reusable D3 Scatter Plot

This visualization displays the Iris dataset as an animated scatter plot, cycling through four flower measurements (petal width, sepal width, petal length, sepal length) on the x-axis every two seconds while sepal length stays on the y-axis. Built with D3 v6, it uses `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` to map the data, and a reusable `scatterPlot` function that updates the circles and axes via SVG selections. The animation runs through `setInterval`, redrawing the plot with a new x-value accessor each cycle.

GGogineni44
88% match