Skip to main content
SimilarExport ZIP
100%

IRIS_Visualization

✓ Published0🌍 Public
Mmeghanachowdarykomatineni@my.unt.edu
Last edited Apr 21, 2024
Created on Apr 21, 2024
Forked from IRIS_Visualization

This interactive scatterplot visualizes the Iris dataset, with each point colored by species (setosa, versicolor, virginica) using SVG circles. The animation cycles through different flower measurements, changing the x-axis attribute every few seconds while keeping petal width on the y-axis. The code uses D3 v5's `select`, `csv`, and `scatterPlot` imports, along with `setInterval` to drive the transitions. A legend and dynamic axis labels update as the displayed variables change, all rendered through SVG elements.

AI-generated description

An example showing the capabilities of VizHub:

  • Loads D3 via UNPKG.
  • Demonstrates use of import from "d3".
  • Demonstrates use of import from local ES6 modules.
MIT Licensed

Similar vizzes

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…

iris

This interactive scatter plot visualizes the Iris flower dataset, letting users select which measurements (sepal length/width, petal length/width) map to the x- and y-axes via dropdown menus. It colors each point by species (setosa, versicolor, virginica) using a d3.scaleOrdinal with red, blue, and green, and includes a legend. Built with D3 v5, the visualization renders as SVG with animated transitions that grow circles from a central point over two seconds. It uses d3.csv to load data, d3.scaleLinear for axes, and d3.axisLeft/axisBottom with gridlines.

Iianjwo
90% match
Loading thumbnail…

Scatter plot

This interactive scatter plot visualizes the Iris dataset, displaying different flower measurements on the x and y axes while color-coding each point by species (setosa, versicolor, virginica). The plot cycles through four measurement combinations using a JavaScript interval, updating the axes and animations accordingly. Built with D3.js v6, it leverages `scaleLinear`, `axisLeft`, `axisBottom`, and `scatterPlot` for rendering SVG circles and axes. Data is loaded asynchronously from a remote CSV file, with a custom color legend annotating the three species.

GGangumalla Ruchitha Reddy
90% 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
90% match
Loading thumbnail…

Iris Scatter Plot

An interactive scatter plot visualizes the classic Iris dataset, mapping sepal and petal measurements to the x and y axes. The visualization offers two dropdown menus that let users change which flower attribute is displayed on each axis. The code uses D3 v5 to load the CSV data, create linear scales, and render SVG circles that transition to new positions with a one-second animation. Points are colored by iris species (setosa, versicolor, or virginica), with a legend and axis labels rendered via `d3.axisBottom` and `d3.axisLeft`.

Wwinniepooh520
89% match
Loading thumbnail…

Iris Scatter Plot

This interactive scatter plot visualizes the Iris dataset, plotting measurements like sepal and petal length against each other. Users select which features to compare via two dropdown menus, which triggers animated transitions as the circles move to their new positions. The visualization uses d3.csv to load data, d3.scaleLinear and d3.axisBottom/axisLeft to construct axes, and d3.transition for the 1-second animations, rendering points as SVG circles color-coded by iris species.

Xx112358
89% match
Loading thumbnail…

Scatter Plot with Iris DataSet

This interactive scatter plot displays the classic Iris dataset, with measurements plotted as colored circles representing three species. Users select which flower attributes appear on the X and Y axes through dropdown menus, automatically triggering an animated transition of the data points to their new positions. The visualization is built with D3 v7, using `d3.select`, `d3.scaleLinear`, `d3.extent`, and `d3.axisBottom`/`d3.axisLeft` to render SVG axes and circles, with a 1-second `transition()` animating the changes. The code applies distinct fill colors for setosa, versicolor, and virginica classes.

SSharon Lin
89% match
Loading thumbnail…

Iris

This interactive scatterplot visualizes the Iris flower dataset, plotting sepal and petal measurements against each other. Users select the x and y axes from dropdown menus, and the points animate smoothly to their new positions with staggered transitions. The visualization encodes the three Iris species with red, green, and blue semi-transparent circles. Built with D3 v7, it uses `scaleLinear`, `axisBottom`, `axisLeft`, and `transition` to handle scaling, axes, and animated updates when the selected columns change.

ZZeroKurosakii
89% match