title: Unable to load json data file in d3.js
body: <pre><code>&lt;!doctype html&gt;
  &lt;html&gt;
  &lt;head&gt;
  &lt;title&gt;Transitions  Tutorial&lt;/title&gt;
  &lt;script src="https://d3js.org/d3.v4.min.js"&gt;&lt;/script&gt;
  &lt;/head&gt;
  &lt;body&gt;
      &lt;script&gt;
  
      d3.json("myData.json",function(data){
  
      var canvas= d3.select("body").append("svg")
                                  .attr("width",500)
                                  .attr("height",500);
          canvas.selectAll("rect")
                          .data(data)
                          .enter()
                              .append("rect")
                              .attr("width",function(d){return d.age*10;})
                              .attr("height",48)
                              .attr("y",function(d,i){ i*48;})
                              .attr("fill","blue");
      })
  
  
      //console.log(d3);
  
  
      &lt;/script&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>the following html is to extract data from json file myData.json
  I am getting this error message :"Failed to load file:///D:/Java/D3_DEMO/myData.json: Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, https."</p>