Skip to main content
SimilarExport ZIP
100%

Fork of Reusable Scatter plot Activity 8

✓ Published0🌍 Public
Ssravya.mundluru@gmail.com
Last edited Mar 27, 2025
Created on Mar 27, 2025

This example visualizes the Iris dataset with two SVG charts: a pie chart showing species distribution and an area chart tracking petal length across sample IDs. The pie chart uses `d3.pie()` and `d3.arc()` with an ordinal color scale, while the area chart employs `d3.area()` with a monotone curve and linear scales for axes. Data is loaded asynchronously via `d3.text()` from a CSV file hosted on GitHub, then parsed and aggregated using `d3.rollups`. Both charts include custom legends, axis labels, and tooltips-style text annotations, rendered entirely with D3 v6.7.0.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Reusable Scatter plot Activity 8

This fork of the Reusable Scatter plot Activity 8 visualizes the distribution of iris flower species as a pie chart. The chart displays the count of each species, with each slice labeled by species name. The visualization uses D3.js version 6.7.0 and is rendered as an SVG. Data is loaded from a remote CSV file containing iris measurements, and the code uses `d3.csv` to fetch and parse the data, then custom functions to compute species frequencies and render the pie chart with specified width, height, and radius. The visualization is styled with CSS for text and axis labels.

SSupriya Ravilla
91% match
Loading thumbnail…

Fork of Reusable Scatter plot Activity 8

This interactive scatter plot visualizes the Iris dataset, displaying petal and sepal measurements with points colored by species (setosa, versicolor, virginica). Using D3.js v6 with SVG rendering, the visualization cycles through four variable combinations on the x-axis at regular intervals via `setInterval`, while the y-axis remains fixed. The chart includes a species legend, axis labels, and a title, with the reusable `scatterPlot` module handling scales and axes through D3's `scaleLinear`, `axisLeft`, and `axisBottom`. Data is loaded asynchronously from a GitHub-hosted CSV file.

Aabjalshaik02@gmail.com
90% match
Loading thumbnail…

Fork of Reusable Scatter plot Activity 8

This fork demonstrates a reusable pie chart that visualizes the species counts from the Iris dataset, loaded via the `d3.csv` function. The chart renders as SVG using D3 v7 APIs, including `d3.arc` for arc path generation and `d3.pie` for computing arc angles from the count data. A categorical color scale maps each species to a distinct color, with an accompanying legend built through D3 selections. The visualization is encapsulated in a custom `pieChart` function, which accepts configurable width, height, margin, and color scale setters.

SSupriya Ravilla
90% match
Loading thumbnail…

Fork of Reusable Scatter plot Activity 8

This visualization presents the classic Iris dataset as an animated scatter plot that cycles through different feature combinations on the x-axis while keeping sepal length on the y-axis. Using d3.csv for data loading and d3.scaleLinear with axis functions to render the SVG, the chart updates every few seconds via setInterval. Circles are colored by species using a custom marker function, with a color legend and axis labels added dynamically. The code leverages d3.selectAll and .join() to manage circle and text elements, with separate xValue and yValue accessors driving the re-rendering.

Hharinihari6791@gmail.com
88% match
Loading thumbnail…

Fork of Reusable Scatter plot Activity 8 v

This interactive scatter plot displays the Iris dataset, showing relationships between petal and sepal measurements with points colored by species (setosa, versicolor, virginica). The visualization cycles through different x-axis variables every few seconds, while the y-axis remains fixed on sepal length. Built with D3.js, it uses a custom reusable scatterPlot function with SVG circles, axis scales, and a legend. The code employs `scaleLinear`, `axisLeft`, `axisBottom`, and `setInterval` for the rotating axis animation, rendering data from a CSV file fetched via D3's `csv` method.

Vvikramkotlo9@gmail.com
88% match
Loading thumbnail…

Fork of Reusable Scatter plot Activity 8

This animated scatter plot visualizes the Iris dataset, showing petal and sepal dimensions across three flower species. The visualization cycles through different attribute combinations on the x-axis every few seconds, updating the scatter plot dynamically with D3's `setInterval`. Circles are color-coded by species (setosa, versicolor, virginica), with filled markers rendered in skyblue, lightgreen, and orange. The implementation uses D3's `scaleLinear`, `axisLeft`, `axisBottom`, and `csv` data loading, with SVG circles and text for labels and legends, updating via `selection.join` and `selection.call`.

Vvamsikrishnakanchukommala@my.unt.edu
88% match
Loading thumbnail…

Fork of Reusable Scatter plot Activity 8

This interactive scatter plot visualizes the Iris dataset, showing the relationships between petal and sepal measurements across three flower species, with a cycling animation that switches which measurement pair is plotted on the axes. Built with the D3.js library (version 6.7.0), it uses the `csv` and `select` functions to load data from a remote CSV source and render SVG elements. The code defines a reusable `scatterPlot` component, uses `scaleLinear`, `axisLeft`, and `axisBottom` for axes, and employs a time-based loop to dynamically update the plotted columns.

Ddeekshakondam@gmail.com
88% match
Loading thumbnail…

Fork of Reusable Scatter plot Activity 8

This animated scatter plot explores the Iris dataset by cycling through different combinations of sepal and petal measurements on the x-axis, while the y-axis consistently shows sepal length. The visualization uses D3.js version 6.7.0 to render SVG circles colored by species, with a custom `scatterPlot` module handling the linear scales and axes. Data loads from a remote CSV file, and a `setInterval` function triggers the periodic axis updates, regenerating the chart and axis labels with each cycle.

Bboinapallyhimaja657@gmail.com
88% match