Skip to main content
SimilarExport ZIP
100%

Activity 8 Q1

✓ Published0🌍 Public
Ppasyasahas
Last edited Jul 5, 2023
Created on Jul 5, 2023
Forked from Hello VizHub

This example showcases an animated scatterplot of Fisher’s Iris dataset, cycling through different pairings of sepal and petal measurements. The visualization displays colored circles representing three species, with a manual legend showing color mappings. The code uses D3 v6 via UNPKG, loading data with `d3.csv`, and building scales and axes with `scaleLinear` and `axisBottom`. A `setInterval` updates the x-axis variable every few seconds. The SVG rendering includes custom labels and styling, demonstrating local ES6 module imports for the scatterplot function.

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…

Activity 8_task1

This animated scatter plot visualizes the Iris flower dataset, showing relationships between sepal and petal measurements with color-coded species (setosa, versicolor, virginica). The visualization cycles through four variable combinations on the x-axis every few seconds using `setInterval`, while the y-axis displays petal width. Built with D3.js v6, it uses `scaleLinear`, `axisBottom`, and `axisLeft` for axes, with SVG circles for data points. The code creates a reusable scatter plot module and renders an interactive legend with custom colors and rotating axis labels.

Mmandadi1999
90% match
Loading thumbnail…

Activity-8.1

This animated scatterplot visualizes the Iris dataset, cycling through four attribute combinations on the x-axis while sepal length remains on the y-axis. It demonstrates D3 data joins and scales from the `d3` module, with a custom `scatterPlot` reusable chart updating via `setInterval`. Points are colored by species, and a legend with a title and axis labels is rendered in SVG.

Ppjdhungana@gmail.com
89% match
Loading thumbnail…

Activity 8 Question 1

This animated scatterplot displays the Iris dataset, showing petal and sepal measurements as colored circles representing species. Using D3 version 6.7.0 loaded via UNPKG, the visualization cycles through four different axis assignments every five seconds, alternating which flower dimensions are plotted. The code imports `csv`, `select`, `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` from D3, along with a custom `scatterPlot` module. Rendered as an SVG animation, it includes a color legend and dynamically updates axis labels to reflect the current measurement pair.

MMichael Biancardi
88% match
Loading thumbnail…

Activity 8 Task 1

This interactive scatterplot animates through different pairings of measurements from the classic Iris dataset, cycling the x-axis between petal width, sepal width, petal length, and sepal length while the y-axis is fixed to sepal length. Points are color-coded by species (setosa, versicolor, virginica) with a static legend and animated axis transitions. The visualization loads data via D3’s `csv` function and renders with SVG, using `scaleLinear`, `axisBottom`, and `axisLeft` APIs from D3. A `setInterval` callback updates the plot’s x-scale and redraws the chart, with custom styling from Google Fonts.

AArun Pratap
88% match
Loading thumbnail…

Reusable Scatter plot Activity 8

This example presents an animated scatter plot of the Iris dataset, cycling through different pairings of sepal and petal measurements on the x-axis while keeping petal width on the y-axis. Each point is colored by species, with a legend and explicit axis labels that update with the animation. The visualization is built using D3.js version 6.7.0, loading data via the `csv` function and leveraging a custom `scatterPlot` module that uses `scaleLinear`, `extent`, `axisLeft`, and `axisBottom`. The SVG rendering is refreshed on an interval, updating axes and labels dynamically.

Aanith462@gmail.com
88% match
Loading thumbnail…

Reusable Scatter plot Activity 8

This interactive scatter plot animates through different Iris flower measurements, cycling the x-axis between petal width, sepal width, petal length, and sepal length every few seconds. It uses D3 v6 to load CSV data asynchronously, render SVG circles colored by species, and update scales and axes via a reusable `scatterPlot` module. The visualization includes axis labels, a species legend, and a title, demonstrating dynamic data binding with `selectAll`/`join` and interval-driven transitions.

LLakshmanRangisetti
88% match
Loading thumbnail…

Reusable Scatter plot Activity 8

This interactive scatter plot animates through different pairings of sepal and petal measurements from the classic Iris dataset, cycling the x-axis variable every few seconds. The visualization color-codes points by species (setosa, versicolor, and virginica) and includes a legend and axis labels. Built with D3 v6, it uses `scaleLinear`, `axisBottom`, `axisLeft`, and `csv` for data loading, alongside a reusable `scatterPlot` module. SVG circles render the marks, with `setInterval` driving the animation and `selectAll`/`join` managing the updating elements.

Vvineelaramulapalli32
88% match
Loading thumbnail…

Activity 7 Task 4

This example displays an interactive scatter plot of Fisher's Iris dataset, mapping sepal length and petal length while encoding species through distinct marker shapes. Built with D3.v7, it uses imports like `scaleLinear`, `scaleOrdinal`, and `symbol` to handle scaling and shape generation. The code fetches CSV data via URL, parses it with `csvParse`, and renders axes with `axisLeft` and `axisBottom`, including a custom shape legend to identify species.

AArun Pratap
88% match