Edit in JSFiddle

const request = new XMLHttpRequest();
request.open("GET", "https://api.datacommons.org/stat/series?place=geoId/06&stat_var=Count_Person_Male", false /* async */ );
request.send();

if (request.status == 200) {
  let result = JSON.parse(request.responseText);
  console.log(result);
  const table = document.getElementById("result");
  for (const date of Object.keys(result["series"])) {
    const row = document.createElement("tr");
    const dateCell = document.createElement("td");
    dateCell.textContent = date;
    const valueCell = document.createElement("td");
    valueCell.textContent = result["series"][date];
    row.appendChild(dateCell);
    row.appendChild(valueCell);
    table.appendChild(row);
  }
} else {
  console.log("There was an error fetching data.");
}

<p>
  Count_Person_Male in <a href="http://datacommons.org/place?dcid=geoId/06">geoId/06</a>:
</p>
<table id="result">
  <tr>
    <th>Date</th><th>Value</th>
  </tr>
</table>