Skip to main content
SimilarExport ZIP
100%

Fork of Reusable Scatter plot Activity 8

✓ Published0🌍 Public
CChiranjeeviUppala@my.unt.edu
Last edited Mar 26, 2025
Created on Mar 26, 2025

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.

AI-generated description
MIT Licensed

Similar vizzes

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

Fork of Reusable Scatter plot Activity 8

This pie chart displays the proportion of smokers versus non-smokers in a dataset loaded from a GitHub gist. The visualization uses D3.js v6's `d3.pie` and `d3.arc` to generate SVG paths, with `d3.scaleOrdinal` assigning blue and red fills for the two categories. Each slice is labeled directly with its category name and count using the arc centroid. A separate HTML legend, built with D3 selections, repeats the color-keyed counts beside the chart, all rendered on a styled sky-blue background.

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

Fork of Reusable Scatter plot Activity 8

This example shows a pie chart of breast cancer diagnosis counts, comparing malignant and benign cases. It loads CSV data via `d3.csv`, aggregates counts with `d3.rollup`, and renders slices using `d3.pie` and `d3.arc` in an SVG. Hovering displays a tooltip with details, while labels and a legend identify each category. The code uses `d3.scaleOrdinal` with `schemeCategory10` for colors and positions text labels at arc centroids via `arc.centroid`.

Jjtulasi05@gmail.com
85% match
Loading thumbnail…

Fork of Reusable Scatter plot Activity 8

This pie chart visualizes the distribution of smokers versus non-smokers in a tips dataset. It uses d3.pie and d3.arc to generate SVG path slices, with a d3.scaleOrdinal color scale distinguishing the two categories. The chart includes labeled slices showing counts, plus a legend built from SVG rect and text elements. Data is loaded asynchronously via d3.csv from a GitHub gist, and nested grouping with d3.nest calculates category frequencies.

Bboinapallyhimaja657@gmail.com
85% match
Loading thumbnail…

Fork of Activity 7

This example visualizes delivery data as a pie chart, showing categorical proportions with labeled slices and a matching legend. Built with D3.js, it uses the pie and arc generators to compute slice geometry, scaleOrdinal with schemeCategory10 for colors, and SVG for rendering. The chart fetches its dataset from a GitHub-hosted CSV file and is implemented as a reusable piePlot component configured via chained methods for width, height, data, and field names.

Ggolisanthoshi2000@gmail.com
84% 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
83% match