Skip to main content
SimilarExport ZIP
100%

Fork of Reusable Scatter plot Activity 8

✓ Published0🌍 Public
SSupriya Ravilla
Last edited Apr 9, 2024
Created on Apr 9, 2024

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.

AI-generated description

A demonstration of reusable scatter plot.

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
94% match
Loading thumbnail…

Fork of Reusable Scatter plot Activity 8

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.

Ssravya.mundluru@gmail.com
90% match
Loading thumbnail…

Fork of Reusable

This fork demonstrates the transition from a scatter plot to a pie chart visualization of the Iris dataset. Renderered in SVG, the piece loads CSV data via `d3.csv`, parses numeric columns, and uses a custom pieChart function to encode petal length by angular size, colored by species. The centered pie chart includes a legend populated via D3 data joins, and axis labels for petal and sepal length remain vestigial from the original scatter plot code.

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

Fork of Reusable Scatter plot Activity 8

This example presents a reusable pie chart module built with D3.js. It shows species count data as a circular chart with colored slices, tooltips on each arc, and a legend with color swatches. The visualization uses the D3 `pie()` and `arc()` generators to compute and draw the arcs, and centers labels within each slice using `arcGenerator.centroid`. The chart’s dimensions and dataset are configurable through the module’s width, height, and data accessor methods.

SSupriya Ravilla
88% match
Loading thumbnail…

Fork of Reusable Scatter plot Activity 8

This fork of a reusable scatter plot activity presents a pie chart visualization, using D3.js version 6.7.0. It loads a CSV dataset from a GitHub gist, converts the score column to numeric values, and renders a pie chart where each slice is labeled with the data's name category. The chart is created with a reusable pie chart function that uses D3's pie, arc, and scaleOrdinal APIs to compute slice geometries and assign colors from the Category10 scheme. The visualization displays category labels directly on each slice, with a white stroke for separation.

CChiranjeeviUppala@my.unt.edu
87% match
Loading thumbnail…

Fork of Pie Chart

This fork of a pie chart visualizes the Iris dataset as a scatterplot, showing SepalLengthCm against SepalWidthCm with points colored by species (red, green, blue). The SVG is created using d3.select and appended with a `<g>` element, while d3.scaleLinear defines the x and y scales. Axes are added via d3.axisBottom and d3.axisLeft, with the chart title and data describing species distribution. The code imports d3 functions like select, csv, pie, arc, scaleOrdinal, and schemeCategory10, though the scatterplot implementation uses direct SVG circles and a remote CSV URL from a GitHub gist.

Bbhanuteja1807@gmail.com
86% 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
86% match
Loading thumbnail…

Fork of iris-pie-chart

This fork of the iris-pie-chart displays the distribution of three iris species as a pie chart with a legend. The chart uses d3.csv to load species data, d3.rollup to count occurrences, and d3.pie with d3.arc to generate and render SVG path slices. Each slice is labeled with its species name using arc.centroid, and a legend built with d3.scaleOrdinal links colors to species.

Ssohith kampalli
85% match