Act7Question1

100%

✓ Published0🌍 Public

Last edited Apr 10, 2025

Created on Apr 10, 2025

This example shows the distribution of income across five quintiles, from lowest to highest, using a pie chart. The visualization renders an SVG with D3.js v6, employing `d3.pie()` and `d3.arc()` to generate the chart’s slices, while `d3.scaleOrdinal` assigns colors. Each slice displays its quintile label and percentage value, and a legend on the right identifies the categories. The data is hardcoded in the script, not loaded from an external file.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Activity7 Q1

This pie chart visualizes the distribution of population (in millions) across income brackets, using a dataset loaded from a GitHub gist. The chart is rendered as an SVG with slices colored by income bracket categories, and includes a legend and axis labels for context. The visualization is built with D3 version 7, employing the `d3.pie` layout, `d3.arc` for generating slice paths, and `d3.scaleOrdinal` with `d3.schemeCategory10` for color mapping. Data is parsed from CSV format and numeric values are coerced to numbers for aggregation.

SSai Gottumukkala

84% 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

81% 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

80% match

Loading thumbnail…

act7_question1

This pie chart visualizes fruit sales counts using a D3.js SVG renderer. The code loads CSV data from a GitHub repository, converts values to numbers, and applies the d3.pie and d3.arc layouts to generate the slices. Each segment is colored with d3.scaleOrdinal and d3.schemeCategory10, with white labels positioned at arc centroids. A legend on the right lists each fruit with its corresponding value, while the chart uses d3.csv to fetch the external dataset and d3.select to manage SVG elements.

Ssravani1969@gmail.com

79% 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

79% 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

79% match

Loading thumbnail…

Question 1

This pie chart visualizes fruit sales data, displaying the proportional share of each fruit category as a labeled slice with a corresponding legend. The chart is rendered as an SVG using D3 version 7, with the pie generator `d3.pie()` and arc generator `d3.arc()` calculating angular extents and centroids for labels. Data is loaded via `d3.csv` from a remote Gist, and the color scale `d3.scaleOrdinal` with `d3.schemeSet2` assigns categorical colors. The legend is built using `d3.select` and `enter()`, while sales values are cast to numeric type before creating the pie layout.

Tthokalarohith83@gmail.com

79% match

Loading thumbnail…

Question1

This visualization is a donut-style pie chart that displays the distribution of five age groups (0-17, 18-34, 35-49, 50-64, and 65+) by their respective counts. The chart uses a categorical color scale from `d3.scaleOrdinal` with `d3.schemeCategory10` to differentiate each segment. The pie layout is computed using the `d3.pie` and `d3.arc` APIs, with the arcs rendered as SVG paths inside a 400x400 pixel container. A custom HTML legend, styled with flexbox, lists each age group alongside a color swatch and its count. The data is defined locally in a JavaScript array and rendered via the `d3.select` API.

Pp99vijaya@gmail.com

79% match