Skip to main content
SimilarExport ZIP
100%

fork_scatterplot_act8

✓ Published0🌍 Public
DDee
Last edited Apr 9, 2025
Created on Apr 9, 2025

This interactive scatterplot visualizes the Iris dataset, showing petal width against sepal length with points colored by species. Using D3.js and SVG, the plot animates through different variable combinations every few seconds, cycling through all four flower measurements as axes. The visualization updates axes and scales dynamically via `setInterval`, while a legend identifies the three species with distinct colors. Built with `d3.csv`, `d3.scaleLinear`, and axis components, it demonstrates a reusable scatterplot module with real-time data exploration.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Reusable D3 Scatter Plot

This interactive scatter plot visualizes the Iris dataset, showing petal width against sepal length with points colored by species. Built with D3 v6, the visualization cycles through different variable pairings every two seconds using a reusable chart pattern. The SVG marks use the `d3.scaleLinear` and `d3.scaleOrdinal` APIs, with axes generated by `axisBottom` and `axisLeft`. A legend identifies the three species, while a `setInterval` loop updates the x and y value functions to animate through the dataset’s four numeric columns.

MMar-99
92% match
Loading thumbnail…

Fork of Fork of Reusable D3 Scatter Plot

This interactive scatter plot explores the Iris dataset, visualizing relationships between petal and sepal measurements across three flower species. The visualization cycles through different variable pairings every two seconds, updating the axes and point positions accordingly. Built with reusable D3 components, it leverages `scaleLinear`, `scaleOrdinal`, `axisLeft`, `axisBottom`, and `extent` from D3 6.7.0, using SVG rendering with animated transitions and a color-coded legend for species identification.

MMar-99
91% match
Loading thumbnail…

Fork of Scatter plot Activity

This interactive scatter plot visualizes the Iris dataset, cycling through four feature combinations (petal width, sepal width, petal length, sepal length) on the x-axis every few seconds via `setInterval`. The y-axis shows sepal length, and each species—setosa, versicolor, and virginica—is color-coded using a `d3` scale and a custom marker function. Built with D3 v6, it uses `csv`, `scaleLinear`, `axisLeft`, and `axisBottom` to render SVG circles and axes, with a legend and axis labels updated dynamically.

Ssathvik0311@gmail.com
91% match
Loading thumbnail…

Fork of Activity 7.1

This animated scatter plot displays the Iris dataset, using D3 v6 to cycle through different feature pairings on the x-axis every few seconds. The visualization, rendered as SVG, maps sepal and petal measurements to point positions, with species color-coded (sky blue, light green, and orange). It demonstrates a reusable scatter plot module, using functions like `scaleLinear`, `extent`, and `axisLeft` from D3, while the `setInterval` timer updates the displayed columns, with axis labels and legend text reflecting the current selection.

Bbhavanadupati3@gmail.com
91% 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
91% match
Loading thumbnail…

activity9and10

This animated scatterplot displays the Iris flower dataset, cycling through four variable pairings to show relationships between sepal and petal measurements. Each species is color-coded, with a legend and rotating axis labels updating every few seconds. The visualization uses D3 v6 modules like `scaleLinear`, `axisLeft`, and `axisBottom` via `scatterPlot.js`, with `setInterval` driving the animation. It loads CSV data from a GitHub gist, renders as SVG, and demonstrates ES6 imports for reusable chart components.

AAbdul Kareem
91% match
Loading thumbnail…

Fork of Reusable Scatter plot Activity 8

This animated scatter plot displays the Iris flower dataset, cycling through four feature pairings (petal width, sepal width, petal length, and sepal length) on the x-axis while keeping sepal length on the y-axis. Points are colored by species (setosa, versicolor, virginica) using static legend markers. Built with D3 v6, the visualization uses `scaleLinear`, `axisLeft`, `axisBottom`, and `csv` parsing, with a reusable `scatterPlot` module. A `setInterval` triggers axis updates every few seconds, while SVG circles are appended directly to the body with custom `rx` and `ry` attributes.

Mmythripopuri2001@gmail.com
91% 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
91% match