Skip to main content
SimilarExport ZIP
100%

Fork of Reusable Scatter plot Activity 8

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

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.

AI-generated description
MIT Licensed

Similar vizzes

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
96% 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
85% 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
85% 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 D3 Starter

This example visualizes tip distribution in a restaurant dataset by smoker status, showing a pie chart with colored slices labeled inside each segment. The chart loads tab-separated data via `d3.dsv` from a GitHub gist, then uses `d3.rollups` to aggregate total tips per category. Slice geometry is computed with `d3.pie()` and `d3.arc()`, while `d3.scaleOrdinal` with `d3.schemeCategory10` assigns colors. SVG text elements provide titles, axis labels, and a legend, all rendered within a 600×600 viewport.

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

ICE7_11703795_PieChart

This pie chart displays the distribution of smokers versus non-smokers from a health information dataset, revealed through two labeled slices. The visualization aggregates the dataset’s `smoker` column by counting occurrences of “yes” and “no” values. Using D3 v7, the code applies the `d3.pie()` layout and `d3.arc()` generator to render SVG paths, with `d3.schemeCategory10` coloring each slice. A legend, constructed manually with SVG rectangles and text, maps colors to categories. The chart loads remote CSV data via `d3.csv()` and includes a fixed 400x400 pixel SVG canvas.

MMeghanaChowdaryVelaga@my.unt.edu
81% 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
81% match