title: create bar chart with D3
body: <p>Hi everyone I am starting with D3.JS, and I want to show a bar with the temperature of a place.</p>
  
  <p>This is my code</p>
  
  <pre><code>json_url= "https://data.cityofchicago.org/resource/7edu-s3u7.json";
  var all_name_station = ["63rd Street Weather Station", "Foster Weather Station", "Oak Street Weather Station"];
  var one_name_station = ["63rd Street Weather Station"];
  
  var width = 900;
  var height = 400;
  
  $(document).ready(function(){
      d3.json(json_url, function(data) {
      var canvas = d3.select("body")
        .append("svg")
        .attr("width", width)
        .attr("height", height);
  
  
       one_name_station.forEach(function(station_item){
                  data.forEach(function(item_data){
            if (item_data["station_name"] == station_item){
                  //console.log(item_data);
              canvas.selectAll("rect")
                      .data(item_data)
                  .enter()
                      .append("rect")
                    .attr("width", function(d) {return d.air_temperature;})
                    .attr("height", 50)
                    .attr("y", function(d,i){return d;})
                    .attr("fill", "blue");
             }
          });
       });
      });
   });
  </code></pre>
  
  <p>I take my data from JSON, there are many station but I start only represente the data for <code>"63rd Street Weather Station"</code></p>
  
  <p>But my problems is that this code don't return nothing. You can try <a href="https://fiddle.jshell.net/maitep/z2k92g8o/" rel="nofollow noreferrer">here</a></p>
  
  <p>What I missing!</p>
  
  <p>Thanks in advance</p>