Skip to main content
SimilarExport ZIP
100%

Scientific Data Visualisation

✓ Published0🌍 Public
SSravyaAnnadi
Last edited Jul 4, 2022
Created on Jul 4, 2022

A pie chart displays the top 10 U.S. states by heart stroke deaths in 2022, with each slice labeled with the death count in thousands and a corresponding color-coded legend listing state names and values. The visualization uses D3.js v5, fetching CSV data from a GitHub gist via `d3.csv` and rendering with SVG. It applies `d3.pie` for data segmentation, `d3.arc` to generate slice paths, and `scaleOrdinal` for color mapping. Text labels and legend elements are positioned manually using D3 selections and transforms.

AI-generated description
MIT Licensed

Similar vizzes

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
87% 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
85% 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
84% 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
83% match
Loading thumbnail…

ICE7-2VarshaG

This visualization displays US mortality rates across states using a pie chart, with each slice sized by the number of deaths and labeled with the state name. The chart is rendered as SVG elements using D3 v5, employing the `pie` and `arc` generators to compute slice geometry, while `scaleOrdinal` maps death counts to a fixed set of colors. A legend on the right lists each state with its corresponding color and formatted death count. Data is loaded asynchronously from a CSV file fetched from a GitHub Gist using D3’s `csv` method.

VVReddy913
82% 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
82% match
Loading thumbnail…

Pie Chart

This visualization displays a pie chart of the top 10 countries by air pollution-related deaths in 2020, with each slice labeled with the death count in thousands and a corresponding color-coded legend. The chart is rendered as static SVG using D3 v5, leveraging the `pie`, `arc`, and `scaleOrdinal` functions from the `d3` module to compute slice geometry and assign colors. Data is loaded from a CSV file via `d3.csv` from a GitHub gist, and the total death count is calculated but not used in the display.

Kkranthireddyskr
82% 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
82% match