Skip to main content
SimilarExport ZIP
100%

Activity7_Question 1

✓ Published0🌍 Public
Hharinihari6791@gmail.com
Last edited Apr 10, 2025
Created on Apr 10, 2025
Forked from Hello VizHub

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.

AI-generated description
MIT Licensed

Similar vizzes

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

Activity7_Question1

This example shows a pie chart of budget allocation percentages across departments within an organization, with each slice labeled by its value and a legend mapping colors to department names. The code loads CSV data from a GitHub URL, converts budget values to numbers, and uses `d3.pie` and `d3.arc` to compute and draw the chart’s SVG paths. It applies `d3.scaleOrdinal` for slice colors, appends text labels using arc centroid positions, and renders a legend with rectangles and text. The visualization is static, with no interactive features or transitions.

VVENKATESWAR RAO CHINTA
88% 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
87% 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
87% match
Loading thumbnail…

Activity7_Question_1

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.

Ssriharshithaanugu5@gmail.com
87% 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
86% 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
86% match
Loading thumbnail…

activity7, question1

This example shows a pie chart visualizing five categories (A–E) with their corresponding numeric values, alongside a color-coded legend and axis labels. It uses a static sample dataset defined in the code. The visualization is built with D3.js v6, using `d3.pie()` to compute arc angles and `d3.arc()` to generate SVG path data. A `d3.scaleOrdinal` with `d3.schemeCategory10` assigns colors, and the chart renders as SVG elements appended to the body.

Ssahithitoomu@gmail.com
86% match