Fork of pie chart

100%

Fork of pie chart

✓ Published2🌍 Public

Last edited Apr 1, 2025

Created on Apr 1, 2025

A pie chart shows the total fruit yield from 2014 to 2024, with slices sized by each fruit's summed yearly values and sorted in descending order for readability. The visualization uses D3 v6's `d3.pie` and `d3.arc` to create the SVG paths, with `d3.scaleOrdinal` assigning colors from `d3.schemeCategory10`. A legend on the right maps each fruit to its colored box and total yield, built using D3's `selectAll` and `enter` operations. The underlying data comes from a CSV file fetched via `d3.csv` from a remote gist.

AI-generated description

MIT Licensed

Similar vizzes

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

89% match

Loading thumbnail…

Fork of pie chart

This fork of a pie chart shows product sales distribution for a selected year, with a dropdown menu to switch between 2018 and 2024 data. The D3 v7 code loads CSV data via `d3.csv`, uses `d3.pie()` and `d3.arc()` to generate SVG slices, and renders percentage labels for segments larger than 5%. A color scale maps product names to slices, and a legend lists each product alongside its color swatch. The chart updates in place by clearing and redrawing the SVG on each year selection.

AAmrit Adhikari

87% match

Loading thumbnail…

Fork of Pie Chart

This visualization displays a pie chart of annual values from 2010 through 2020, with each slice labeled by its corresponding year and colored using the D3 categorical color scheme. The chart is rendered as SVG within a 600x400 pixel canvas, using the `d3.pie` layout function to compute arc segments and `d3.arc` to generate the path geometries, with color assigned via `d3.scaleOrdinal`. Labels are positioned at each slice’s centroid using the arc’s centroid method.

YYashwanth0311

87% match

Loading thumbnail…

assignment-2 fork

This static pie chart shows the distribution of fruit quantities. The visualization is rendered as an SVG, with each slice labeled by its corresponding fruit name. The code loads data from a CSV file hosted on a GitHub gist using `d3.csv`. It employs `d3.pie` to compute the arc segments, `d3.arc` for the path geometry, and `d3.scaleOrdinal` with `d3.schemeCategory10` for coloring. The chart is centered within a 600x400 SVG canvas, with a title placed above the plot.

GGanesh Raju Yadav

86% match

Loading thumbnail…

Fork of pirchart

This fork of a pie chart visualizes the top five fruits by sales from a CSV dataset loaded via d3.csv. It uses d3.pie and d3.arc to generate SVG path slices, with percentage labels placed at each arc centroid. A legend built from d3.scaleOrdinal and d3.schemeCategory10 identifies the fruits, while the chart is rendered in SVG with a width of 600 pixels and includes axis-style text labels.

Ssathvik0311@gmail.com

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

84% match

Loading thumbnail…

Fork of

A pie chart displays marks for different subjects, with each slice colored and paired with a legend identifying the subject and its numeric value. The chart reads subject and mark data from a CSV file via `d3.csv`, and uses `d3.pie` and `d3.arc` to compute the slice geometry, while `d3.scaleOrdinal` assigns categorical colors. Legends are generated as SVG groups with rectangles and text, and the whole visualization is rendered as an SVG element.

Ppravalika.thogaru10@gmail.com

84% match

Loading thumbnail…

Fork of Pie Chart

This example shows a pie chart of fruit sweetness levels, with each slice labeled by fruit name and its corresponding sweetness value in a legend beside the chart. The visualization splits the data into colored segments using D3’s `pie` and `arc` generators, with colors assigned via `scaleOrdinal`. It loads CSV data from a GitHub gist using `d3.csv`, renders the chart as SVG, and displays legend entries with fruit names and formatted sweetness numbers using `d3.format`. The code uses React for component structure and D3 v5 for all data binding and visual encoding.

SSravaniPosina

84% match