Visualize Data with a Bar Chart API request Help!

Tell us what’s happening:
So I have been making the bar chart separely from the api request for now since I found it easier. In code pen I am able to get a response from the api when i bind it to a click function but when i try to load it in with the page with window onload or document onload i get this error.

A cookie associated with a cross-site resource at was set without the SameSite attribute. A future release of Chrome will only deliver cookies with cross-site requests if they are set with SameSite=None and Secure. You can review cookies in developer tools under Application>Storage>Cookies and see more details at and

I tried looking it up but am not sure how to solve this any help would be appreciated, also here is my code pen if anyone wants to take a look at it

Your code so far
window.onload = function(){
var json;

  // Add your code below this line
.then(response => response.json())
.then(data => {
    json = JSON.stringify(;
  // Add your code above this line



Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/80.0.3987.132 Safari/537.36.

Challenge: Visualize Data with a Bar Chart

Link to the challenge: