SDV_ACT_7.1_Q1

Ggalijawaharnath@gmail.com

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.

78% match

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.

Activity_7.1 q1

This pie chart visualizes the distribution of student performance categories, with each slice labeled and colored according to its category. The visualization uses D3 v7’s `d3.pie()` and `d3.arc()` to generate the slices, while `d3.scaleOrdinal` with `schemeSet2` assigns colors. Data is loaded asynchronously from a CSV file hosted on GitHub Gist and rendered as an SVG, with a legend positioned to the right of the chart to identify each category.

Ssanjanaadapa7@gmail.com

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.

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.

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.

76% match

Hharinihari6791@gmail.com

Activity7_Question 1

A pie chart visualizes the percentage distribution of a budget across five categories: Food, Transport, Housing, Savings, and Entertainment. The chart uses d3.pie() to compute arc angles and d3.arc() to generate SVG path slices, with a color scale mapping each category to a distinct color. Percent values are labeled inside each slice using arc.centroid() for positioning, and a separate legend lists the categories with their corresponding colors. The code defines fixed data in a JavaScript array and renders the chart as an SVG element using D3 v7.

76% match