Fork of Pie Chart

100%

Fork of Pie Chart

✓ Published0🌍 Public

Last edited Jul 2, 2022

Created on Jul 2, 2022

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

AI-generated description

MIT Licensed

Similar vizzes

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

91% match

Loading thumbnail…

Pie Chart

This pie chart visualizes mortality rates across U.S. states, with each slice sized by the number of deaths and labeled with a value. The chart is rendered as an SVG using D3 v5, employing `d3.pie` and `d3.arc` to generate the segments and centroids for text placement. A legend on the right maps each color to its state and death count, with data fetched from a CSV via `d3.csv`. The visualization uses a custom color scale (`scaleOrdinal`) and formats death numbers with `d3.format`.

Ttarungunda

89% match

Loading thumbnail…

Fork of Fork of Making an Interactive Pie Chart

This interactive donut chart visualizes mortality rates across ten countries, with each slice's arc length proportional to the death count from a CSV file. The chart displays country labels and uses a categorical color scale from `d3-scale-chromatic`. On hover, a tooltip appears showing the percentage of total deaths, calculated from the data. The visualization is built with D3.js using `select`, `pie`, `arc`, and `sum` from the D3 module, rendering as an SVG with custom styling for hover effects.

Aamiralitah

89% match

Loading thumbnail…

Pie Chart

This pie chart displays the mortality rate across different states in the United States. The visualization uses a donut-style pie chart with color-coded segments and a legend that lists each state alongside its corresponding death count. The data is loaded from a remote CSV file and rendered as SVG. The code leverages D3 v5 APIs such as `pie`, `arc`, `scaleOrdinal`, and `select` to generate the chart, with custom text styling applied to segment labels.

Kkranthireddyskr

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

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

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

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

86% match