How to get json key for d3.js chart?

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18

// Load the JSON data
d3.json("data.json").then(function(data) {
  // Get the keys of the JSON data
  var keys = Object.keys(data[0]);
  
  // Log the keys to the console
  console.log(keys);
  
  // Use the keys to create your D3.js chart
  // For example, you can use the keys to create the x and y scales
  var xScale = d3.scaleBand()
    .domain(keys)
    .range([0, width]);

  var yScale = d3.scaleLinear()
    .domain([0, d3.max(data, function(d) { return d[keys[0]]; })])
    .range([height, 0]);
});