Task9-Pie Chart

100%

Task9-Pie Chart

✓ Published0🌍 Public

Last edited Apr 20, 2024

Created on Apr 20, 2024

This pie chart visualizes grocery item expenditures by category, with each slice colored and labeled by dollar value. The chart is rendered in SVG using D3 v5, with pie segments generated via `d3.pie` and `d3.arc`. Data is fetched from a remote CSV using `d3.csv`, and ordinal color scaling (`d3.scaleOrdinal`) maps categories to a four-color palette. Labels and a legend are positioned manually, with tick text formatted using `d3.format`. The visualization directly conveys relative spending across grocery item types.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Pie Chart ICE-7

This pie chart visualizes monthly expenditures, with each slice labeled by a spending category and its numeric value. The chart is rendered as an SVG using D3 v5, with the `d3.pie()` and `d3.arc()` functions generating the segments and their centroids. Data is loaded asynchronously from a CSV file via `d3.csv()`, and a legend lists each category with its corresponding dollar amount. Slice colors are assigned using `d3.scaleOrdinal` with a predefined array of color names.

AAnanyaSamala

82% match

Loading thumbnail…

Q1_VT

This visualization presents a pie chart classifying grocery items by their total dollar amounts, with each slice labeled and color-coded to a legend. It uses D3 v5’s `pie` and `arc` generators to compute and draw the SVG segments, while `scaleOrdinal` assigns colors. Data is fetched as CSV from a GitHub gist, and values are formatted with `d3.format`.

RRJVENKATESH789@GMAIL.COM

82% match

Loading thumbnail…

Pie Chart Assignment 2

This pie chart shows the distribution of wholesale customer spending across six product categories: Fresh, Milk, Grocery, Frozen, Detergents_Paper, and Delicassen. The visualization displays each category’s total spending as a proportional slice of the pie, with a legend showing exact values and percentages. Using D3.js v7, the code employs `d3.pie` and `d3.arc` to generate the SVG paths, `d3.scaleOrdinal` with `d3.schemeTableau10` for coloring, and `d3.tsv` to load and parse the wholesale customer dataset from a raw GitHub gist.

LLikhithagade@my.unt.edu

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

81% match

Loading thumbnail…

Task - 9&10 - Q1)

This D3.js v7 visualization displays the prices of various gadgets as an interactive pie chart with a legend. It uses `d3.pie` and `d3.arc` to compute the chart geometry, with categorical colors from `d3.schemeCategory10` via `d3.scaleOrdinal`. Hovering over a slice reveals a tooltip showing the gadget name and price, and each slice is labeled with its corresponding name. Data is loaded from a remote CSV file using `d3.csv`. The chart is rendered as SVG, with the legend positioned separately using `d3.select` and appended HTML elements.

Mmulyasuji999@gmail.com

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

81% match

Loading thumbnail…

Task9_Q1

This example shows a pie chart of supermarket sales totals aggregated by product line, with a legend listing each category. It loads CSV data from a GitHub Gist, uses `d3.nest()` and `d3.sum` to aggregate totals per product line, and renders the chart with `d3.pie()` and `d3.arc()`. The visualization uses `d3.scaleOrdinal` with `d3.schemeCategory10` for colors, and SVG elements for the arcs and legend.

LLakshmiDeepikaPagadala@my.unt.edu

81% match

Loading thumbnail…

Task9_Vaishalikonda

This pie chart visualizes electronic sales data, displaying the proportion of units sold for each product category. It is built with D3 v5, using `d3.pie` to compute the arc segments and `d3.arc` to render the SVG paths. Each slice is shaded with a categorical color from `d3.scaleOrdinal` and `d3.schemeCategory10`, with percentage labels placed at the centroids. A legend, also generated in SVG, maps each product name to its corresponding color. The data is loaded from a remote CSV file hosted on GitHub.

Vvaishalireddy55555@gmail.com

81% match