Skip to main content
SimilarExport ZIP
100%

Activity7_Question1

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

This example visualizes monthly spending across six selected expense categories—Electronics, Groceries, Travel, Dining Out, Healthcare, and Utilities—as a pie chart. The code loads CSV data via d3.csv, filters the records, and renders SVG slices using d3.arc and d3.pie. A d3.scaleOrdinal with schemeCategory10 assigns colors, while each slice includes a white label and a legend is drawn alongside. The chart is built as a reusable function pieChart, with axis-style labels added for context.

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

Activity 7 Question 1

This example visualizes the distribution of grocery item prices by category as a pie chart, with a text legend displaying each category’s total dollar value. It loads a CSV dataset from a GitHub gist, aggregates prices per category using `d3.rollup` and `d3.sum`, and renders the chart with `d3.pie`, `d3.arc`, and an ordinal color scale (`d3.scaleOrdinal`). The SVG is drawn via D3 v6, and the legend is built as styled HTML divs, with data fetched asynchronously through `d3.csv`.

Vvemulasai306@gmail.com
86% match
Loading thumbnail…

Question 1 of Activity 7.1

This pie chart visualizes household expenditures by product category, with each slice labeled and connected to its corresponding value via an arrow line. The chart uses D3.js v7’s `d3.pie` and `d3.arc` generators to compute slice angles and paths, while `outerArc` and polylines position labels outside the circle. Data is loaded from a CSV file hosted on GitHub Gist. A legend, built with appended SVG rects and text, maps colors to categories, and `d3.scaleOrdinal` with `schemeCategory10` assigns categorical colors.

Kkrishi7079@gmail.com
86% match
Loading thumbnail…

Activity 7 Question 1

This example shows a classic pie chart built with D3.js, where each slice represents a category from a CSV dataset loaded remotely via `d3.csv`. The chart uses an ordinal color scale, and a legend lists each category alongside its subcategory. The code generates SVG paths with the `d3.arc` and `d3.pie` generators, and includes placeholder axis labels despite being a pie chart. The visualization renders entirely in SVG, with the legend placed to the right of the chart and a white stroke separating each slice.

Ccharanshiva769@gmail.com
85% match
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
85% 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
85% match
Loading thumbnail…

Activity 7 Q1

This pie chart visualizes monthly expenditures broken down by department, with each slice colored distinctly and labeled. A corresponding legend on the right displays the department names alongside their numeric expenditure values in dollars. The visualization uses d3.arc to generate pie segments and centroids for label placement, d3.scaleOrdinal to map categories to the color palette, and d3.csv to load the monthly_expenditure dataset from a remote URL.

Ssumithdugyala@my.unt.edu
85% match
Loading thumbnail…

Pie Chart

A pie chart displays monthly expenses across five categories—Rent, Food, Travel, Shopping, and Bills—with proportional slices and a matching legend. The visualization uses D3 v7’s `d3.pie`, `d3.arc`, and `d3.scaleOrdinal` to compute arc paths and colors, reading the `pieData.csv` file. Slice labels are placed using each arc’s centroid, while the legend lists categories with values. The SVG output is generated entirely with D3’s declarative API.

Ppvvaishnavi93@gmail.com
85% match