ScatterPlot_Jasvitha_ICE-7

100%

ScatterPlot_Jasvitha_ICE-7

✓ Published0🌍 Public

Last edited Mar 25, 2023

Created on Mar 25, 2023

This interactive scatter plot visualizes the Iris dataset, coloring points by species and using different symbols to represent each variety. Built with D3 v6, it renders SVG shapes using `d3.symbol` and `d3.scaleOrdinal`. The visualization cycles through four attribute pairings every two seconds via `setInterval`, updating the x-axis mapping and re-calling the reusable chart function. The plot includes labeled axes, a title, and applies a custom color scheme for setosa, versicolor, and virginica flowers.

AI-generated description

A reusable scatter plot inspired by Towards Reusable Charts.

Shows the Iris Dataset.

MIT Licensed

Similar vizzes

Loading thumbnail…

Scatter plot ICE 7

This interactive scatter plot animates through different axis pairings of the Iris flower dataset, cycling between sepal and petal measurements. Colored circles represent the three species—setosa, versicolor, and virginica—with a static legend and dynamically updating axes. Built with D3.js v6, the visualization uses `scaleLinear`, `axisLeft`, `axisBottom`, and a `setInterval` loop to redraw the plot every few seconds. The SVG rendering includes custom labels, a title, and a rotating x-axis selection, with data loaded asynchronously via `d3.csv`.

Kkakumanusreya

89% match

Loading thumbnail…

ICE 7 Reuse Scatter Plot

This interactive scatter plot visualizes the Iris Dataset, with points colored by species—virginica in green, versicolor in orange, and setosa in blue. The chart cycles through different attribute pairs every 10 seconds, alternating between petal width, sepal width, petal length, and sepal length on the x-axis while keeping sepal length on the y-axis. Built with D3 v6, it uses scaleLinear, scaleOrdinal, axisLeft, axisBottom, and symbols to render distinct shapes for each species. The reusable chart pattern supports dynamic updates through setInterval.

Jjayanthamol99

88% match

Loading thumbnail…

Scatterplot_ICE7

This interactive scatter plot displays the Iris dataset, mapping petal width against sepal length. It uses D3 v6 APIs including `scaleLinear`, `scaleOrdinal`, `extent`, and `symbol` to render SVG marks, with colors assigned by species. The visualization cycles through all four numeric data columns every two seconds using `setInterval`, updating the x-axis to show different variable pairs. The reusable chart component, built with a `scatterPlot` factory function, adjusts its axes and marks dynamically via methods like `.xValue()` and `.yValue()`, while axis labels and a title are appended directly to the SVG.

NNiharika-Guthikonda

88% match

Loading thumbnail…

Reusable Scatter Plot- ICE 7 (Data Visualization)

This interactive scatter plot visualizes the Iris dataset, using petal width and sepal length as axes while coloring each point by species (setosa, versicolor, or virginica). The visualization cycles through different column combinations every two seconds, animating the axes and points. Built with D3.js, it uses `scaleLinear`, `axisBottom`, and `axisLeft` to render SVG axes, while a custom `scatterPlot` function manages the reusable chart configuration. The code loads CSV data asynchronously and renders colored circles with dynamic radius values based on sepal dimensions.

SSrilekha24

88% 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

88% match

Loading thumbnail…

Scatter Plot-ICE7 from Reusable scatter plot

This interactive scatter plot visualizes the Iris dataset, cycling through four flower measurements on the x-axis (petal width, sepal width, petal length, sepal length) while keeping sepal length fixed on the y-axis. It uses d3.csv for data loading, d3.scaleLinear for axes, and d3.axisLeft/axisBottom for rendering ticks. The animation, driven by setInterval, updates the scatter plot's x-value accessor. Points are colored by species (green for setosa, yellow for versicolor, red for virginica) with a custom legend. SVG rendering and an animation loop showcase the reusable scatterPlot chart function.

Rrajasrilekkala

88% match

Loading thumbnail…

ICE7- reusable scatter plot

This visualization presents the Iris dataset as a dynamic scatter plot that cycles through different attribute pairings every two seconds, with points colored by species (setosa in red, versicolor in blue, virginica in green). Built with a reusable `scatterPlot` function using D3’s `scaleLinear`, `extent`, `axisLeft`, and `axisBottom`, the SVG chart renders axes and circles while a `setInterval` timer reconfigures the x-value mapping to explore petal and sepal measurements. The code imports data from a GitHub-hosted CSV and uses D3’s `csv` parser.

KKolliTeja

88% match

Loading thumbnail…

ICE 7- Scatter Plot

This animated scatter plot visualizes the Iris dataset, comparing sepal and petal measurements across three flower species. The chart cycles through different attribute pairs every two seconds, shifting which variables map to the x-axis while maintaining species-colored symbols. Built with D3 v6, it uses reusable chart functions with scaleLinear, scaleOrdinal, and symbol generators for rendering SVG paths. The visualization includes axis labels, a color legend for Iris species, and transitions driven by JavaScript’s setInterval, creating an interactive exploration of the dataset’s multivariate relationships.

SSharanya1307

88% match