Simplest D3.js example not working

d3.js, javascript

Solution

You are missing the character set in your HTML page. Add something like this:

<meta charset="utf-8">

The un-minified source of D3 includes the actual symbol for pi, which confuses the browser if the character set is not defined.

Problem

I have this in my `index.html` file but it does not show the paragraph that I want to add with `D3` ``` <!DOCTYPE html> <html> <head> <title> D3 page template </title> <script type="text/javascript" src = "d3/d3.v3.js"></script> </head> <body> <script type="text/javascript"> d3.select("body").append("p").text("new paragraph!"); </script> </body> </html> ``` The path to where I am referencing `D3.js` should be correct because if I do an inspect element in the browser I can click on the `D3` link and it takes me to its source code.

Original source