Skip to main content
SimilarExport ZIP
100%

Tutorial_Sivani

✓ Published1🌍 Public
Kkommineniamarasadasivani2002@gmail.com
Last edited Apr 8, 2025
Created on Apr 8, 2025
Forked from Hello VizHub

This interactive scatter plot animates through different pairings of Iris flower measurements, cycling the x-axis among petal width, sepal width, petal length, and sepal length while keeping sepal length on the y-axis. Points are colored by species (setosa, versicolor, virginica) with a custom legend. The visualization uses D3 v6 APIs including `csv`, `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` within a reusable `scatterPlot` module, rendering as SVG with a `setInterval` driving the axis rotation. Data comes from a GitHub-hosted Iris dataset.

AI-generated description

A demonstration of reusable scatter plot.

MIT Licensed

Similar vizzes

Loading thumbnail…

Tutorial_3.2_Sivani

This scatter plot visualizes the Iris dataset, showing sepal length against petal length, with each point shaped according to species. It uses a customized D3 module system, importing the `axisLeft`, `axisBottom`, `scaleLinear`, `scaleOrdinal`, and `symbolsFill` APIs to render axes, scales, and categorical shapes. The chart employs a shape legend to map species to symbols, and it loads data from a remote CSV file, parsing and converting the numeric columns before plotting. The visualization is built using D3 v7 within the VizHub framework, with a modular structure separating scatter plot, axes, and legend logic.

Kkommineniamarasadasivani2002@gmail.com
90% match
Loading thumbnail…

Fork of Tutorial_3_sivani

This scatter plot visualizes the Iris dataset, displaying petal length against petal width for individual flowers, with points colored by species (setosa, versicolor, and virginica). The plot uses a linear scale for both axes and positions each circle using the `scaleLinear` and `extent` functions from D3. Axis labels are added via `axisLeft` and `axisBottom`, while the visualization is rendered as an SVG. Data is loaded from a remote CSV file, and the chart updates its size based on the browser window dimensions.

Kkommineniamarasadasivani2002@gmail.com
90% match
Loading thumbnail…

Tutorial_9

This interactive SVG visualization displays the Iris dataset, cycling through different measurement pairs (petal width, sepal width, petal length, sepal length) on the x-axis while keeping sepal length on the y-axis. It uses D3 6.7.0 loaded via UNPKG, employing `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` for axes and scaling. The animation updates every second via `setInterval`, recoloring points by species with a legend. A reusable `scatterPlot` module handles the chart structure, while custom markers and axis labels enhance the display.

SSiddhartha Alwala
89% match
Loading thumbnail…

Vinila_7.1.Tutorial-1

This animated scatter plot cycles through different pairings of the four Iris measurements (petal and sepal width/length), using the classic Iris dataset loaded from a gist via d3.csv. Each frame updates the x-axis mapping while points are colored by species (setosa, versicolor, virginica) and include both circular and elliptical markers based on sepal dimensions. The visualization, rendered with SVG and D3’s scaleLinear, axisLeft, and axisBottom, shifts axes and labels dynamically via setInterval, with a fixed legend and title.

Vvinilavoddi@my.unt.edu
89% match
Loading thumbnail…

Activity7.1_Tutorial

This animated scatter plot demonstrates the Iris dataset, cycling through different combinations of sepal and petal measurements on the x-axis. It shows how the three species (setosa, versicolor, and virginica) cluster differently depending on which features are compared. The visualization uses the D3.js library, specifically `csv`, `select`, `scaleLinear`, and `axisLeft`/`axisBottom` APIs to create the plot and its axes. The scatter plot updates every few seconds, using a `setInterval` loop to rotate through the four measurement columns as the x-axis variable. The SVG rendering includes custom-styled points, a color legend, and axis labels.

SSai Praveen Lokavarapu
89% match
Loading thumbnail…

Tutorial

This animated scatter plot visualizes the Iris flower dataset, cycling through four different measurement axes (petal width, sepal width, petal length, and sepal length) on the x-axis while keeping sepal length on the y-axis. Points are colored by species (setosa, versicolor, virginica), with a legend and axis labels rendered via SVG. The visualization uses D3.js v6 APIs including `csv`, `scaleLinear`, `axisLeft`, `axisBottom`, and `selectAll` to update circles and axes at each interval, with data loaded from a GitHub-hosted CSV file.

Vvchittimadha@gmail.com
89% match
Loading thumbnail…

Assignment-2

This interactive scatter plot animates through different pairings of Iris flower measurements, cycling the x-axis among petal width, sepal width, petal length, and sepal length while keeping sepal length on the y-axis. Points are colored by species—setosa, versicolor, and virginica—with a legend and fixed axes. Built with D3 v6, it uses `scaleLinear`, `axisLeft`, `axisBottom`, and `setInterval` to update the chart, loading data from a remote CSV. The SVG rendering includes custom text labels, a title, and a rotating axis label.

Vvaishnavi6gan@gmail.com
89% match
Loading thumbnail…

Activity 7 tutorial

This interactive scatter plot visualizes the Iris flower dataset, animating through different combinations of sepal and petal measurements. The visualization cycles through four variable pairings every few seconds, with points colored by species (setosa, versicolor, virginica) and accompanied by a legend and axis labels. Built with D3 v6, it uses `d3.csv` for data loading, `scaleLinear` and `axisLeft`/`axisBottom` for scales and axes, and `setInterval` to trigger re-renders of the reusable `scatterPlot` function.

Ccharanshiva769@gmail.com
89% match