Fork of Fork of Pie Chart

Fork of Fork of ICE - 7 Pie Chart

This example visualizes the top 10 countries by COVID-19 deaths in 2020 using a pie chart rendered as SVG. Each slice is labeled with its death count in thousands, and a legend on the right pairs country names with their corresponding values and color swatches. The chart is built with D3 v5, using `d3.pie` and `d3.arc` to generate the sectors, `d3.scaleOrdinal` for color mapping, and `d3.csv` to load the data from a GitHub gist. The visualization highlights relative mortality contributions across countries with a clean, annotated layout.

NNaimisha-M

Fork of Fork of Fork of ICE - 7 Pie Chart

A pie chart visualizes the top 10 countries by COVID-19 deaths in 2020, with each slice labeled with the death count in thousands. The chart uses `d3.pie` to compute arc angles and `d3.arc` for path generation, colored via `scaleOrdinal`. A legend on the right lists countries with corresponding color swatches and death values. Data is fetched as CSV from a GitHub gist, and the SVG is rendered with D3 v5, using `select` and `append` for elements and `format` for tick labels.

NNaimisha-M

Fork of Fork of Fork of Fork of ICE 7 Pie Chart

This example visualizes the top 5 countries by reported deaths in 2020 as a pie chart rendered in SVG. Each slice is colored and labeled with the number of deaths, while a legend to the right lists country names and their corresponding totals. The code fetches CSV data from a GitHub gist, parses it with d3.csv, and uses d3.pie and d3.arc to generate the chart. Colors are assigned via d3.scaleOrdinal, and labels are positioned using arc.centroid. The page loads d3 v5 from unpkg and embeds the logic in a bundle.js file.

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

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

87% match

Fork of Fork of Fork of ICE 7 Pie Chart

The visualization shows the top five countries by reported deaths in 2020 as a donut-style pie chart with a color-coded legend listing each country and its corresponding death count. Data is loaded from a CSV file via `d3.csv`, then processed with `d3.pie` and rendered as SVG paths using `d3.arc`, while `d3.scaleOrdinal` assigns the section colors. The chart also draws a legend group with rectangles and text, and uses `d3.format` to display concise numeric values. The SVG canvas is 900×250 pixels, with the pie centered at (250,250) and the legend placed to the right.

87% match

Fork of Fork of ICE 7 Pie Chart

This visualization shows the top five countries by deaths in 2020 using a pie chart, with a legend displaying each country’s name and death count. The code loads CSV data from a GitHub gist via `d3.csv`, processes it with `d3.pie`, and renders slices using `d3.arc` with SVG paths. Colors are assigned via `d3.scaleOrdinal`, and labels are positioned using `arc.centroid`. A separate legend group appends rectangles and text, formatting values with `d3.format`. The chart is built with D3 v5, rendering entirely as SVG elements.

86% match

Fork of Fork of Fork of Fork of ICE 7 Pie Chart

This D3 pie chart displays the top 5 countries by death count in 2020, with each slice labeled and a corresponding legend showing the country name and formatted value. It loads CSV data via `d3.csv`, computes arc segments using the `pie` and `arc` helpers, and colors slices using `scaleOrdinal` with a fixed range. The visualization is rendered as SVG, with custom text and legend elements added to the same canvas.