Skip to main content
SimilarExport ZIP
100%

Fork of DV ICE-7 krishna

✓ Published0🌍 Public
Mmandalasaikrishna007
Last edited Mar 27, 2022
Created on Mar 27, 2022

This animated scatter plot displays the Iris dataset, mapping petal width against sepal length and coloring points by species (versicolor, virginica, and setosa). The visualization cycles through four numerical columns—petal width, sepal width, petal length, and sepal length—every five seconds using `setInterval`. Built with D3 v6, the reusable chart component (`scatterPlot`) uses `scaleLinear`, `axisLeft`, and `axisBottom` to render SVG circles and axes. Data loads via `d3.csv` from a GitHub-hosted CSV file, with dimensions and margins configured programmatically.

AI-generated description

A reusable scatter plot inspired by Towards Reusable Charts.

Shows the Iris Dataset.

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Reusable D3 Scatter Plot- ICE7 krishna

This animated scatter plot visualizes the Iris flower dataset, cycling through four different measurement pairs on the x-axis while keeping petal width on the y-axis. The visualization uses D3 v6 with SVG rendering, employing a custom `scatterPlot` reusable chart function with `scaleLinear`, `axisLeft`, and `axisBottom` for axes. Points are color-coded by species (setosa, versicolor, virginica), and a `setInterval` updates the x-axis mapping every few seconds. The code loads data via `csv` from a GitHub gist and uses `selectAll` with `join` to manage circle elements.

Mmandalasaikrishna007
92% match
Loading thumbnail…

Fork of DV ICE-7 iris dataset by different colors

This animated scatter plot displays the classic Iris dataset, mapping petal width against sepal length while coloring each point by species: pink for setosa, red for versicolor, and blue for virginica. The visualization uses d3.csv to load data from a GitHub-hosted CSV file and renders SVG circles with dynamic fill colors. Every two seconds, a setInterval callback cycles the x-axis through different measurement columns—petal width, sepal width, petal length, and sepal length—using a reusable scatterPlot module built with d3.scaleLinear, d3.axisLeft, and d3.axisBottom. The axes update smoothly while circle positions remain based on the current x-value mapping.

Vvidhyanamini
92% match
Loading thumbnail…

Fork of Reusable Scatter Plot- ICE 7

This animated scatter plot visualizes the Iris dataset, cycling through different sepal and petal measurements on the x-axis while keeping petal width on the y-axis. Each species appears as a distinct color—orange, blue, and black—with a custom legend and labels. Built with D3 v6, the visualization uses `d3.csv` to load data, `scaleLinear` and `extent` for scales, and `setInterval` to cycle through measurement columns. Circles are rendered as SVG elements with custom `rx` and `ry` attributes, and axes are drawn using `axisLeft` and `axisBottom`.

Mmandalasaikrishna007
90% match
Loading thumbnail…

Fork of ICE-7 Resuable scatter plot

This visualization is an animated scatter plot of the Iris flower dataset, colored by species (setosa, versicolor, and virginica). It cycles through different combinations of sepal and petal measurements every two seconds, allowing viewers to see how the data clusters shift across various dimensions. Built with D3.js (version 6.7.0), the plot uses a reusable `scatterPlot` module that leverages `scaleLinear`, `axisLeft`, and `axisBottom` for scaling and axes. The SVG circles are rendered with inline styling, using a `setInterval` loop to update the x-axis mapping and redraw the plot.

SSravyaAnnadi
89% match
Loading thumbnail…

Fork of ICE 7-1 Reusable Scatter Plot

This interactive scatter plot visualizes the Iris dataset, plotting petal width against sepal length. It animates through all four numeric measurements by updating the x-axis every ten seconds, cycling through petal_width, sepal_width, petal_length, and sepal_length. The plot uses D3 v6's `scaleLinear`, `scaleOrdinal`, and `axisBottom` APIs to render SVG symbols, with distinct shapes and colors for each species. Data is loaded from a CSV file via `d3.csv`, and the visualization updates dynamically by re-calling the scatter plot function with new x-value mappings.

KKarnisrikanth
89% match
Loading thumbnail…

Fork of ICE 7-1 Reusable Scatter Plot

This reusable scatter plot visualizes the Iris dataset, mapping petal width against sepal length with points colored and shaped by species—setosa, versicolor, and virginica. Built with D3 v6, it uses scaleLinear, scaleOrdinal, axisLeft, axisBottom, and symbol generators to render SVG marks. The axes dynamically cycle through different measurement columns every ten seconds via setInterval, updating the chart through a reusable closure-based chart function that returns getter and setter accessors.

NNikitha123171
89% match
Loading thumbnail…

Fork of ReusablE Scatter Plot- ICE7 KRISHNA

This animated scatter plot explores the Iris dataset, cycling through different measurements on the x-axis to reveal relationships between sepal and petal dimensions. Data points are color-coded by species using orange, blue, and black markers, with a custom legend and rotating axis labels. Built with D3 v6, the visualization uses the reusable `scatterPlot` module with `scaleLinear`, `axisLeft`, and `axisBottom` to render SVG circles and axes. A `setInterval` timer switches the x-axis variable every few seconds, smoothly updating the chart to compare all four measurement combinations.

Mmandalasaikrishna007
89% match
Loading thumbnail…

Fork of ICE-7 Reusable Scatter Plot

This animated scatter plot visualizes the Iris dataset, mapping petal length and sepal length on the x- and y-axes while coloring each circle by species (setosa, versicolor, virginica). Using D3 v6 APIs such as `scaleLinear`, `extent`, `axisLeft`, and `axisBottom`, it implements a reusable scatter plot function. Every two seconds, a `setInterval` cycles through different columns—petal_width, sepal_width, petal_length, sepal_length—switching the x-axis dimension and updating SVG circles via data joins.

Ssumitradevipolina
89% match