AnithaShivaramaih(11537410) - ICE-7 Scatter Plot

100%

AnithaShivaramaih(11537410) - ICE-7 Scatter Plot

✓ Published0🌍 Public

Last edited Mar 29, 2023

Created on Mar 29, 2023

This interactive scatter plot visualizes the Iris dataset, exploring relationships between measurements of petals and sepals. Species (setosa, versicolor, virginica) are color-coded, and a dynamic x-axis cycles through four measurement types via interval-based animation. Built with React and D3 v6, the visualization uses the `select`, `csv`, `scaleLinear`, and `axisLeft` APIs to render SVG elements, including circles, legends, and labels. The axis titles update alongside the changing data dimension, providing a compact view of species characteristics across multiple dimensions.

AI-generated description

A bare minimum HTML page demonstrating use of CSS and JavaScript.

Similar vizzes

Loading thumbnail…

AnithaShivaramaih(11537410) - ICE-6 Scatter Plot

This scatter plot visualizes the Iris dataset, displaying the relationship between petal length and petal width for three species of iris flowers. Each flower is represented as a colored dot, with yellow, pink, and purple distinguishing Iris-setosa, Iris-virginica, and Iris-versicolor respectively. The plot uses D3 v6's scaleLinear function to map the data coordinates to screen space, with axes generated by axisLeft and axisBottom. The visualization also includes additional encoded attributes, as the circles have rx and ry values set from sepal measurements, though these do not affect the standard circle rendering. Data is loaded from a remote CSV file using D3's csv function, and SVG elements are rendered directly to the browser window.

AAnitha Shivaramaiah

94% match

Loading thumbnail…

Anv_ICE-7 Scatter plot

This interactive scatter plot visualizes the Iris dataset, mapping petal and sepal measurements to the x- and y-axes while color-coding points by species. Built with D3 v6, it uses `d3.csv` for data loading, `d3.scaleLinear` for axes, and a reusable `scatterPlot` module. An animation cycles through different measurement pairings every 2.5 seconds, and a legend identifies the three species. The chart renders as an animated SVG with custom color mapping and axis labels.

AAnvesh Chinta

88% match

Loading thumbnail…

ICE-7 Reusable D3 Scatter Plot from sheshidhar reddy

This interactive scatter plot visualizes the Iris dataset, displaying the relationship between petal and sepal measurements for different species. The visualization cycles through different variable pairings every five seconds, showing how the data distribution changes across dimensions. Built with D3.js, the example uses `scaleLinear`, `axisLeft`, and `axisBottom` to construct the chart, while SVG circles represent individual data points colored by species. The data is loaded from a GitHub-hosted CSV file, and the animation automatically updates the axes and marks to explore different attribute combinations.

SSheshidharreddy

87% match

Loading thumbnail…

ICE7_Reusable D3 Scatter Plot

This interactive scatter plot visualizes the Iris dataset, displaying relationships between petal and sepal measurements. The visualization cycles through four variable combinations every two seconds, allowing comparison of different attribute pairings. Each species—setosa, versicolor, and virginica—is distinguished by color, with a legend identifying the groups. The plot is built as a reusable D3 module, using `scaleLinear`, `scaleOrdinal`, `axisLeft`, and `axisBottom` from the d3 library for axes and scales. SVG circles represent data points, with animated axis updates driven by `setInterval`.

AAkrutiKhurana2103

87% match

Loading thumbnail…

ICE7 - Scatter Plot

This animated scatter plot visualizes the Iris flower dataset, cycling through four different measurements (petal width, sepal width, petal length, sepal length) on the x-axis while keeping sepal length on the y-axis. Each species is color-coded—setosa in orange, versicolor in blue, and virginica in black—with a static legend and labeled axes. The visualization uses D3.js (v6.7.0) with its `scaleLinear`, `axisLeft`, and `axisBottom` APIs, loading data via `d3.csv` and updating positions on a timer with `setInterval`. Data comes from a GitHub-hosted medals CSV file, and the SVG rendering includes circles with custom radii per data point.

Aavinashchinta99

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

87% match

Loading thumbnail…

ICE7-11540639-Reusable Scatter Plot

This interactive scatter plot visualizes the Iris dataset, showing the relationship between petal length, petal width, sepal length, and sepal width, with each species color-coded (setosa as orangered, versicolor as green, and virginica as navy). The visualization uses D3.js (v6.7.0) with a reusable scatter plot component, loading data via `csv()`, and rendering SVG circles with animated transitions. Every two seconds, the plot cycles through different axis columns using `setInterval()` and reassigns the x-axis value, causing the scatter plot to dynamically update its layout while the y-axis remains fixed to sepal length.

SSravanthi Silla

86% match

Loading thumbnail…

Reusable D3 Scatter Plot- ICE7 Aishwarya M

This interactive scatter plot visualizes the Iris flower dataset, mapping petal and sepal measurements to x and y axes. Data points are colored by species (setosa, versicolor, virginica) and cycle through four column combinations every few seconds using `setInterval`, with axes updating accordingly. Built with D3 v6, the visualization uses a reusable `scatterPlot()` function that employs `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` to render SVG circles with animation. A static legend identifies species colors, while axis labels and a title are appended directly to the SVG.

AAishwarya Manjunath

86% match