Fork of pie chart

100%

Fork of pie chart

✓ Published0🌍 Public

Last edited Oct 25, 2025

Created on Oct 25, 2025

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.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of pie chart

A pie chart displays the GDP distribution of the top ten countries, with each slice proportionally sized and labeled with the country name, alongside a legend. The D3.js code (v7) uses `d3.pie()` to compute arc data and `d3.arc()` to generate SVG paths, with `d3.scaleOrdinal` assigning colors. A separate SVG legend lists countries with color swatches. The hardcoded dataset is embedded directly in the JavaScript.

Nnitishsurneni@gmail.com

89% match

Loading thumbnail…

Fork of Pie chart-ice-7

This visualization shows the top 10 countries by monthly farming output using a pie chart, with each slice labeled by country name and a legend displaying exact dollar amounts. The chart renders in SVG, fetching CSV data from a GitHub gist and parsing it with d3.csv. It uses d3.pie() to compute arc angles, d3.arc() for the path and label positioning via centroid, and d3.scaleOrdinal() to map a fixed color palette. Text elements use white fill per the CSS, though labels are overridden to black.

SSaiipriiya

87% match

Loading thumbnail…

Fork of Fork of Pie chart-ice-7

This example visualizes the top 10 countries by monthly farming profits using a pie chart created with D3 v5. The code loads CSV data from a GitHub gist, parses the profit values, and renders each country as a colored arc segment with company name labels. It uses d3.pie to generate the angular data, d3.arc for the path geometry, and d3.scaleOrdinal to assign colors. A legend on the right displays each country’s name and formatted profit amount, while all elements are drawn as SVG.

Kkarumanchimanasa

87% match

Loading thumbnail…

Fork of piechart ic7

This example shows global fruit production by country for 2019, displaying each nation’s total value as a slice of a pie chart with an adjacent legend listing country names and corresponding quantities. The visualization uses D3 v5’s `pie` and `arc` generators to compute and draw the SVG paths, with `scaleOrdinal` mapping categories to a fixed color palette. Data is loaded asynchronously via `d3.csv` from a GitHub Gist, and the code formats the numeric values using `d3.format` before rendering the chart and legend inside an SVG container.

Ssiddu7147

86% match

Loading thumbnail…

Fork of Fork of PIE CHART

This example visualizes country-level data over time as a multi-line chart, with each line representing a country’s values across a series of years. The chart is rendered in SVG using D3 v7, fetching data from a CSV file via `d3.csv`. It employs `d3.scaleLinear` for both axes, `d3.line` to generate the paths, and `d3.axisBottom` and `d3.axisLeft` for tick marks, with rotated x-axis labels for readability. Each country’s line is colored using `d3.schemeCategory10`.

Mmukundakrishna.r@gmail.com

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

86% match

Loading thumbnail…

Fork of Fork of countries

This example displays a pie chart of sales records, with each slice representing data grouped by country. The visualization renders using SVG and reads its data from a CSV file hosted online via `d3.csv`. The code uses `d3.pie`, `d3.arc`, and `d3.scaleOrdinal` to generate the slices and assign colors to each segment. Each slice is labeled with its value, and a legend is drawn on the right side. The chart is generated by fetching data with `d3.csv` from a provided URL, then iterating through the records to sum the `orderdate` values for the total.

NNaimisha-M

85% match

Loading thumbnail…

Fork of Pie chart

This visualization uses a D3 pie chart to display the top 10 countries by population in 2022. The code fetches data from a GitHub-hosted CSV file and renders the chart as SVG. Each slice is labeled with its population value in thousands, and a legend on the right side pairs country names with their corresponding values and color swatches. The chart uses D3’s `pie()`, `arc()`, and `scaleOrdinal()` APIs to compute slice angles, generate arc paths, and assign colors, respectively.

Ppavankalyan1507

85% match