I want to create a youtube livestreaming heatmap for the times in which I started streaming. I have not decided which frameworks to use for the visualization, so you will help me with this. I do understand the way in which the information will be pulled and that’s using Youtube APIs like so.

API_Key

AIzaSyADeGsV-FKpAa-RpVJWyJA9AMjETc5BwTE

Channel ID

UCIBKxc6gad64c04ML9y3p0Q

Requesting List of Livestream Videos from Channel (Input)

GET https://www.googleapis.com/youtube/v3/search?part=snippet&channelId=UCIBKxc6gad64c04ML9y3p0Q&maxResults=50&order=date&type=video&key=AIzaSyADeGsV-FKpAa-RpVJWyJA9AMjETc5BwTE

*if the results are more than 50 ⬇️

GET https://www.googleapis.com/youtube/v3/search?part=snippet&channelId=UCIBKxc6gad64c04ML9y3p0Q&maxResults=50&order=date&type=video&pageToken=NEXT_PAGE_TOKEN&key=AIzaSyADeGsV-FKpAa-RpVJWyJA9AMjETc5BwTE

Requesting List of Livestream Videos from Channel (Output)

From this we get a list of VIDEO_ID_LIST that we want to get further information from.

Ex: IXGQoocrVbA,BYxyzLUrgP8,m01towr3r3w,1cdwUbc3IHs

Requesting Information from Specific Video IDs (input)

GET https://www.googleapis.com/youtube/v3/videos?part=snippet,liveStreamingDetails&id=IXGQoocrVbA,BYxyzLUrgP8,m01towr3r3w,1cdwUbc3IHs&key=AIzaSyADeGsV-FKpAa-RpVJWyJA9AMjETc5BwTE

The end result will be a page in html showing a heatmap that uses javascript for the API calls.