This chapter introduces the
<canvas> element, which is part of the HTML5
specification. We’ll be using
<canvas> to implement a productivity chart
for our example application. The chart will update each time the data is
changed. This will show the user how many tasks have been completed and how
many remain unfinished. We’ll also add some shadowing and gradient effects
to give our charts a more polished look.