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

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 the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.