This tutorial will cover intermediate level techniques for visualizing the data. You will learn how to effectively create, update, and manipulate with visual layouts. We assume you already know the basics of web programming and that you've had the opportunity to explore various visualizations created with "D3.js". However, in case you need to familiarize yourself with some of the concepts, please check the prerequisites listed below.
Go to the Chapters page.
WebStorm
- Install a code editor: https://www.jetbrains.com/webstorm/
- Free educational license can be obtained here: https://www.jetbrains.com/student/
If you prefer, you are free to use your own IDE.
Prerequisites
Course outcome
After completion of this tutorial you will be able to handle:
- Interactive charts and plots
- Dynamic visualization updates
- Transformations and animations
- Selections and brushing
- Maps
- Advanced layouts
This tutorial uses material from CS171 - Visualization Class at Harvard University: http://www.cs171.org/2016/index.html