Ram_ICE7_Iris

100%

✓ Published0🌍 Public

Last edited Mar 12, 2023

Created on Mar 11, 2023

This interactive scatter plot animates through four Iris flower measurements—petal width, sepal width, petal length, and sepal length—by cycling the x-axis variable every second while keeping sepal length on the y-axis. Built with D3.js (v6), the visualization uses `scaleLinear`, `axisLeft`, `axisBottom`, and `selectAll`/`join` to render and update circles. Data comes from a CSV file of the Iris dataset loaded via `d3.csv`. The SVG animation runs in a `setInterval` loop, and the plot is generated through a custom `scatterPlot` module with configurable dimensions, margins, and radius.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Ram_ICE7_SP

This scatter plot visualizes the Iris dataset, showing the relationship between petal width and sepal length. The chart uses D3.js 6.7.0 APIs like `scaleLinear`, `scaleOrdinal`, `axisLeft`, and `axisBottom` to map data points to positions and render axes. Each species is represented by a distinct symbol from D3's `symbols` generator, with all points filled brown. The plot is rendered as an SVG directly in the browser, sized to the full window dimensions. The data is loaded from a remote CSV file via D3's `csv` function.

RRamch16

91% match

Loading thumbnail…

ICE7 - Reusable Scatter Plot

This animated scatter plot visualizes the Iris dataset, cycling through four different flower measurements on the x-axis while the y-axis remains sepal length. Data points are colored by species (setosa, versicolor, virginica) with a legend and axis labels. The visualization uses D3.js with a reusable `scatterPlot` module that leverages `scaleLinear`, `axisBottom`, and `axisLeft` for scaling and axes. SVG circles represent individual flowers, and a `setInterval` drives the animation, rotating through measurement columns.

RRamakanth771

88% match

Loading thumbnail…

ICE6_RAMAKANTH_iris

This scatter plot visualizes the Iris Dataset, using D3.v5 to render SVG circles that represent individual iris flowers. The x-axis maps sepal length, the y-axis maps petal length, and color encodes species, emphasizing clustering patterns among the three species. The code defines linear scales for x and y, and an ordinal color scale with `d3.schemeCategory10`. Axes are drawn with `d3.axisBottom` and `d3.axisLeft`, while a color legend is added via the `d3.legendColor` API. Data is loaded as CSV using `d3.csv`.

RRamakanth771

87% match

Loading thumbnail…

Fork of Reusable D3 Scatter Plot- ICE7

This animated scatter plot cycles through four Iris flower measurements—petal width, sepal width, petal length, and sepal length—on the x-axis while keeping sepal length on the y-axis. Data points are colored by species using magenta, cyan, and orange markers. Built with D3 v6, the visualization uses `scaleLinear`, `axisLeft`, `axisBottom`, and `join` to render SVG circles and axes, with a `setInterval` function updating the x-value mapping every second. The Iris dataset is loaded via `d3.csv`, and a custom legend labels each species.

Ssenthilrajendran1

86% match

Loading thumbnail…

Sriram ICE 7

This interactive scatter plot visualizes the Iris dataset, displaying points with adjustable x-axis mappings that cycle through petal width, sepal width, petal length, and sepal length every second while the y-axis remains fixed on sepal length. Built with d3.js, the visualization uses scaleLinear, extent, axisLeft, axisBottom, and a reusable chart function pattern. The SVG animation transitions between different attribute combinations, with points rendered as circles and axes updating dynamically. The dataset is loaded from a GitHub Gist URL using d3.csv, and the plot resizes to fit the full browser window.

SSriram-Voruganti

86% match

Loading thumbnail…

ICE7 Task1

This animated scatter plot cycles through four Iris flower measurements—petal width, sepal width, petal length, and sepal length—on both axes every two seconds. Points are colored by species (red, blue, indigo) using D3’s `csv` loader to fetch the Iris dataset. The visualization leverages the reusable `scatterPlot` module with `scaleLinear`, `axisLeft`, and `axisBottom`, while SVG circles update via `setInterval` and data joins, rendering in the browser with D3 v6.

Ddineshtadepalli12

85% match

Loading thumbnail…

Ice7

This animated scatter plot cycles through the four Iris flower measurements (petal width, sepal width, petal length, and sepal length) on the x-axis every two seconds, while the y-axis remains fixed on sepal length. Using the D3.js library, the visualization transitions smoothly by updating the linear scale domain and animating circle positions and axis ticks via `transition().duration()`. The data is loaded from a CSV file using `d3.csv`, and the plot is rendered as an SVG that resizes to fit the browser window.

HHarshithaDontha@my.unt.edu

85% match

Loading thumbnail…

Fork of Fork of iCE - 7 Reusable Scatter Plot

This scatter plot animates through four Iris flower measurements (petal width, sepal width, petal length, and sepal length) every two seconds, swapping which variable appears on the x-axis while keeping sepal length on the y-axis. Each point is colored by species (blue, red, or yellow) with white outlines, rendered as SVG circles. The visualization uses D3 v6 APIs including `scaleLinear`, `extent`, `axisLeft`, `axisBottom`, and `selectAll(...).join(...)` within a reusable `scatterPlot` module. Data comes from a CSV of the classic Iris dataset, loaded via `d3.csv`.

DDivyaVellanki

85% match