title: d3.csv show "XMLHttpRequest cannot load " error
body: <p>In my code I am using <code>d3.csv</code>:</p>
  
  <pre><code>&lt;head&gt;
     &lt;title&gt;TODO supply a title&lt;/title&gt;
     &lt;meta charset="UTF-8"&gt;
     &lt;meta name="viewport" content="width=device-width, initial-scale=1.0"&gt;
     &lt;script src="https://d3js.org/d3.v3.min.js" charset="utf-8"&gt;&lt;/script&gt;
  &lt;/head&gt;
  &lt;body&gt;
      &lt;script&gt;
        d3.csv("example.csv", function(data) {
          console.log(data);
        });
      &lt;/script&gt;
      &lt;div&gt;TODO write content&lt;/div&gt;
  &lt;/body&gt;
  </code></pre>
  
  <p>The CSV is called "example.csv" 
  containing: </p>
  
  <pre><code>Year    Make
  1997    Ford
  2000    Mercury
  </code></pre>
  
  <p>But, when I run the program I get the following error message:</p>
  
  <blockquote>
    <p>d3.v3.min.js:1 XMLHttpRequest cannot load 
    example.csv. Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, https, chrome-extension-resource.</p>
  </blockquote>
  
  <p>How can I fixed it?</p>