Fork of Fork of pie chart

100%

Fork of Fork of pie chart

✓ Published0🌍 Public

Last edited Oct 27, 2025

Created on Oct 27, 2025

This pie chart shows the distribution of posts across platforms (Twitter, Facebook, Instagram, YouTube, Reddit) using data from a CSV file. It displays both the count and platform name directly on each slice, with a legend to the right for clear identification. The visualization is built with D3.js v7, using `d3.pie()` to compute the arc segments and `d3.arc()` for the slice geometry, while `d3.scaleOrdinal()` with `d3.schemeTableau10` assigns colors. Data aggregation relies on `d3.rollup()` to count platform occurrences, and the SVG output reserves extra canvas space for the legend.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Fork of D3 Starter

This example shows the distribution of social media posts across platforms with a pie chart, displaying the number of posts per platform. The visualization computes platform counts from a CSV file using `d3.rollup`, then renders slices with `d3.pie` and `d3.arc`, filling each segment with a color from `d3.scaleOrdinal` and `d3.schemeTableau10`. Platform labels are positioned at each slice’s centroid. The SVG is created with D3 v7, and the chart includes a bold title, with a white stroke separating the slices.

Yyazneshpara2@gmail.com

90% match

Loading thumbnail…

Fork of Fork of ICE - 7 Pie chart

This pie chart visualizes survey responses about people’s preferred social media platforms, displaying each category’s percentage share. The chart uses D3.js v5 with SVG rendering, fetching CSV data via `d3.csv` and constructing arcs with `d3.pie()` and `d3.arc()`. Each slice is labeled with its percentage, and a legend lists the platform names alongside color swatches and values. Colors are assigned using `d3.scaleOrdinal`, while text formatting relies on `d3.format`.

Ppremsaiv

86% match

Loading thumbnail…

Fork of Fork of Pie Chart

This visualization displays people's top choices for social media usage as a pie chart, with each slice labeled by its percentage value. The code loads a CSV file from a Gist URL using `d3.csv` and renders the chart in SVG using D3 v5. The pie chart is drawn with `d3.pie` and `d3.arc`, with colors assigned via `d3.scaleOrdinal`. Legends at the right show each category with its name and corresponding percentage, also formatted using `d3.format`.

RRahulSai05

85% match

Loading thumbnail…

Fork of a7 q1

This pie chart visualizes the distribution of website share among five platforms—Facebook, Google, Instagram, YouTube, and Yahoo—using a small, 100-pixel-square canvas. It demonstrates the Chart.js library’s pie chart type, configured with custom colors and a top legend, and includes tooltips that display each platform’s raw value. The data is hardcoded into the script, with values ranging from 80 to 700, and the chart is rendered directly to the canvas element via the Chart constructor.

Aamshureddy13@gmail.com

83% match

Loading thumbnail…

ICE - 7 Fork of Pie chart

This chart uses a pie chart to display the percentage of usage for the most common social media platforms, based on data fetched from a CSV file. Built with D3 v5, it uses the `pie` and `arc` functions to generate the pie geometry and `scaleOrdinal` to map discrete colors to each segment. The visualization labels each slice with its percentage and includes a legend with the platform name and corresponding value. The SVG is rendered with an HTML interface, and all data is loaded asynchronously via D3’s `csv` function.

Kkirangithub23

82% match

Loading thumbnail…

Fork of Pie chart Test

This visualization displays a basic pie chart of browser usage shares, with segments colored by a sequential ordinal scale and labeled with their names. The chart is rendered as an SVG using D3 v6, with data hardcoded in the script rather than loaded from the included CSV file. The code uses `d3.pie()` to compute arc angles, `d3.arc()` to generate path data, and `d3.scaleOrdinal()` for color mapping, while labels are positioned using an inner arc's centroid. The SVG is centered via CSS, and the visualization is based on a tutorial by FrontendTips.

SSonuSriN

82% match

Loading thumbnail…

Fork of ICE - 7 Pie chart

This pie chart visualizes survey respondents’ top choices for social media usage, with each slice labeled by its percentage and a matching color-coded legend. The chart is built with D3 v5, using `d3.pie` and `d3.arc` to generate the paths and `d3.scaleOrdinal` to assign categorical colors. Data is loaded asynchronously from a CSV via `d3.csv` and rendered as SVG. The code also employs `arc.centroid` to position the percentage labels directly on each slice, while the legend pairs colored rectangles with social media names and values.

RRahulSai05

82% match

Loading thumbnail…

Internet Pie Chart

A pie chart displays the distribution of user counts across three internet platforms: Instagram at 41, Facebook at 29, and YouTube at 29. The visualization uses D3.js v7 to compute the pie layout via `d3.pie()` and renders each slice as an SVG path with `d3.arc()`. Platform names are placed at each slice's centroid, and a separate HTML legend maps platform labels to their corresponding colors from `d3.schemeCategory10`. The chart is drawn inside a 500×500 pixel SVG element with margins applied to the radius calculation.

BBhanuGadde@my.unt.edu

82% match