Pie Chart

100%

✓ Published0🌍 Public

Last edited Mar 28, 2024

Created on Mar 28, 2024

Forked from ICE - 7 Pie Chart Maanas Katta

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.

AI-generated description

MIT Licensed

Similar vizzes

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

91% match

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

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

89% match

Loading thumbnail…

Fork of Pie Chart

This visualization displays mortality rates across countries in the United States using a pie chart, with colored segments and a legend showing each country’s death count. The chart is built with D3 v5, using the `pie` and `arc` generators to create the segments, and `scaleOrdinal` to map colors to data categories. It loads CSV data from a remote URL, processes the values, and renders the pie and legend as SVG elements, with text labels positioned via `arcGenerator.centroid`.

Aamiralitah

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

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

86% match

Loading thumbnail…

pie chart

A pie chart displays the top 10 countries by recorded deaths from gas pollution in 2021, with each slice labeled in thousands and accompanied by a color-matched legend. The visualization reads data from a CSV file via `d3.csv` and uses `d3.pie` and `d3.arc` to generate the segments, with `d3.scaleOrdinal` assigning colors. Text labels are positioned using the arc centroid, and the chart renders as SVG within an HTML page.

SSai Hemanth Babu Sunkari

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

85% match