Fork of ICE5_SUBHASH

100%

Fork of ICE5_SUBHASH

✓ Published0🌍 Public

Last edited Oct 20, 2025

Created on Oct 20, 2025

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.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

ICE5_SUBHASH

This example visualizes YouTube channel analytics across weekly data, combining bar charts for total views with an overlaid line graph for watch time in hours, using dual y-axes to compare the metrics. The SVG chart is rendered with D3 v7, and bars animate their height upward via a transition, while the line draws itself using stroke-dasharray and the curveMonotoneX interpolator. Tooltips provide detailed per-week values, and the dataset is loaded from a remote CSV file.

SSubhash

91% match

Loading thumbnail…

Fork of HTML Starter-ic6

This scatter plot visualizes YouTube channel analytics, mapping total views on the x-axis against watch time in hours on the y-axis. Each circle represents a week of data, with hover interactions revealing a tooltip containing additional metrics like likes, comments, and subscriber gains. The visualization uses d3.scaleLinear for axes and d3.axisBottom/axisLeft for tick marks, while circles animate into place via d3.transition. Data is loaded from a remote CSV file using d3.csv, and the SVG rendering incorporates a dark theme with responsive sizing.

SSubhash

89% match

Loading thumbnail…

Fork of BARCHART-SUBHASH

This animated bar chart displays YouTube Channel Analytics, tracking weekly views alongside likes, comments, watch time, and subscriber gains. Built with D3 v7, it fetches CSV data from a GitHub Gist and renders an SVG with red rounded bars that grow from the baseline. The chart uses `d3.scaleBand` and `d3.scaleLinear` for axes, `transition` to animate bar heights, and a custom tooltip on mouse events, all styled with hover effects on a dark theme.

SSubhash

84% match

Loading thumbnail…

SCATTER PLO SUBHASH

A reusable scatter plot built with D3.js visualizes YouTube channel analytics, mapping metrics like views, likes, and watch time onto x and y axes. An animated loop rotates the x-axis dimension every two seconds, letting users explore correlations across five variables. The SVG renders circles positioned via `d3.scaleLinear` and `d3.extent`, with axes from `d3.axisLeft` and `d3.axisBottom`. Data is loaded from a CSV gist, normalized, and parsed with `d3.csvParse` and `d3.text`.

SSubhash

81% 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…

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

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

79% match

Loading thumbnail…

Fork of ICE-7 Area Chart

This area chart visualizes YouTube annual users from 2006 to 2012, combining a smooth line and filled area to show growth trends. The visualization uses D3 v5 with `scaleLinear`, `axisBottom`, `axisLeft`, and the `area` and `line` generators with `curveBasis` for smoothing. Data is loaded from a CSV via `d3.csv`, with year and user values parsed as numbers. The SVG renders axes with colored gridlines and labels, while the line and area paths are styled separately in CSS.

Aajaysonu

79% match