pie chart ICE 7

100%

pie chart ICE 7

✓ Published0🌍 Public

Last edited Oct 26, 2025

Created on Oct 26, 2025

This pie chart displays monthly sales data for a company across 2024, with each slice labeled by a three-letter month abbreviation and a legend showing full month names with corresponding sales figures in thousands of dollars. Using D3 v7, the visualization employs `d3.pie()` and `d3.arc()` to generate the slices, `d3.scaleOrdinal` with color schemes to distinguish months, and SVG text elements positioned via `arc.centroid()` for in-slice labels. A legend is constructed with colored rectangles and accompanying text, all rendered in an SVG container.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Pie Chart ICE 7

This pie chart visualizes the distribution of total Sales, Profit, and Expenses from a CSV dataset containing 160 monthly records. D3 v7 computes the column sums and renders three color-coded slices with category labels, using `d3.pie()` and `d3.arc()` for the SVG paths and `d3.scaleOrdinal` for colors. A legend lists the exact aggregated values for each category.

GGuntupalli Mohan kalyan

89% match

Loading thumbnail…

PIE - ICE 7 SAKETH SARA

This pie chart visualizes annual sales share by product category, with each slice labeled by product name and percentage of total sales. The visualization uses D3.js v7’s `d3.pie()` and `d3.arc()` generators to compute and draw the arcs, while `d3.scaleOrdinal` with the Tableau10 color scheme assigns distinct colors to each product. Data is loaded from a remote CSV file via `d3.csv`, and the chart includes labeled polylines connecting slices to text annotations, plus a legend for quick reference.

Ssarasaketh3@gmail.com

87% match

Loading thumbnail…

ICE7 - Pie Chart

This pie chart visualizes regional sales distribution, with each slice representing a region's proportion of total sales and a legend showing region names with percentage values. The code loads sales data from a GitHub-hosted CSV using d3.csv, then renders the chart with d3.pie and d3.arc functions, applying colors via scaleOrdinal. SVG elements are appended to the page using d3.select, with legend text formatted via d3.format to display percentages. The visualization uses d3.v5 and outputs the result as scalable vector graphics.

Kkuraakhila9@gmail.com

86% match

Loading thumbnail…

ICE 7

This pie chart visualizes sales by category, displaying five segments for electronics, furniture, clothing, and toys. The chart uses D3.js v7 to load the sales.csv dataset, then applies `d3.pie()` and `d3.arc()` to compute slice geometries, with `d3.scaleOrdinal` and `d3.schemeTableau10` assigning colors. It renders as SVG with category labels positioned via `labelArc.centroid()` and includes a legend showing each category and its value. Hovering over a slice reveals a tooltip with the category name and numeric value.

Aankitgoudpoodhari07@gmail.com

86% match

Loading thumbnail…

pie chart for monthly sales

This example shows monthly sales data for six product categories across six months using a series of pie charts, each labeled with its corresponding month. It displays proportional slices for electronics, clothing, groceries, furniture, toys, and books, with a legend for the categories. Each pie chart is rendered as an SVG using D3.js v6, with the `d3.pie()` layout generating the arc angles and `d3.arc()` creating the paths. The code uses `d3.scaleOrdinal` with `d3.schemeCategory10` for colors and positions the charts vertically with month labels below each slice.

Ppriyapravallika44@gmail.com

86% match

Loading thumbnail…

ICE - 7 Pie Chart

This example visualizes smartphone sales in millions from 2012 to 2021 as a pie chart, with each slice representing a year's sales. The chart uses d3.pie to compute the arc angles and d3.arc to generate the SVG path segments, with d3.scaleOrdinal assigning a fixed color palette to each slice. Slices display their numerical sales values, while a side legend pairs each year with a colored rectangle and its corresponding sales figure. Data is loaded as CSV from a GitHub gist using d3.csv, and the SVG canvas is centered with a heading above the chart.

PPriyanka7002

85% match

Loading thumbnail…

ICE-7

A pie chart visualizes sales by category from a CSV dataset, using d3.csv to load values. The SVG graphic displays category labels on each slice via d3.arc and a legend on the right. D3 v7’s pie generator computes the arc angles, while d3.scaleOrdinal with schemeTableau10 assigns colors. The code uses `d3.pie()` and `d3.arc()` to generate paths, with tooltips added as titles, and a legend built from rectangles and text elements.

Aankitgoudpoodhari07@gmail.com

85% match

Loading thumbnail…

Pie Chart ICE-7

This pie chart visualizes monthly expenditures by department, using proportional slices and a color-coded legend. The chart is rendered in SVG on an HTML page. The code loads CSV data from a GitHub gist, processes it with `d3.csv`, and builds arcs using the `d3.pie` and `d3.arc` APIs. Section colors are assigned via `scaleOrdinal`, and labels and legend values are formatted with `d3.format`.

KKande2011

85% match