Fork of Fork of ICE - 7 Pie chart

100%

Fork of Fork of ICE - 7 Pie chart

✓ Published1🌍 Public

Last edited Mar 29, 2022

Created on Mar 29, 2022

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`.

AI-generated description

MIT Licensed

Similar vizzes

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

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

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

86% match

Loading thumbnail…

Fork of Fork of pie chart

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.

Ssaiabhishekmunnangi@gmail.com

86% match

Loading thumbnail…

Fork of ICE - 7 Pie Chart

This example visualizes album data as a pie chart, showing the percentage contribution of each person to the dataset. D3 v5 loads CSV data from a GitHub URL and uses `d3.pie` and `d3.arc` to generate SVG arc segments, with `d3.scaleOrdinal` assigning categorical colors. Labels display percentages on the arcs, while a side legend lists each person and their corresponding value. The chart is rendered as static SVG, with text formatting handled by `d3.format`.

CCherukuriMilind

85% match

Loading thumbnail…

Fork of Fork of ICE - 7 Pie Chart

This pie chart visualizes the percentage contribution of each person to a song, using a dataset fetched from a GitHub-hosted CSV file. The chart displays ten differently colored slices within a circular SVG, each paired with a legend that identifies the person's name and their corresponding contribution percentage. The visualization is built with D3 version 5, using its `pie`, `arc`, and `scaleOrdinal` components to generate the chart geometry and color mapping, while a legend is constructed with SVG `rect` and `text` elements. The drawing is rendered entirely as SVG, with data loading handled through D3's `csv` parser.

Ssainitish1999

84% match

Loading thumbnail…

Fork of ICE - 7 Pie Chart

This pie chart displays the number of users across different years, with each slice colored distinctly and accompanied by a legend showing the year and corresponding user count. The visualization loads comma-separated data from a GitHub gist URL using d3.csv, then applies the d3.pie and d3.arc generators to compute and draw the SVG paths. Colors are assigned via d3.scaleOrdinal with a fixed array, while the legend uses SVG rectangles and text elements positioned with translate transforms.

SSnigdha6698

84% match

Loading thumbnail…

Fork of pie chart ICE-7

This fork of a pie chart visualizes the distribution of campus snacks by category, aggregating counts from a CSV file and displaying each category’s share with percentage labels outside the slices. It renders an SVG using d3.pie, d3.arc, and d3.rollup to aggregate data, while d3.scaleOrdinal with schemeTableau10 assigns colors. A separate HTML legend lists categories with their counts, and the tooltip shows exact values. The chart loads data asynchronously via d3.csv and uses d3.format for percentage display.

118121a1545

83% match