Skip to main content
SimilarExport ZIP
100%

pirchart

✓ Published2🌍 Public
Ssathvik0311@gmail.com
Last edited Nov 5, 2024
Created on Nov 5, 2024

This example displays the Iris dataset as a scatter plot, cycling through petal width, sepal width, petal length, and sepal length on the x-axis while sepal length is fixed on the y-axis. Circles are color-coded by species. Built with D3 v6, it uses `scaleLinear`, `axisLeft`, `axisBottom`, and `setInterval` to animate the axis changes, rendering as an SVG.

AI-generated description

A demonstration of reusable scatter plot.

MIT Licensed

Similar vizzes

Loading thumbnail…

draft

A scatter plot animates through the Iris dataset, cycling the x-axis between petal width, sepal width, petal length, and sepal length every two seconds while keeping sepal length on the y-axis. Built with D3 v6, the reusable `scatterPlot` function uses `scaleLinear`, `axisLeft`, and `axisBottom` to render axes and circles via SVG, with data loaded through `csv`. The animation updates the plot’s x-value accessor and re-invokes the chart, producing a dynamic exploration of iris flower measurements.

Hharipriyaa07
84% match
Loading thumbnail…

Activity_7.1

This interactive scatterplot animates the Iris dataset, cycling through petal width, sepal width, petal length, and sepal length on the x-axis while sepal length remains fixed on the y-axis. Colored circles represent three species—setosa in skyblue, versicolor in lightgreen, and virginica in orange—with a legend and dynamically updating axis labels. Built with D3 v6, it uses `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` within a reusable `scatterPlot` module, driven by `setInterval` to rotate columns and SVG rendering for all marks and annotations.

Hharinihari6791@gmail.com
84% match
Loading thumbnail…

Iris dataset scatter plot

This interactive scatter plot visualizes the Iris dataset, mapping measurements like petal width and sepal length across three flower species. Using D3.js with an SVG rendering and animation, the chart automatically cycles through different x-axis variables every 15 seconds, updating the visualization via a reusable scatterPlot function. The code employs d3.scaleLinear for axes, d3.scaleOrdinal for symbol types, and d3.symbol to render distinct species markers, with data loaded asynchronously from a CSV source.

Ggayathrikavya
84% match
Loading thumbnail…

Scatter Plot

This animated scatter plot explores the Iris Dataset, cycling through four measured attributes on the x-axis while keeping sepal length on the y-axis. Built with D3 v6, it uses `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` to render axes and circles via SVG. Every two seconds, the plot updates its x-value mapping to a different column, smoothly redrawing points to reveal correlations between petal width, sepal width, petal length, and sepal length. The animation demonstrates a reusable chart pattern with configurable width, height, margins, and radius.

Ppavankalyan1507
84% match
Loading thumbnail…

scatter plot

This interactive scatter plot animates through the columns of the Iris dataset, cycling the x-axis between petal width, sepal width, petal length, and sepal length every two seconds while keeping y-axis fixed at sepal length. The visualization uses D3’s `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` to compute scales and draw axes, with SVG circles positioned dynamically. The code applies a reusable `scatterPlot` module that recalculates data mappings on each interval, rendering a full-screen SVG that updates in place.

Aadithiarikatla@gmail.com
84% match
Loading thumbnail…

Scatter Plot

This scatter plot visualizes the Iris Dataset, displaying sepal and petal measurements as colored circles representing three flower species. The chart cycles through different measurement combinations every two seconds, updating the x-axis dynamically. Built with D3 v6, it uses `scaleLinear`, `axisLeft`, `axisBottom`, and reusable chart functions. The SVG rendering responds to window dimensions, and the animation runs via `setInterval`, with colors mapping species types.

AAlankruthSai
83% match
Loading thumbnail…

D3 Scatter Plot

This animated scatter plot visualizes the Iris dataset, mapping petal length and sepal width while coloring each point by species (setosa, versicolor, or virginica). The visualization cycles through four attribute combinations every two seconds using `setInterval`, updating the x-axis and circle positions accordingly. Built with D3 v6, it uses `scaleLinear`, `axisLeft`, and `axisBottom` for axes, with SVG circles rendered via `selectAll` and `join`. The code also includes manually appended axis labels and a custom color scheme.

RRaja Srinivas Nelluri
83% match
Loading thumbnail…

Reusable scatter plot

This reusable scatter plot animates through the Iris Dataset, cycling the x-axis between petal width, sepal width, petal length, and sepal length every two seconds while keeping petal length on the y-axis. It uses D3 v6 modules including `scaleLinear`, `scaleOrdinal`, `axisLeft`, `axisBottom`, and `csv` to load data from a GitHub Gist. SVG circles are colored by species, with a legend and axes updated via the `scatterPlot` closure pattern, rendering dynamically to the full browser window.

AArv1228
83% match