Pie Chart

100%

✓ Published0🌍 Public

Last edited Mar 27, 2022

Created on Mar 27, 2022

This pie chart visualizes COVID-19 deaths by brand, with each slice’s size proportional to the YTD value and a legend listing each category with its count in thousands. The chart is rendered as an SVG using D3 v5, loading CSV data via `d3.csv` from a GitHub gist. It uses `d3.pie` to compute arc angles, `d3.arc` to generate SVG paths, and `d3.scaleOrdinal` for categorical colors, while axis labels are formatted with `d3.format`.

AI-generated description

MIT Licensed

Similar vizzes

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

88% match

Loading thumbnail…

Piechart ICE7

This pie chart visualizes COVID-19 death counts across different countries for 2019–2020, with each slice labeled in thousands and a legend listing country names and corresponding values. The chart uses D3 v5’s `pie` and `arc` generators to compute slice angles and paths, along with `scaleOrdinal` for color mapping and `csv` to fetch the dataset from a GitHub gist. Labels and legends are appended as SVG text and rect elements, with the arc’s centroid method positioning the value labels.

Pprathyusha-reddy-arch

86% match

Loading thumbnail…

Pie Chart

This pie chart displays COVID death rates per million for the top 20 states, using colored slices with labels and a corresponding legend that lists each state and its numerical value. The visualization is built with D3 v5, fetching data from a CSV via `d3.csv`, transforming it with `pie()` and rendering SVG paths using `arc()` and `arcGenerator.centroid`. Slice colors are assigned using `scaleOrdinal`, and the chart is presented on an SVG canvas with a fixed width and height.

RRohith Reddy

85% 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

84% match

Loading thumbnail…

Pie Chart

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.

Hheykrizza

84% match

Loading thumbnail…

Pie Chart

This pie chart displays the top 10 countries by COVID-19 deaths, with each slice labeled in thousands and a corresponding legend. The visualization uses D3 v5 APIs including `d3.pie`, `d3.arc`, and `d3.scaleOrdinal` to compute and position the slices, while SVG renders the chart. Data is loaded asynchronously from a CSV file via `d3.csv` and sorted to select the top entries. The code also employs `d3.format` for readable tick labels and color-coded legend rectangles.

RRupeshGandham

84% match

Loading thumbnail…

PiechartProject

This visualization shows the distribution of COVID-19 deaths across continents using a pie chart. The chart displays each continent’s share as a percentage and absolute death count in thousands, with a color-coded legend. The code loads CSV data from a GitHub repository via `d3.csv`, then uses `d3.pie()` to compute arc angles and `d3.arc()` to generate SVG path segments. Color mapping is handled by `d3.scaleOrdinal()`, while `d3.format()` formats numeric labels. The SVG canvas is sized at 960×450 pixels, and all elements are rendered as standard SVG shapes.

SSushmaNamidi@my.unt.edu

84% 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

84% match