Skip to main content
SimilarExport ZIP
100%

Trending YouTube Video Statistics (US Video)

✓ Published0🌍 Public
Fflanagancarlie@gmail.com
Last edited Jan 30, 2023
Created on Jan 23, 2023
Forked from Loading Data

This visualization displays a raw JSON representation of the first 1000 rows of YouTube trending video statistics from August 2020, loaded from a GitHub-hosted CSV file. The code uses d3.csvParse to fetch and parse the dataset, then d3.select to render the parsed data as formatted text within a <pre> element. The visualization demonstrates a simple data-loading workflow where the state transitions from undefined to a loading message before displaying the final array of video objects.

AI-generated description

This data set contains data on YouTube tranding videos from August 2020. The source dataset is large, so I took the first 1000 rows. Original source: https://www.kaggle.com/datasets/rsrishav/youtube-trending-video-dataset?select=US_category_id.json

In addition: The key for categoryIDs can be found here: https://www.kaggle.com/datasets/rsrishav/youtube-trending-video-dataset?select=US_category_id.json

MIT Licensed

Similar vizzes

Loading thumbnail…

Untitled

This example visualizes YouTube channel growth by plotting monthly total view and like counts as two overlaid line charts, with time on the x-axis and counts on the y-axis. It uses React with useState and useEffect for state management, d3-scaleTime, d3-scaleLinear, d3.axisBottom, d3.axisLeft, and d3.line to render the SVG chart. The data comes from the YouTube Data API v3 via GoogleLogin authentication, fetching up to 50 videos for the channel. The code groups videos by month using d3.timeMonth and sums counts with d3.sum.

HHuldahMerlinKolli
67% match
Loading thumbnail…

Spotify Top 10000 Songs

This example displays the raw contents of a Spotify top 10,000 songs dataset as a JSON-formatted text dump. It uses D3 v7’s `csvParse` to load and parse a remote CSV file from a GitHub gist, then presents the resulting array of objects directly in a `<pre>` element. The visualization demonstrates a minimal data-loading workflow, with state management to show a “LOADING” placeholder before the fetched data appears. No charts or graphical encodings are rendered; the focus is purely on data ingestion and display.

Fflanagancarlie@gmail.com
67% match
Loading thumbnail…

Line chart Youtube Users

This line chart visualizes YouTube annual users from 2006 to 2012, with the x-axis representing time (parsed as dates) and the y-axis showing user counts. It uses D3 v5’s `scaleTime`, `scaleLinear`, `axisBottom`, `axisLeft`, and `line` generator to render an SVG path, with margins, tick marks, and axis labels. Data is loaded from a CSV file via `d3.csv` from a GitHub gist, and the chart displays a red stroke line with styled tick text and a title.

Jjayanthamol99
66% match
Loading thumbnail…

ICE - 6

This example displays the top 12 YouTube channels ranked by video count as a horizontal bar chart. Using React hooks for state management and data loading, it reads CSV data from a GitHub gist via `d3.csv`. D3’s `scaleBand` and `scaleLinear` map channel names and video counts to SVG rectangles, while custom tick marks and labels draw axes without using `axisLeft` or `axisBottom`. The chart’s height is reduced by an extra 100 pixels, trimming the bottom margin. Data originates from a YouTube dataset, distinct from the UN population source mentioned in the README.

MMahitha-Moparthi
66% 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
65% match
Loading thumbnail…

Spotify Top 10,000 Most Streamed

This visualization displays the Spotify Top 10,000 Most Streamed songs dataset, highlighting the distribution of total stream counts across all tracks. It uses d3.bin to create histograms of stream totals and demonstrates data loading through d3.csvParse, fetching the dataset from a GitHub-hosted CSV file. The visualization initially shows raw JSON data in a pre element, with d3.select and d3.join handling the DOM updates. The interface relies on a state management system that transitions from undefined to LOADING to the parsed dataset array.

Jjjlaber
64% match
Loading thumbnail…

Untitled

This interactive web application analyzes YouTube channel data through several linked D3.js visualizations rendered as SVG in React. It fetches video statistics from the YouTube Data API, displaying a grouped bar chart comparing views, likes, and comment counts across recent videos, plus a scatterplot mapping tag usage frequency against total views. The code uses `d3.scaleBand`, `d3.scaleLinear`, and `d3.extent` to process and scale the data, with axis components and marks built from SVG primitives.

HHuldahMerlinKolli
64% match
Loading thumbnail…

Histogramme des pépites

This interactive histogram displays the total "nugget" scores for various YouTube channels, with each channel’s bar color-coded by author. The chart uses a grouped bar layout where each channel’s score is broken down by four reviewers, and the y-axis represents the cumulative score. Data from the CSV file is parsed with `d3.csv`, and the visualization is built with `d3.scaleBand` for the x-axis groups and `d3.scaleLinear` for the y-axis, rendered as SVG rectangles within a `<g>` element. The code also calls `d3.axisBottom` and `d3.axisLeft` to label the axes, with styling applied via CSS.

AAtomy9
64% match