Fork of piechart

100%

Fork of piechart

✓ Published0🌍 Public

Last edited Mar 25, 2025

Created on Mar 25, 2025

This fork of a pie chart visualizes Tokyo 2020 gold medal counts by country, displaying each nation’s share as a percentage label inside its slice. The chart loads CSV data via `d3.csv`, computes percentages, and renders SVG paths using `d3.pie()` and `d3.arc()`, with `d3.scaleOrdinal(d3.schemeCategory10)` for colors. A legend lists countries with their percentage values, while text elements with `tspan` lines show country names and percentages on each slice.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Pie Chart

This fork of a pie chart visualizes the top 10 countries by medal count, with each slice and corresponding legend colored by a manually specified scaleOrdinal range. The code loads CSV data from a GitHub gist via `d3.csv`, then uses `d3.pie` and `d3.arc` to generate the SVG paths, while `d3.scaleOrdinal` assigns colors and the legend is built with appended SVG rectangles and text elements. The total sum of medals is computed but not displayed in the chart itself.

Nnagamaheswar

85% match

Loading thumbnail…

Fork of Pie Chart

This fork of a pie chart displays the top 10 medal-winning countries from a CSV file of Olympic medal counts, with a legend listing each country’s name and total. The visualization uses D3 v5’s `pie` and `arc` generators to compute and render the SVG paths, while `scaleOrdinal` maps medal values to a categorical color palette. Data is loaded asynchronously via `d3.csv`, and the chart is drawn with SVG circles and text elements in the D3 selection style.

Aakhil kata

85% match

Loading thumbnail…

Fork of D3 Pie Chart - 11641166

This example visualizes the top 10 countries from the 2020 Summer Olympics dataset by total medals using a pie chart rendered in SVG. Each slice’s fill color and the labels are mapped from the medal totals via `d3.pie`, `d3.arc`, `d3.scaleOrdinal`, and `schemeTableau10`. A legend lists each country with a color swatch and medal count. Data is loaded asynchronously from a CSV using `d3.csv`, sorted descending, and the chart updates with mouseover logging.

JJasvitha Allamsetty

84% match

Loading thumbnail…

Fork of D3 Pie Chart - 11641166

This example shows the medal counts of the top 10 countries from the 2020 Summer Olympics as a pie chart, with a legend listing each country and its total medal count. The chart is rendered as an SVG using D3 v7, with the pie layout (`d3.pie`) and arc generator (`d3.arc`) creating the segments, while `d3.scaleOrdinal` with `schemeTableau10` assigns colors. Country and medal data are loaded from a CSV file, sliced to the top 10, and displayed with mouseover logging of values.

JJasvitha Allamsetty

83% match

Loading thumbnail…

Fork of Fork of Pie Chart

This visualization displays city population data as a pie chart, with each slice colored distinctly and accompanied by a legend showing city names and population counts. Built with D3 v5 and rendered as SVG, it uses `d3.pie` and `d3.arc` to compute and draw the pie segments, while `d3.scaleOrdinal` assigns colors. Data is loaded from a CSV file via a gist URL using `d3.csv`, and the chart positions the pie with a fixed translation and labels with custom text elements.

Ttejaswikalluri05

83% match

Loading thumbnail…

Fork of pie chart

A fork of a pie chart visualizes the share of agriculture in GDP for ten countries from a local CSV file. Each slice’s angle encodes the percentage value, with hover effects increasing slice opacity. The visualization uses D3.js v7’s `d3.pie`, `d3.arc`, and `d3.scaleOrdinal` with the Tableau10 color scheme. Country labels are positioned at slice centroids, and a legend clarifies the mapping between colors and country names with their percentages.

Kkoppulasudhakar03@gmail.com

83% match

Loading thumbnail…

Fork of Pie Chart

This fork of a pie chart visualizes population distribution by continent using a categorical color scale and labeled slices. The D3.js code loads CSV data from a GitHub gist, applies `d3.pie` to compute arc angles, and renders the result as SVG paths with `d3.arc`. Text labels are positioned at each slice’s centroid using `arc.centroid`. The chart is centered within a fixed 500×500 SVG canvas, with white stroke separators between slices and a clean, bordered container styled by CSS.

Ssumanthpenna0221@gmail.com

82% match

Loading thumbnail…

Fork of pie chart

A pie chart displays the 2022 world population share by continent, aggregated from a CSV file with `d3.csv`. Each slice uses a Tableau10 color from a `d3.scaleOrdinal` and shows the percentage, while a side legend lists continent names with total population and percentage. The chart is rendered as SVG using `d3.pie` and `d3.arc`, with text labels positioned via `outerArc.centroid`.

MMd Fahimul Kabir Chowdhury

81% match