Skip to main content
SimilarExport ZIP
100%

Pie Chart 11551417

✓ Published0🌍 Public
SSrujana390
Last edited Mar 30, 2023
Created on Mar 30, 2023
Forked from Pie Chart

This example visualizes the subscriber counts of the top ten YouTube content categories, mapping each category to a colored slice of a pie chart. The chart uses D3.js v5 APIs including `pie`, `arc`, `scaleOrdinal` with `schemeCategory10`, and `csv` to load data from a GitHub gist. Rendered as SVG in a React project, the visualization displays a legend with category names and subscriber counts, formatted with a custom number formatter that appends "m" for millions.

AI-generated description

A bare minimum HTML page demonstrating use of CSS and JavaScript.

See also React Starter.

MIT Licensed

Similar vizzes

Loading thumbnail…

ICE - 7 Pie Chart

This pie chart visualizes the top 10 YouTube channels by genre, with each slice sized according to channel count. The visualization uses D3 v5 APIs including `pie()`, `arc()`, and `scaleOrdinal()` with `schemeCategory10` for color encoding. Data is loaded from a CSV via `d3.csv` and rendered as SVG paths, with a legend showing each genre and its corresponding channel count. The code sorts the data descending before slicing the top 10 entries.

MMahitha-Moparthi
82% match
Loading thumbnail…

ice 7 piechart by umesh

This pie chart visualizes the distribution of YouTube subscriber counts by country, aggregating data from a CSV file of top creators. The chart uses D3.js v7 with SVG rendering, employing `d3.pie()` and `d3.arc()` to generate slices, `d3.rollup()` and `d3.sum()` for data aggregation, and a `d3.scaleOrdinal()` with `d3.schemeCategory10` for color encoding. Each slice displays the country name and subscriber total, with a legend positioned to the right.

Uuguggila@gitam.in
81% match
Loading thumbnail…

ice 7 shivani piechart

This pie chart visualizes the distribution of YouTube subscribers by country for the top 10 most-subscribed channels, based on data from a CSV file listing creators, subscriber counts, and country. D3.js v7 is used with `d3.csv` to load and parse the data, `d3.rollup` to aggregate subscriber totals by country, and `d3.pie` with `d3.arc` to generate the pie slices. A categorical `d3.scaleOrdinal` with `d3.schemeCategory10` colors each country, and labels are positioned using `labelArc.centroid`. An SVG legend lists countries with formatted subscriber counts.

Bbodushivani2601@gmail.com
81% match
Loading thumbnail…

Pie Chart

This example displays a pie chart visualizing Hulu users across the top 10 counties, with each slice representing the basic cost of subscriptions. The chart uses d3.pie and d3.arc to generate the segments, with d3.scaleOrdinal and d3.schemeCategory10 assigning colors. Legends are rendered as SVG rectangles and text, listing country names alongside their user counts in thousands. Data is loaded via d3.csv from a remote gist, then sorted and filtered to the top 10 entries before rendering.

SSUSHMA CHIRRA
80% match
Loading thumbnail…

piechart-subhash

This example visualizes YouTube channel analytics as an animated, reusable pie chart that cycles through five metrics—Views, Likes, Comments, Watch Time, and Subscribers Gained—every two seconds. Built with D3 v6, it uses `d3.pie` and `d3.arc` to generate slices, `scaleOrdinal` with `schemeTableau10` for colors, and includes labeled leader lines plus a legend. The chart reads data from a CSV gist, parsing numeric fields, and renders as SVG with a `setInterval` driving the metric rotation.

SSubhash
80% match
Loading thumbnail…

Pie Chart

A pie chart displays the population distribution of the top ten most populous countries, with each slice sized proportionally and color-coded via a categorical scale. The chart renders as an SVG, generated from CSV data loaded from a GitHub gist. Using d3.pie and d3.arc, the visualization constructs the circular segments, while d3.scaleOrdinal with schemeCategory10 assigns slice colors. A legend on the right lists each country with its corresponding color swatch and population value, and hovering over a slice logs the population to the console.

Bbrindapotluri
78% match
Loading thumbnail…

ICE-6 Bar Graph

This horizontal bar chart displays the number of subscribers across different content categories among the top 1000 YouTube channels. The visualization uses React with D3 v5, employing `scaleBand` for categorical y-axis positioning and `scaleLinear` for the quantitative x-axis. Data is loaded via `d3.csv` from a GitHub gist, with the top 12 categories shown. The SVG rendering includes red gridlines and text labels generated through D3’s axis tick methods, while React’s `useState` and `useEffect` manage asynchronous data loading.

SSrujana390
78% match
Loading thumbnail…

subhash_PieChart-1

This interactive donut chart visualizes YouTube channel analytics, showing the distribution of a selected metric (Views, Likes, Comments, Watch Time, or Subscribers) across the top N weeks, with remaining weeks aggregated into an "Other" slice. Users adjust the metric and slice count via dropdown and number input controls. The visualization uses D3’s `pie`, `arc`, `scaleOrdinal` with `schemeTableau10`, and `csvParse` to load and process data from a GitHub-hosted CSV file, rendering slices, leader lines, labels, and a legend as SVG.

SSubhash
78% match