Fork of Fork of Pie chart-ice-7

100%

Fork of Fork of Pie chart-ice-7

✓ Published1🌍 Public

Last edited Mar 12, 2023

Created on Mar 12, 2023

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.

AI-generated description

MIT Licensed

Similar vizzes

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

96% match

Loading thumbnail…

Pie chart-ice-7

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.

SSaiipriiya

94% match

Loading thumbnail…

Fork of Pie chart

A pie chart displays the top 10 countries by population in 2022, with each slice labeled in thousands and accompanied by a legend showing country names and values. The chart uses D3 v5 to load CSV data via `d3.csv`, compute slice angles with `d3.pie`, and generate SVG paths with `d3.arc`. A `d3.scaleOrdinal` maps population values to a preset color array. Text labels are positioned using the arc centroid, while the legend is built with appended rectangles and text elements.

MMalempatiSaranya

90% match

Loading thumbnail…

Fork of Fork of Pie chart

This example shows the top 10 countries by population in 2022 using a pie chart with a side legend. The SVG rendering uses d3.pie and d3.arc to generate colored segments, with population values labeled in thousands on each slice. A scaleOrdinal maps section colors, and the chart draws from a CSV dataset hosted on GitHub. The legend lists each country with its corresponding population value, and the page uses a light yellow background with a blue title.

Ppravallikayaram12

89% match

Loading thumbnail…

Fork2 of Pie chart

This visualization displays the top 10 most populous countries in 2022 as a pie chart, with each slice labeled in thousands and a legend listing country names and population values. Using D3 v5, the code fetches CSV data via `d3.csv`, computes the pie layout with `d3.pie`, and draws SVG paths with `d3.arc`. Slice colors come from `d3.scaleOrdinal`, and text labels are placed using `arc.centroid`. The chart renders in an SVG canvas with a light yellow background and includes a manual legend built from the same data.

Ppravallikayaram12

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

88% match

Loading thumbnail…

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.

PPrathyusha0304

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

88% match