Skip to main content
SimilarExport ZIP
100%

Fork of Fork of PIE CHART

✓ Published1🌍 Public
Vvemuri.vaishnavi27@gmail.com
Last edited Apr 1, 2025
Created on Apr 1, 2025

This example visualizes the distribution of fixed acidity in a wine quality dataset, categorizing values into low, medium, and high ranges. It uses a pie chart with labeled slices and a color-coded legend to show the relative counts in each category. Built with D3 v7, the code loads CSV data via `d3.csv`, processes it with array methods, and generates the chart using `d3.pie` and `d3.arc` for the slices, while `d3.scaleOrdinal` assigns slice colors. The visualization renders as SVG.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Reusable pie chart

This example is a reusable pie chart that visualizes categorical data from a CSV file containing wine characteristics. It shows how each category's proportion is represented as a slice of the pie, with labels positioned at each slice's centroid and a color scale applied via `d3.scaleOrdinal` with the `d3.schemeCategory10` palette. The chart is rendered as an SVG using D3 v7, with pie geometry computed through the `d3.pie` and `d3.arc` APIs. Hovering over a slice triggers a brief animation that expands the arc outward using D3 transitions, providing interactive feedback. The data is loaded asynchronously via `d3.csv`, and numeric values are converted before the slices are appended.

Vvaishnavgck@gmail.com
86% match
Loading thumbnail…

Fork of Fork of ice-7 q2

This example displays a pie chart with labeled slices, where each slice’s color corresponds to a categorical label and its size reflects a numeric value. The visualization is rendered as static SVG using D3.js v6, with the chart centered in a 500×500 viewport and slice labels placed at each arc’s centroid. Data is loaded asynchronously from a remote JSON file via `d3.json`. The chart uses `d3.pie` to compute arc segments, `d3.arc` for path geometry, and `d3.scaleOrdinal` with `d3.schemeCategory10` to assign colors.

Bbhargavinalamothu@gmail.com
85% 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
85% match
Loading thumbnail…

Fork of pie chart

A fork of a pie chart example visualizes COVID-19 case data from a CSV file, showing three categories (Infected, Recovered, Died) as colored slices with proportional labels and a legend. The D3 v5 code uses `d3.csv` to load the data, `d3.pie` to compute arc segments, and `d3.arc` with an inner radius of zero to generate the paths. Slice colors come from `d3.scaleOrdinal` with a manual range, and text labels are positioned using the arc’s centroid method. The SVG output is centered within a 980×550 canvas.

Ddandudivya98@gmail.com
83% match
Loading thumbnail…

Fork of pie chart

This example shows a categorical distribution as a pie chart with a legend. It visualizes five categories with varying values, each slice labeled directly and represented by a distinct color in a separate legend. The chart is built using D3 v6, leveraging `d3.pie` and `d3.arc` generators to compute slice geometry, while `d3.scaleOrdinal` assigns the categorical color scheme. The SVG output is generated from hardcoded data, with the pie centered within a 500-pixel square and a custom-styled HTML legend positioned beside it.

Ssathvik0311@gmail.com
83% match
Loading thumbnail…

Fork of pie chart

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.

Bbharathavulapati@gmail.com
83% 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
83% match
Loading thumbnail…

Fork of pie chart

This fork of a pie chart visualizes categorical data as a donut-style ring with an accompanying legend. The code uses D3 v7 and renders the chart by mapping input data to arc paths via `d3.pie` and `d3.arc`, with each slice colored distinctly and a legend showing stroke outlines. The chart provides a static, non-interactive view of proportional shares, with text labels absent and only the legend indicating categories.

Ssaiabhishekmunnangi@gmail.com
83% match