Skip to main content
SimilarExport ZIP
100%

Pie Chart

✓ Published0🌍 Public
Hheykrizza
Last edited Aug 22, 2022
Created on Aug 22, 2022

This example shows a pie chart of country-level death counts, with each slice labeled by its value in thousands and accompanied by a color-coded legend. The chart is rendered as SVG using D3 v5, pulling CSV data from a GitHub gist. The code uses `d3.pie`, `d3.arc`, and `d3.scaleOrdinal` to compute slice geometry, assign colors, and draw paths, while `d3.select` and `d3.format` handle DOM updates and label formatting. The legend and slice labels are added as SVG text elements, with an outer ring arc generator used only for positioning text at slice centroids.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Pie Chart

This pie chart visualizes death rates across the top 10 countries, with each slice labeled in thousands and a corresponding legend listing country names and values. The data is fetched from a CSV file hosted on GitHub and rendered as an SVG using D3 v5 APIs, including `d3.pie`, `d3.arc`, and `d3.scaleOrdinal` for color mapping. The chart applies a custom color palette per slice and uses `d3.format` to display abbreviated numbers.

KKiran3295
92% match
Loading thumbnail…

Pie Chart

A pie chart shows the top 10 causes of death in 2013, with each slice labeled in thousands using `d3.arc` and `d3.pie`. The chart is rendered as SVG with `d3.select` and `d3.scaleOrdinal` assigning colors from a fixed array. Data is loaded as CSV from a GitHub gist, and a legend lists each country alongside a colored square and its death count. Text formatting uses `d3.format` with the `~4g` specifier.

Nnagarjuna1968
90% match
Loading thumbnail…

Pie Chart

This pie chart visualizes cancer deaths across different countries, using a CSV dataset fetched from a GitHub gist. The D3 v5 code renders SVG arcs with distinct colors, labels each segment with the death count in thousands, and includes a legend with country names and values. It leverages D3's `pie`, `arc`, `scaleOrdinal`, and `csv` APIs to compute arc geometries, map data to colors, and load the external data. The chart is centered within a 960x500 SVG canvas.

Vvarun-030
90% match
Loading thumbnail…

Pie Chart

This pie chart visualizes the distribution of deaths by country from a remote CSV dataset, displaying each category as a colored arc with value labels and a corresponding legend. Built with D3 v4, the chart uses `d3.pie()` and `d3.arc()` to generate SVG paths, with `d3.scaleOrdinal` and `d3.schemeCategory10` for coloring. The SVG is responsive via a `viewBox`, and the data is loaded asynchronously using `d3.csv`. The chart applies an ordinal color scale and renders text labels positioned via arc centroids.

TTarun Kumar Bosupally
89% match
Loading thumbnail…

Fork of Pie Chart

This example visualizes mortality rates across U.S. states as an annotated pie chart, with each slice labeled and accompanied by a legend showing state names and death counts. The visualization uses D3 v5 (d3.pie, d3.arc, d3.scaleOrdinal) to generate SVG paths and text elements, pulling data from a remote CSV file. It applies a custom color scale to distinguish slices and renders the chart centered on an SVG canvas with a static legend to the right.

RRahulSai05
87% match
Loading thumbnail…

Pie Chart of Covid 19 Deaths

This pie chart visualizes COVID-19 deaths by country, with each slice’s size proportional to the total death count and labeled in thousands. The chart uses D3 v5’s `pie` and `arc` generators to compute and draw the segments, `scaleOrdinal` to assign categorical colors, and `format` to abbreviate numeric labels. A legend lists each country alongside its corresponding color and value. Data is loaded asynchronously from a CSV file hosted on GitHub via `d3.csv`, and all graphics are rendered as SVG elements within a fixed 960×500 viewport.

NNithish Kumar
87% match
Loading thumbnail…

Fork of Pie Chart

This example displays a pie chart of deaths in Canada by state, with each slice colored and labeled, alongside a legend showing state names and death counts. The visualization is built with D3 v5, using `d3.pie()` and `d3.arc()` to generate the chart segments and label positions. Data is loaded asynchronously via `d3.csv()` from a GitHub Gist, with colors assigned through `d3.scaleOrdinal()`. The SVG rendering includes text labels on each slice and a legend with colored rectangles and formatted values, all styled with embedded CSS.

Kkalyanikotha
87% match
Loading thumbnail…

Pie Chart

A pie chart displays the total deaths from COVID-19 across Oceania countries and regions, with each slice labeled by its death count and accompanied by a legend showing the country and corresponding value. The chart uses d3.pie and d3.arc to generate SVG paths, a scaleOrdinal color scale for slice fills, and a second d3.arc for label positioning. Data is loaded asynchronously from a GitHub-hosted CSV file via d3.csv, and the legend is built with appended SVG groups, rectangles, and text elements.

SSonuSriN
87% match