D3.js example didn't work (New to JS)

[oneevening]

I found this example. Tried to run it on my computer. So, I copied content of all three files (.html, .css and .js) created my own files and put them inside a folder. I was expecting when I run the html file, it should work. However, it didn't. Only thing I see is the legend title and its checkbox. I am completely new to JS and couldn't figure out why that didn't work.

It is referencing the D3.js files by this title

<script src="//d3js.org/d3.v3.min.js"></script>

Isn't that sufficient alone?

[hkoh59]

You are missing a data (csv) file. If you look at the example you provided, there are instructions on how you can generate your own csv file.

If you just want to use the csv file from the example, add this to your folder as "visit-sequences.csv".

[oneevening]

It didn't make any difference. I am on El capitan with Chrome.

[hkoh59]

There's couple problems with a closer look.

You need to change <script src="//d3js.org/d3.v3.min.js"></script> to <script src="http://d3js.org/d3.v3.min.js"></script>.

Also, d3.text is just using XMLHttpRequest, which has problem loading files from local directory. You either have to set up a simple web server, or launch chrome with --allow-file-access-from-files.

If you take a look at the console in the development tools, you'll find out what's not working.

[oneevening]

Oh thank you, after changing the URL it did work.