Skip to main content
SimilarExport ZIP
100%

Pie Chart with Labels & Legend

✓ Published1🌍 Public
Kkhushburajan2015@gmail.com
Last edited Oct 26, 2025
Created on Oct 26, 2025

This pie chart displays the market share of major cryptocurrencies by market capitalization, with labels and a legend identifying each asset. It uses D3 v7’s `d3.pie`, `d3.arc`, and `d3.scaleOrdinal` with the Tableau10 color scheme to generate SVG paths and text labels. Labels for slices under 4% are hidden to reduce clutter, while a legend on the right lists all assets. The data is parsed inline from a CSV snapshot using `d3.csvParse` and `d3.autoType`.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Pie chart

This pie chart displays browser market share percentages, with each slice colored via a categorical scale and a legend identifying the browser names. It uses D3 v7 with `d3.pie` and `d3.arc` to generate the SVG paths, and `d3.csv` to load the remote dataset. Hovering over a slice reveals a tooltip showing the browser and its exact share, while the chart includes a bold title and white stroke separators between slices.

Vvenkatamanikantavaddi@my.unt.edu
78% match
Loading thumbnail…

Fork of Fork of Fork of ICE7 Pie Chart

A pie chart displays the top ten cryptocurrencies by market capitalization, with the proportional area of each slice representing its market value. Data is loaded from a JSON file via `d3.json`, and the chart is rendered using `d3.pie`, `d3.arc`, and `d3.scaleOrdinal` with the `schemeCategory10` color palette. The visualization also includes a custom legend generated with SVG shapes. The title, in Turkish, indicates the subject matter, and the data is formatted using `d3.format`.

Bbugracaglar
78% 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
76% match
Loading thumbnail…

Fork of Activity_7_1_Question_1

This pie chart visualizes the market capitalization of S&P 500 companies as proportional slices, with each slice labeled by ticker symbol and value in billions. The code loads CSV data from a GitHub gist, converts market cap values to numbers, and uses `d3.pie` and `d3.arc` to generate the chart in SVG. A color scale assigns categories from `d3.schemeCategory10`, and a legend lists company names alongside their corresponding colors.

LLarry Johnson
76% 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
76% match
Loading thumbnail…

Pie Chart

A pie chart displays automobile sales proportions for different car brands, with each slice labeled by percentage and accompanied by a legend showing brand names and their corresponding sales shares. The visualization uses D3 v5’s `pie` and `arc` generators to compute slice angles and paths, with `scaleOrdinal` assigning colors from a predefined palette. Data is loaded as CSV from a GitHub repository, and the chart renders as SVG with custom styled text and legends.

SSushmaNamidi@my.unt.edu
76% match
Loading thumbnail…

PieChart-D3

A pie chart displays the distribution of fruit categories from a CSV file, with each slice labeled and a corresponding color legend. The chart is rendered as SVG using D3 v7, with the pie layout created via `d3.pie` and `d3.arc`, and colors assigned through `d3.scaleOrdinal` with `d3.schemeCategory10`. Data is loaded asynchronously with `d3.csv`, and slice labels are positioned using `arc.centroid`. The legend is built manually by appending colored rectangles and text elements.

Kkblikitha22@gmail.com
76% 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
76% match