Pie Chart

100%

✓ Published0🌍 Public

Last edited Mar 27, 2022

Created on Mar 27, 2022

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.

AI-generated description

An example showing the capabilities of VizHub:

Loads D3 via UNPKG.
Demonstrates use of import from "d3".
Demonstrates use of import from local ES6 modules.

MIT Licensed

Similar vizzes

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

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

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

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

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

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

Fork of Fork of Pie Chart

This example presents a pie chart of internet usage deaths by country, using a dataset loaded from a GitHub gist via `d3.csv`. The chart displays each country’s share of total deaths as a colored arc segment, with a legend listing country names and matching color swatches. The visualization is rendered entirely in SVG, using `d3.pie` to compute the arc data, `d3.arc` to generate path segments, and `d3.scaleOrdinal` for the categorical color mapping. The page layout and styling are defined in HTML and CSS, with the chart drawn on a 960×450 SVG canvas.

NNaimisha-M

86% match