Pie Chart

100%

✓ Published0🌍 Public

Last edited Nov 6, 2024

Created on Nov 6, 2024

This example presents a pie chart depicting the total sales distribution across item categories, sourced from a CSV file. The visualization includes a legend, a title, and a subtitle, with each slice labeled by its category and dollar amount. Built with D3.js v6, the code uses `d3.pie()` and `d3.arc()` to generate the chart, `d3.rollups` to aggregate the data, and `d3.scaleOrdinal` with `d3.schemeCategory10` for coloring. The chart is rendered as SVG elements, with annotations and labels positioned using arc centroids.

AI-generated description

Pie chart showing sales distribution per every item category.

MIT Licensed

Similar vizzes

Loading thumbnail…

Question 1 pie chart

This pie chart visualizes total sales distribution across item categories, with each slice labeled by category name and dollar amount. The chart uses D3.js v6 APIs including `d3.pie`, `d3.arc`, and `d3.rollups` to aggregate CSV data by category, with the legend and title rendered as SVG elements. Data is loaded from a GitHub Gist URL and displayed using an SVG canvas with ordinal color scaling.

Uupenderjangala@gmail.com

90% match

Loading thumbnail…

Question 1 pie chart

This example shows a pie chart of total sales aggregated by item category, with a legend and annotations for each slice. A title and subtitle introduce the visualization at the top of the SVG canvas. The code uses D3 v6 to load a CSV from a GitHub Gist, aggregates records with `d3.rollups` and `d3.sum`, and renders the chart with `d3.pie`, `d3.arc`, and `d3.scaleOrdinal` with `d3.schemeCategory10`.

Aajaykumarseelam@my.unt.edu

88% match

Loading thumbnail…

pie_sales

This pie chart visualizes product sales from a CSV file, displaying each product’s share as a colored slice with labels positioned at each slice’s centroid. The chart uses d3.pie() to compute arc angles and d3.arc() to render the SVG paths, with a d3.scaleOrdinal and d3.schemeCategory10 providing color encoding. A legend below the chart lists each product and its corresponding sales value, generated from the same loaded data. The visualization is built with D3 v7 and rendered as inline SVG within an HTML container.

PP Manisha

88% match

Loading thumbnail…

Assignment 9 - Pie Chart

This pie chart visualizes sales distribution by item category, showing the proportion of total sales attributed to each category. The chart is rendered as an SVG with colored arcs, percentage labels, and a legend positioned in the top-right. The code uses D3.js v6 APIs including `d3.pie()`, `d3.arc()`, `d3.rollups()`, and `d3.scaleOrdinal` with `d3.schemeCategory10`. Data is loaded from an external CSV file containing item categories and total sales values.

Bbobbymeyermsis@gmail.com

88% match

Loading thumbnail…

test

This pie chart displays the distribution of product sales by category, using aggregated data from a CSV file. The visualization presents each category as a colored slice, with a legend identifying the categories and a title above the chart. Built with D3 v7, the code uses `d3.pie`, `d3.arc`, and `d3.rollup` to process and render the data, while SVG elements provide the visual output. Interactive hover effects enlarge slices and display category sales totals, with transitions animating the changes.

SSaiHarshitManda@my.unt.edu

87% match

Loading thumbnail…

Pie Chart

This pie chart displays categorical data loaded from a CSV file, with slices colored by category and labeled directly on the chart. It uses D3.js APIs such as `d3.pie()`, `d3.arc()`, and `d3.scaleOrdinal` with `d3.schemeCategory10` to generate and color the SVG paths. Text labels are positioned using `arc.centroid`, and a legend is built with appended rectangles and text elements. The SVG is centered via a transform, and the chart dimensions are fixed at 500 by 500 pixels.

Rrajeswariamruthabommaraju@my.unt.edu

86% match

Loading thumbnail…

Question 1 pie chart

A pie chart visualizes the distribution of total sales across item categories, with values aggregated and labeled directly on each slice. The chart includes a legend and titles indicating the overall sales scope. It uses D3 v6 APIs including `d3.pie`, `d3.arc`, and `d3.rollups` to aggregate and render the data, with color encoding via `d3.scaleOrdinal`. The data is loaded as a CSV from a GitHub Gist, and the visualization is rendered as an SVG.

PPavan Nimmagadda

86% match

Loading thumbnail…

Pie Chart

This example displays a pie chart of sales figures for different companies, with each segment labeled by its proportional value and paired with a legend showing company names and sales totals. The chart is rendered as SVG using D3 v5, with data fetched from a CSV URL. It uses D3’s `pie` and `arc` generators to create the segments, a `scaleOrdinal` to map sales values to a set of predefined colors, and custom text elements to label each slice.

Mmanvithareddykarra

86% match