Skip to main content
SimilarExport ZIP
100%

subahsh_PieChart

✓ Published0🌍 Public
SSubhash
Last edited Oct 27, 2025
Created on Oct 27, 2025
Forked from Spotify_PieChart

This pie chart visualizes YouTube channel analytics, categorizing weeks by watch time into low, medium, and high buckets based on data-driven quantiles. It uses D3.js version 6.7.0, loading CSV data and employing the reusable `pieChart()` function with configurable dimensions, inner radius for a donut style, and a legend. The chart displays labels and a legend title, rendering the distribution of weekly watch time hours through an SVG.

AI-generated description
MIT Licensed

Similar vizzes

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
90% 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
88% match
Loading thumbnail…

subhash-linechart

This line chart visualizes weekly YouTube channel analytics, specifically tracking watch time in hours across 52 weeks. The chart uses D3 v7 scaleLinear, line, axisBottom, and axisLeft APIs to render the time-series data. Raw CSV data is fetched from a GitHub gist, parsed, and normalized before being bound to a steelblue line path. The SVG output includes labeled axes for weeks and watch time, with the x-axis formatted to display week numbers.

SSubhash
82% match
Loading thumbnail…

subhash-areachart

This area chart visualizes YouTube channel analytics, plotting watch time in hours across weekly data points. The visualization combines a filled area path with a steelblue outline line to emphasize trends in the time-series data. Built with D3 v7, the reusable `areaChart` component uses `scaleLinear` for both axes, `d3Area` and `d3Line` for path generation, and `axisBottom`/`axisLeft` for tick rendering. Data is loaded from a CSV hosted on GitHub Gist and parsed with `csvParse`. The chart renders responsively to the full window size using SVG.

SSubhash
82% match
Loading thumbnail…

Fork of ICE5_SUBHASH

This scatter plot visualizes YouTube channel analytics, showing the relationship between total views and watch time in hours across multiple weeks. Built with D3.js v7, it converts CSV data into a clean SVG chart with animated bubbles that grow into place. Hover interactions reveal a detailed tooltip containing weekly metrics like likes and subscriber gains. The visualization uses D3's scale functions for axis mapping, autoType for parsing, and transition methods to animate the dots.

SSubhash
79% 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
78% match
Loading thumbnail…

Pie Chart 11551417

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.

SSrujana390
77% match
Loading thumbnail…

Spotify_PieChart

A donut chart visualizes Spotify listening habits by bucketing weekly skipped-song counts into Low (≤5), Medium (6–10), and High (≥11) categories, using a reusable `pieChart` module. The SVG renders slices via D3’s `pie` and `arc` generators, with leader lines, percentage labels, and a legend. Data comes from a CSV Gist, parsed and aggregated in `index.js`. The component exposes setters like `.width()`, `.data()`, and `.valueAccessor()` for customization, and uses a Tableau 10 color scale for slice fills.

Cchandanamahesh0215@gmail.com
77% match