Skip to main content
SimilarExport ZIP
100%

Online Sales Pie Chart

✓ Published0🌍 Public
MManideeprenikindi
Last edited Jul 24, 2023
Created on Jul 24, 2023

This example shows the distribution of online customer sales revenue as a pie chart, with each slice colored by revenue amount and accompanied by a legend displaying the age group, percentage of total revenue, and absolute revenue in thousands. The chart uses D3 v5 to load CSV data from a GitHub gist via `d3.csv`, transform it with `d3.pie()`, and render SVG paths using `d3.arc()`. Colors are assigned with `d3.scaleOrdinal()`, and legend text is formatted with `d3.format()` for compact tick labels.

AI-generated description
MIT Licensed

Similar vizzes

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

Pie Chart

This pie chart displays the sales figures of various companies, with each slice sized proportionally and labeled with its value in thousands. It also includes a color-coded legend listing company names and corresponding sales amounts. The visualization uses D3 v5 APIs including `pie`, `arc`, `scaleOrdinal`, and `format` to generate the SVG segments and text, with data loaded via `csv` from a GitHub gist. Colors are assigned through a custom ordinal scale.

TTejaswi@3271
84% match
Loading thumbnail…

Pie Chart

This pie chart visualizes the total revenue of different countries in sales. The D3 v5 code uses `select`, `pie`, `arc`, and `scaleOrdinal` to generate SVG segments from a JSON dataset, with each slice colored distinctly. A legend, created via `append` with rectangles and text, identifies each region and its corresponding revenue value, formatted with `format('.4~g')` and suffixed with "K". The chart is centered on a 960x500 canvas, with the pie translated to the left and the legend positioned to the right.

Ppreethamkesa
83% match
Loading thumbnail…

pie chart

This pie chart visualizes the top 10 store areas by sales, using D3 v7 to load CSV data, sort it, and render an SVG pie chart with colored slices, labels, and a legend. The code uses `d3.pie()` to compute arc angles, `d3.arc()` to draw paths, and `d3.scaleOrdinal()` for color encoding. Store area names and corresponding sales values appear both on the slices and in a legend, with data sourced from a GitHub-hosted CSV file.

RRohithNaiduDevareddy@my.unt.edu
82% match
Loading thumbnail…

Making a Pie Chart

This example shows a donut chart of income sources—Sales, Dividends, and Interest—with labeled slices and a custom color scale. It loads data from a CSV file, converts the amounts to thousands, and renders the chart as SVG. The code uses D3 v5 APIs including `d3.pie`, `d3.arc`, `scaleOrdinal`, and `csv` to compute slice angles, generate paths, and position labels via arc centroids.

BbeauMarko
82% match
Loading thumbnail…

Fork of Pie Chart for Electronic sales

This D3.js (v7) visualization displays a pie chart of electronic product sales, with each slice representing a product category’s total revenue. The chart uses a custom legend showing category names, percentage of total sales, and sales values in thousands. The code fetches CSV data via `d3.csv`, computes pie segments with `d3.pie`, and renders them as SVG paths using `d3.arc`. Colors are assigned via `d3.scaleOrdinal`, and the legend and percentages are formatted using `d3.format`.

Ssreeramyamini@gmail.com
81% match
Loading thumbnail…

Pie Chart Creation ICE7

This example visualizes item sales and their percentages as a pie chart, with a legend displaying each item and its corresponding share. The chart uses D3 v5 APIs, including `d3.pie`, `d3.arc`, and `d3.scaleOrdinal` to generate and color the chart segments. Data is fetched from a remote CSV file, and total sales are calculated to render the percentage labels. The visualization is rendered as SVG, with a legend on the right side that pairs a color swatch with each item’s name and percentage value.

Aavvarijayakrishna99@gmail.com
81% match
Loading thumbnail…

Car Sales data Pie chart

This pie chart visualizes year-to-date car sales across multiple brands, displaying each brand’s proportional share and a corresponding legend with sales totals. The chart uses D3 v5 APIs including `d3.pie`, `d3.arc`, and `d3.scaleOrdinal` to generate SVG paths and text labels positioned via `arc.centroid`. Data is loaded asynchronously from a CSV file using `d3.csv`, with values parsed and aggregated before rendering. The example demonstrates standard D3 data-binding patterns for entering paths and legend elements.

MManideeprenikindi
81% match