Chapter 2. JavaScript and HTML5 for Visualizations

In the previous chapter I mentioned that there have been some developments in HTML5 that have made visualizations far easier. This chapter is going to explore a couple of them, namely the following:

  • Canvas
  • Scalable Vector Graphics (SVG)

If you're familiar with the functionality of these two tools, you might want to give this chapter a skip.


Canvas is one of the features of HTML5 that gets the most play in technical articles and in demos. The things that can be done with canvas are very impressive, so it is no surprise that it appears so frequently. Canvas provides a low-level bitmap interface for drawing. You can think of it as Microsoft Paint in a browser. The images that are generated on the ...

Get Data Visualization: Representing Information on Modern Web now with O’Reilly online learning.

O’Reilly members experience live online training, plus books, videos, and digital content from 200+ publishers.