Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    text
    copied!<p>The problem is that you are serving D3 with the ISO-8859-1 character encoding (often the browser default), whereas D3 must be served with UTF-8 encoding. Typically this happens because you are missing a meta tag at the top of the loading HTML page:</p> <pre><code>&lt;!DOCTYPE html&gt; &lt;meta charset="utf-8"&gt; </code></pre> <p>The meta-specified charset is required because <a href="http://d3js.org" rel="noreferrer">d3js.org</a> is served by <a href="http://pages.github.com/" rel="noreferrer">GitHub Pages</a> and does not specify a charset in the Content-Type response header. The charset is therefore inferred from the loading HTML document. </p> <p>If you prefer, you can specify a charset attribute on the script tag. Make sure you clear your browser cache before testing, as the cached copy will retain the character encoding from when it was originally accessed:</p> <pre><code>&lt;script src="http://d3js.org/d3.v3.js" charset="utf-8"&gt;&lt;/script&gt; </code></pre> <p>The error does not occur with the minified version because the variable names are replaced with ASCII equivalents. (I don't recall offhand if UTF-8 characters in format strings are likewise replaced with escape sequences, but I still recommend serving D3 as UTF-8 in all cases.)</p> <p>Encoding problems can also happen if you downloaded D3 by viewing the source in your browser and then using copy-paste, which is why I recommend downloading <a href="http://d3js.org/d3.v3.zip" rel="noreferrer">d3.v3.zip</a>.</p>
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload