We will use this icon to mark check points.
A check point is a way for you to check how you are doing.

For most of the steps in this tutorial we will
provide the code as it should look after the task. It is tempting, we
know, but please, please, do not go for the “copy&paste” way.

We will use this icon to challenge you
with additional code-related tasks so you can go further at your own
pace. No inline answer will be provide for those challenges but we will
give you some guidelines and tips. By the way, within the instructions
we will use an italic font to refer to variables and pieces of code.

We will use this icon to ask you some questions related to the task your are working on.

Additional info and resources - this is not essential to complete the tutorial, but very interesting.

Tips that might help you on this task.

If you are following this tutorial as part of a workshop, do not hesitate to
raise your hand and share any questions or comments you may have.
If you are doing it by your own, you still can raise your hand in our
mailing list, just join our Google Group.

This is a list of common scenarios you might face - may this list be with you.

You need to add the “xhr” module in the exposed section of the snippet configuration.
Instead of “xhr”, you could also use jQuery.load, or d3.csv etc.
Consider you structured your files like the following:

|- data
| - dataset.tsv
|- examples
| - simple.js

In this example dataPath would be ../data/dataset.tsv (or /data/dataset.tsv).
You need to create the data folder yourself, but the naming is up to you.