Fork of Activity 7-pie

Activity 7 Q2

This visualization presents the distribution of penguin species in a dataset, breaking down the counts of each species in a simple pie chart. The chart uses D3 v7’s pie and arc generators to compute and draw the proportional slices, with colors assigned by scaleOrdinal and schemeCategory10. The code loads data from a CSV file, groups records by species to calculate counts, and renders the pie with white stroke separations and labels placed at each arc’s centroid. A manual legend and red axis annotations are added for context.

Hhui249378@gmail.com

Activity 7

This pie chart visualizes the species distribution within the Palmer Penguins dataset. The chart displays proportional slices for each species, colored via a categorical scale, with labels and a legend for identification. Built with D3.js, the visualization uses `d3.pie` to compute arc segments and an SVG `path` generator to render them. Data is loaded asynchronously from a CSV hosted on GitHub, and counts are aggregated using `d3.group`. The rendering relies on SVG shapes and text elements.

Hhui249378@gmail.com

Pie chart for my dataset

This pie chart visualizes the distribution of three penguin species—Adelie, Gentoo, and Chinstrap—using count data loaded from a CSV file. The D3.js v7 code uses `d3.pie()` and `d3.arc()` to generate the pie slices, with a color scale mapping each species to a distinct hue. Slice labels appear at each arc’s centroid, and a legend built with SVG rectangles and text identifies the species. The visualization is rendered as inline SVG elements within a fixed 500×500 viewport.

pie chart

This pie chart displays the relative population counts of three penguin species: Adelie, Gentoo, and Chinstrap. The visualization loads a CSV file from a GitHub gist to retrieve the species count data. Using D3 v7, the example constructs the chart with `d3.pie` to compute arc segments and `d3.arc` for the circular slices, rendered with SVG paths. It applies an ordinal color scale via `d3.scaleOrdinal` and includes an SVG-based legend, positioning each segment and label within a 500x400 viewport.

Fork of Task 7

This pie chart shows the distribution of penguin species from a CSV dataset, displaying each species with its corresponding count labeled directly on the slices. The visualization uses D3 v6’s `pie()` and `arc()` generators to compute slice angles and paths, with `scaleOrdinal()` assigning categorical colors. Data is loaded asynchronously via `csv()` from a GitHub URL, and `d3.rollups()` counts occurrences per species before the SVG group is translated to center the chart. Slice labels combine species name and count, positioned using `arcGenerator.centroid()`.

Ssaimanvith22@gmail.com

Activity7_Task1

This example shows a pie chart of penguin species counts, with each slice labeled by species name and count, and a title reading “Dolphin Species.” The chart is rendered as an SVG using D3 v6, loading data from a remote CSV file. The code uses `d3.csv`, `d3.rollups` to aggregate counts, `d3.pie` and `d3.arc` for the layout and slice geometry, and `d3.scaleOrdinal` for slice colors. Labels are positioned with `arc.centroid`, and the chart is centered within a 500×500 SVG.

Ssaimanvith22@gmail.com

86% match

pie chart

This pie chart displays the distribution of penguin species by count, using a dataset loaded from a CSV file. The chart is rendered as an SVG with each slice colored using a categorical color scheme, and it includes a legend that lists each species with its corresponding count. Built with D3.js v6, the visualization uses `d3.pie()` to compute the arc data, `d3.arc()` to generate the slice paths, and `d3.scaleOrdinal()` for color mapping. The chart is centered within a 500x500 pixel SVG canvas, with slices separated by white strokes for clarity.

86% match

pie

This pie chart displays the distribution of penguin species from a CSV dataset, showing each species with a colored slice and a legend. Built with D3 v7, it uses `d3.pie()` to compute arc angles, `d3.arc()` to generate SVG paths, and `d3.scaleOrdinal` with `d3.schemeSet2` for colors. Labels are positioned using `arc.centroid()`, and the chart renders to an SVG element.