Skip to main content
SimilarExport ZIP
100%

Pie Chart

✓ Published0🌍 Public
SSathviKankanala@my.unt.edu
Last edited Oct 29, 2025
Created on Oct 29, 2025
Forked from HTML Starter

A pie chart displays the average calories burned for each workout type—Cardio, HIIT, Strength, and Yoga—based on data from lifestyle.csv. The code uses D3 v7’s `d3.csv`, `d3.rollup`, and `d3.mean` to aggregate the data, then `d3.pie` and `d3.arc` to generate the SVG paths. A categorical color scale with `d3.schemeSet2` colors each segment, and labels are placed using `arc.centroid`. A legend is appended manually using D3 selections.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

PieChart for Activity 7.1

This pie chart visualizes calories burned per 30 minutes across different exercises, using a dataset loaded via `d3.csv`. Each exercise occupies a slice with an extruded label and leader line, computed from start and end angles via the pie layout and `d3.arc` centroids. A color legend maps exercises to their corresponding slice colors. The chart is built with D3 v5, rendering arcs, labels, and leader lines as SVG elements.

Rramyaraomadhavareddy@gmail.com
83% match
Loading thumbnail…

act7.Q1

This pie chart visualizes the calories burned per 30 minutes across different target muscle groups, with each slice color-coded by muscle type and paired with a legend. The visualization uses D3 v5’s `pie` and `arc` generators to calculate slice angles and paths, while `scaleOrdinal` maps categorical muscle groups to a fixed color palette. Data is loaded asynchronously from a CSV file using `d3.csv`, and values are parsed as numbers before being aggregated. The SVG is centered on the page, with all chart elements rendered as SVG shapes.

Ggalijawaharnath@gmail.com
81% match
Loading thumbnail…

Fitness Data Pie Chart

A pie chart visualizes the distribution of fitness goals from a cleaned CSV dataset, showing the count of each goal category with color-coded slices and an accompanying legend. The D3.js v7 code loads the data via `d3.csv`, aggregates counts using `d3.rollup`, and renders the chart with `d3.pie` and `d3.arc`, applying a `d3.scaleOrdinal` with `d3.schemeSet2` for colors. Labels are placed at arc centroids, and the SVG output includes a legend built with appended rectangles and text.

Ssanthoshdachepally333@gmail.com
80% match
Loading thumbnail…

Fitness Data Pie Chart

This pie chart visualizes the distribution of fitness goals from a CSV dataset, showing the percentage share of each goal category. D3 v7 loads the data with `d3.csv`, aggregates counts using `d3.rollup`, and generates the pie with `d3.pie` and `d3.arc`. A categorical color scale from `d3.schemeSet2` fills the slices, which are labeled with percentage values. A legend on the right, built with SVG rectangles and text, maps each color to its corresponding goal, making the chart easy to read at a glance.

Ssanthoshdachepally333@gmail.com
79% match
Loading thumbnail…

Fitness Data Pie Chart

This pie chart displays the distribution of fitness goals from a CSV dataset, showing the percentage share of each goal category. The visualization uses D3.js (v7) to load the data, aggregate it with `d3.rollup`, and render the chart as SVG with `d3.pie` and `d3.arc`. A slice label shows the rounded percentage for each segment, while an ordinal color scale (`d3.schemeSet2`) and a custom legend identify the goals. The chart is centered within the SVG, with a white background and stroke separation between slices.

Ssanthoshdachepally333@gmail.com
79% match
Loading thumbnail…

Fitness Data Pie Chart

This pie chart visualizes the distribution of fitness goals from a cleaned CSV dataset, with each slice labeled directly on the chart and accompanied by a color-coded legend. The chart is rendered using D3.js v7 in an SVG container, with the data aggregated via `d3.rollup` to count occurrences per goal. The visualization employs `d3.pie` and `d3.arc` for the layout and shape generation, while `d3.scaleOrdinal` with `schemeCategory10` assigns slice colors. A gradient background and translucent chart container provide stylistic contrast, and the data is fetched asynchronously from a GitHub gist URL.

Ssanthoshdachepally333@gmail.com
78% match
Loading thumbnail…

Pie Chart

This pie chart displays categorical data loaded from a CSV file, with slices colored by category and labeled directly on the chart. It uses D3.js APIs such as `d3.pie()`, `d3.arc()`, and `d3.scaleOrdinal` with `d3.schemeCategory10` to generate and color the SVG paths. Text labels are positioned using `arc.centroid`, and a legend is built with appended rectangles and text elements. The SVG is centered via a transform, and the chart dimensions are fixed at 500 by 500 pixels.

Rrajeswariamruthabommaraju@my.unt.edu
77% match
Loading thumbnail…

Pie Chart

This pie chart visualizes the percentage breakdown of nutritional components, such as carbohydrates, proteins, and fats, using interactive slices with hover effects that display exact values via tooltips. A legend on the right side highlights corresponding slices when hovered, dimming non-related arcs. Built with D3 v7, the chart uses the `pie` and `arc` functions to generate the layout and `scaleOrdinal` with `schemeTableau10` for colors. Transitions and opacity changes create a smooth, interactive experience for exploring the data.

Ttejasviteegala@my.unt.edu
77% match