ICE5_SUBHASH

100%

✓ Published1🌍 Public

Last edited Oct 20, 2025

Created on Oct 6, 2025

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.

AI-generated description

MIT Licensed

Similar vizzes

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

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

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…

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

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

80% match

Loading thumbnail…

ICE 7 Line Chart

This visualization is a line chart that displays the number of YouTube channels per year. The chart uses a brown, smooth line to connect data points, with labeled axes for "Year" and "Channel_Count". The visualization is rendered using D3 v5, specifically using `d3.scaleLinear`, `d3.axisBottom`, `d3.axisLeft`, `d3.line`, and `d3.curveBasis` to generate the line. Data is loaded from a remote CSV file hosted on GitHub, and the chart is drawn as an SVG.

MMahitha-Moparthi

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

79% match

Loading thumbnail…

ICE 7 Area Chart

This area chart displays the number of YouTube channels per year, with the x-axis representing years and the y-axis showing channel counts. The visualization uses D3 v5’s `scaleTime`, `scaleLinear`, `area`, and `curveBasis` functions to generate a smooth, filled path rendered as SVG. The chart includes labeled axes, a title, and a dark goldenrod fill for the area. Data is loaded from a CSV file hosted on GitHub Gist, parsed with `Date` and numeric conversions, and styled via CSS classes for the path, title, and axis labels.

MMahitha-Moparthi

78% match