Skip to main content
SimilarExport ZIP
100%

Fitness Data Pie Chart

✓ Published0🌍 Public
Ssanthoshdachepally333@gmail.com
Last edited Apr 2, 2025
Created on Apr 2, 2025
Forked from Piechart ICE7

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.

AI-generated description
MIT Licensed

Similar vizzes

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

Fitness Data Area Chart

This area chart displays the total workout duration for each fitness goal, aggregated from a cleaned CSV dataset. The visualization uses D3.js v7 to load the data, compute sums with `d3.rollup`, and render a smooth monotone area path. A point scale positions goals along the x-axis, while a linear scale maps total durations to the y-axis, with axes and labels generated via `d3.axisBottom` and `d3.axisLeft`. The SVG output features a teal filled area, styled with a white background and minimal margins.

Ssanthoshdachepally333@gmail.com
83% match
Loading thumbnail…

Fitness Data Scatter Plot

This scatter plot visualizes the relationship between calorie intake and protein intake from a fitness progress dataset loaded via `d3.csv`. It displays individual data points as pink circles, with hover effects that change their color and radius. The visualization uses `d3.scaleLinear` to map both axes, `d3.axisBottom` and `d3.axisLeft` for tick marks, and includes rotated axis labels. The SVG rendering features a gradient background and semi-transparent chart container, with data sourced from a GitHub Gist.

Ssanthoshdachepally333@gmail.com
80% match
Loading thumbnail…

Fitness Data Reusable Scatter Plot

This reusable scatter plot visualizes fitness tracking data, plotting relationships between calorie intake, protein intake, and mental wellbeing scores from a CSV dataset. The chart uses D3 v7 to render SVG circles with configurable axes, margins, and data accessor functions. The code demonstrates a modular chart factory pattern with setters for width, height, and value fields, allowing users to easily swap which metrics appear on each axis. Axis labels update dynamically based on the selected fields, while steelblue semi-transparent points highlight distribution patterns without animation.

Ssanthoshdachepally333@gmail.com
80% 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
79% match
Loading thumbnail…

Activity_7

This pie chart visualizes fruit category proportions loaded from a GitHub Gist CSV file, with each slice labeled and colored using d3.scaleOrdinal with d3.schemeSet3. The D3 v7 code loads the data via d3.csv, converts values to numbers, and generates arcs with d3.pie and d3.arc. A custom legend, built as HTML divs, displays each category’s color and percentage. The SVG rendering includes white category labels positioned at slice centroids.

Aaschowdary.shashi@gmail.com
79% match