Pie chart-ice-7

100%

Pie chart-ice-7

✓ Published1🌍 Public

Last edited Mar 12, 2023

Created on Mar 10, 2023

This example uses a D3 pie chart to show the top 10 countries by prisoner count, with each slice labeled in thousands and a legend listing country names beside their values. The chart is rendered as SVG using the `d3.pie()` and `d3.arc()` functions, with colors assigned via `d3.scaleOrdinal()`. Data is loaded asynchronously from a CSV file using `d3.csv`, and text labels are positioned with `arc.centroid()`. The visualization highlights the relative share of prisoners per country using a simple categorical color scheme.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Fork of Pie chart-ice-7

This example shows a pie chart displaying the top 10 countries by prisoner count, with each slice labeled in thousands (e.g., "1.2K") and a legend pairing country names with their corresponding values. The chart uses D3 v5 to fetch CSV data from a GitHub gist and render SVG paths via `d3.pie` and `d3.arc`, with a `d3.scaleOrdinal` mapping slice colors. Text labels are positioned using `arc.centroid`, while the legend is built from appended rectangles and text elements.

SSaiipriiya

94% match

Loading thumbnail…

Fork of Pie chart-ice-7

A forked pie chart visualizes the top 10 countries by prisoner counts, with each slice colored distinctly and labeled with values in thousands. It renders an SVG using D3 v5, fetching CSV data from a gist, then uses `d3.pie`, `d3.arc`, and `scaleOrdinal` to generate segments and a legend. The chart also applies `d3.format` for tick labels and custom styling.

SSaiipriiya

93% match

Loading thumbnail…

Fork of ICE 7 Pie chart

This visualization shows the top 10 countries by population in 2022 as a pie chart, with each slice labeled with its population value and a corresponding color-coded legend listing country names and values. Using D3 v5, the code fetches CSV data via `d3.csv`, converts it with `d3.pie`, and renders SVG paths with `d3.arc` and `scaleOrdinal` for slice colors. Text labels and legend items are appended dynamically, while the chart is centered within an SVG canvas.

SsreepavanKothapalli

85% match

Loading thumbnail…

Fork of ICE 7 Pie chart

This example displays a pie chart of the top 10 countries by population in 2022, with each slice labeled with its population value in thousands and accompanied by a legend listing country names and corresponding figures. The chart uses D3 v5, specifically the `pie`, `arc`, and `scaleOrdinal` APIs to generate and color the slices, while the `arcGenerator.centroid` method positions the text labels within each segment. Data is loaded asynchronously from a CSV file fetched from a GitHub gist URL. The visualization is rendered as SVG, with sections and legends appended to the canvas.

LLakshmiManjushaReddyYarreddu

85% match

Loading thumbnail…

ICE:7 Fork of Pie Chart

A pie chart displays the top ten most populous countries in 2020, with each slice sized by population and a legend listing each country alongside its population in millions. The visualization loads CSV data from a GitHub gist via `d3.csv`, then uses `d3.pie` and `d3.arc` to generate SVG paths, with `d3.scaleOrdinal` assigning a distinct color to each slice. A separate legend group renders colored rectangles and text labels using `d3.select` and data joins, while `d3.format` converts raw numbers into readable millions values.

Mmanasanimmagadda13

85% match

Loading thumbnail…

ice 7 pie sreekar

This pie chart displays the top 10 countries by accident count, using a color-coded legend to identify each nation and the corresponding value. Built with D3 v5, the visualization fetches CSV data from a GitHub gist and uses the `d3.pie` and `d3.arc` functions to generate the pie segments and their centroids. The chart is rendered as an SVG, with a legend positioned to the right and text labels placed on each slice.

SSreekarveeravelly

85% match

Loading thumbnail…

ICE 7 Pie chart

This pie chart displays the top 10 countries by population in 2022, with each slice labeled with its population value and accompanied by a legend showing the country name and corresponding figure. The visualization uses D3 v5’s `pie`, `arc`, and `scaleOrdinal` functions to compute slice geometries and assign colors from a hardcoded array. Data is loaded asynchronously from a CSV source via D3’s `csv` method. The chart is rendered as SVG, with a centered title and a legend offset to the right, both styled inline.

SsreepavanKothapalli

84% match

Loading thumbnail…

Pie chart

This pie chart displays the top 10 most populous countries in 2022, with each slice labeled by population count and a color-coded legend listing country names and values. The visualization uses D3 v5’s `pie` and `arc` generators to compute and draw SVG paths, while `scaleOrdinal` assigns colors from a hardcoded array. Population data is loaded from a CSV via `d3.csv`, formatted with `d3.format`, and rendered on a yellow background with text labels positioned using `arc.centroid`.

Ssaivinay143

84% match