Activity7_Question_1

100%

Activity7_Question_1

✓ Published0🌍 Public

Last edited Apr 6, 2025

Created on Apr 2, 2025

This pie chart displays the percentage breakdown of weekly time allocation across categories. Each slice is labeled with its corresponding activity name and percentage, connected by leader lines, with a legend on the right showing hours per category. The visualization uses d3.pie and d3.arc to generate slices, d3.csv to load remote data with d3.autoType, and d3.scaleOrdinal with d3.schemeCategory10 for colors. It renders as SVG, with polylines for leader lines and text elements for labels.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

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.

Hharinihari6791@gmail.com

87% match

Loading thumbnail…

Activity-7 question-1

This pie chart visualizes finance portfolio allocation by category, with each slice representing the percentage value of a portfolio component. Built with D3 v7, the visualization uses `d3.pie()` and `d3.arc()` to generate the slices, while `d3.scaleOrdinal` with `d3.schemeSet2` assigns colors. Interactive tooltips appear on hover, and a legend identifies each category. Data is loaded asynchronously from a GitHub-hosted CSV file via `d3.csv`, with values converted to numeric format before rendering in the animated SVG.

Bbhargavireddy4016@gmail.com

85% match

Loading thumbnail…

Activity 7_Question 1

This pie chart visualizes the distribution of sales across product categories, with each slice labeled by category name and colored using the D3 category color scheme. Hovering over a slice displays a tooltip showing the category’s percentage of total sales, calculated from the summed values. The chart is built with SVG and uses `d3.pie`, `d3.arc`, and `d3.scaleOrdinal` to generate the arcs and colors, while legends are manually positioned to map categories. Data is loaded from a remote JSON file.

Ssairohithchada@gmail.com

85% match

Loading thumbnail…

Activity 7 Q1

This pie chart visualizes spending categories by percentage, with each slice colored via a categorical color scale and labeled through an interactive legend. The visualization uses D3 v7’s `d3.pie()` and `d3.arc()` to compute and render the arcs, while `d3.csv` loads the dataset from a GitHub repository. SVG rendering displays the chart, with legend items and axis labels positioned manually. The color scale employs `d3.scaleOrdinal` with `d3.schemeSet2`, and slice strokes are styled white for separation, though axis labels are placeholders rather than computed scales.

Aanisha.peddireddy@gmail.com

85% match

Loading thumbnail…

Activity7_Question1

A donut chart displays weekly app usage percentages, labeling each slice directly and through a legend that pairs app names with their numeric values. The visualization loads data from a remote CSV file, parses usage values as numbers, and uses a categorical color scheme. Built with D3 v7, it relies on the pie and arc generators to compute slice geometry, with SVG paths and text elements rendered inside a 600×400 canvas.

Eenochabraham97@gmail.com

84% match

Loading thumbnail…

Activity 7_Q1

A pie chart displays the proportional spending across unnamed categories, with each slice color-coded and paired with a legend on the right side. The visualization loads CSV data from a GitHub repository using `d3.csv`, then constructs the chart with `d3.pie()` and `d3.arc()`. Color assignment uses `d3.scaleOrdinal` with the `schemeSet2` range. The SVG is rendered via D3 v7, with slices stroked in white and space reserved for axis labels.

Mmsnikhil2608@gmail.com

84% match

Loading thumbnail…

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

84% match

Loading thumbnail…

Activity 7_question1

A pie chart displays categorical sales proportions, with each slice labeled and colored by category. Hovering over a slice reveals an HTML tooltip showing the percentage of total sales. The visualization is built with D3 version 7, using the `d3.pie()` layout and `d3.arc()` generator to create slice paths. It loads CSV data from a GitHub Gist via `d3.json()`, applies an ordinal color scale, and includes a custom legend. An SVG canvas renders all marks, while tooltip positioning tracks mouse coordinates.

Ddivya.matavalam828@gmail.com

84% match