Fork of HTML Starter-ic6

100%

Fork of HTML Starter-ic6

✓ Published0🌍 Public

Last edited Oct 20, 2025

Created on Oct 20, 2025

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.

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

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

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

82% match

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

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

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

79% match

Loading thumbnail…

Fork of ICE-6: Rendering Marks and Channels with React & D3

This visualization shows the top 15 YouTube channels by follower count using horizontal bars. The chart renders an SVG with D3 scales for positioning, while React manages the component state and lifecycle. Data is loaded asynchronously via d3.csv from a GitHub-hosted CSV file, with the d3.scaleBand and d3.scaleLinear APIs mapping channel names and follower values to screen coordinates. A custom grid of tick marks and labels is drawn manually rather than using d3.axisBottom.

IIndhuKrishnaraj

79% match

Loading thumbnail…

Fork of Refactored Bar Chartasd

This example renders a scatterplot of YouTube channel data, plotting channels along the x-axis and their actual subscriber counts along the y-axis. The visualization uses React to structure SVG elements, with D3 v5 providing the linear scales and tick generation through `scaleLinear` and `extent`. The data is loaded asynchronously from a CSV file using `d3.csv` in a custom `useData` hook. Axes are built manually from scale ticks, while the marks are ten-pixel-radius circles positioned via the scales. The source data comes from a GitHub gist containing channel statistics.

AAhmeTyAtakan

78% match