Skip to main content
SimilarExport ZIP
100%

Activity 7_Tutorial 1

✓ Published0🌍 Public
Aakhilasannayila@gmail.com
Last edited Nov 3, 2024
Created on Nov 3, 2024
Forked from Hello VizHub

This animated scatter plot visualizes the Iris flower dataset, cycling through four measurement combinations on the x-axis while mapping species to color. Built with D3.js, it uses a reusable scatterPlot function with linear scales and axes, updating every few seconds via setInterval. The code loads CSV data, parses numeric fields, and renders colored circles with a custom legend and axis labels.

AI-generated description

A demonstration of reusable scatter plot.

MIT Licensed

Similar vizzes

Loading thumbnail…

ACTIVITY 7 TUTORIAL-1

This animated scatter plot visualizes the Iris flower dataset, cycling through different feature combinations on the x-axis while mapping species to color. Built with D3.js v6, it uses the reusable `scatterPlot` module with `scaleLinear`, `axisLeft`, and `axisBottom` to render axes. The `setInterval` call updates the x-value binding every few seconds, while SVG circles are joined and re-positioned. The code loads CSV data via `d3.csv` and demonstrates ES6 module imports, with custom styling for legends, labels, and the title.

Ssathvikavancha@my.unt.edu
93% match
Loading thumbnail…

Activity 7 Tutorial

This animated scatterplot cycles through different pairings of the Iris flower dataset’s four measurements, swapping the x-axis variable every few seconds. It demonstrates a reusable chart module built with D3 v6, using `scaleLinear`, `axisLeft`, `axisBottom`, and `extent` to render the axes and points. The visualization also includes a color-coded legend for species and loads data from a remote CSV file via `d3.csv`.

Ssaiteja.cse.rymec@gmail.com
92% match
Loading thumbnail…

Activity-7 Tutorial

This animated scatter plot cycles through four Iris flower measurements—petal width, sepal width, petal length, and sepal length—as the x-axis every five seconds, using D3 scales and axes. The visualization loads CSV data via d3.csv, renders points as SVG circles with d3.scaleLinear and extent, and updates the axis through setInterval. A color-coded legend distinguishes the three species, while axis labels and a title appear as SVG text elements.

Aabjalshaik02@gmail.com
92% match
Loading thumbnail…

Activity 7 Tutorial

This animated scatter plot explores relationships among four Iris flower measurements (petal and sepal length and width) from a CSV data source. It cycles the x-axis through different attributes while keeping the y-axis constant, coloring points by species. Built with D3 version 6.7, it uses `scaleLinear`, `axisLeft`, and `axisBottom` for axes, and updates the visualization via `setInterval`. The SVG output includes a custom legend and title, with points redrawn on each interval.

RRishithaGarnepudi@my.unt.edu
92% match
Loading thumbnail…

Activity 7 tutorial 1

A D3.js scatter plot animates the Iris dataset, cycling through different x-axis measurements (petal width, sepal width, petal length, sepal length) every few seconds. Circles are color-coded by species (setosa, versicolor, virginica) with a legend, axis labels, and a static title. Using d3.scaleLinear, d3.extent, axisLeft, and axisBottom, the animated plot updates axes and points via setInterval, loading data from a CSV source.

SSuneelKalva@my.unt.edu
91% match
Loading thumbnail…

activity7_tutorial

This animated scatter plot cycles through different Iris flower measurements, displaying petal width and sepal length on the axes while each species is colored distinctly. The visualization uses D3.js (v6) to load CSV data from a GitHub gist, render SVG circles and axes, and update the plot at intervals via `setInterval`. The code demonstrates a reusable `scatterPlot()` function with configurable scales and margins, alongside custom legend elements and axis labels.

Ggouthamigongidi2457@gmail.com
91% match
Loading thumbnail…

Activity7 Tutorial

This animated scatter plot cycles through different Iris flower measurements, switching the x-axis dimension every few seconds while keeping sepal length on the y-axis. Data points are color-coded by species (setosa, versicolor, virginica) with a legend and title displayed on screen. Built with D3 v6, it uses `scaleLinear`, `axisBottom`, `axisLeft`, and `setInterval` to update the visualization, reading the CSV dataset from a GitHub gist and rendering as SVG.

SSai Gottumukkala
91% match
Loading thumbnail…

Activity7_tutorial

This animated scatter plot cycles through the four numerical measurements of the classic Iris dataset, switching which measurement is plotted on the x-axis every few seconds while the y-axis remains fixed on sepal length. The visualization uses the D3.js library’s `csv` loader, `scaleLinear` for axes, and a custom `scatterPlot` module. Circles are color-coded by iris species (setosa, versicolor, virginica), with a legend and dynamic axis labels updating as the animation progresses. The plot also displays the raw dataset values mapped to circle `rx` and `ry` dimensions.

GGunna,Praneeth Reddy
91% match