HTML5 Graphing And Data Visualization Cookbook by Ben Fhala

HTML5 Graphing And Data Visualization Cookbook

HTML5 Graphing And Data Visualization Cookbook

I don’t have any projects requiring graphing active web pages, and don’t foresee any future projects, but the topic is interesting to me, so I got this free book from the publisher and read through most of it. HTML 5 has added the Canvas element(s) and it also allows one to generate: static graphics, animations, and dynamic graphics (using JavaScript).

It’s not a book for beginners but I was able to follow along. Knowing that Fhala had all the code available for download was a comforting thought. He goes into a lot of detail but doesn’t repeat too often. At times I thought I would never re-invent the wheel like he had. So it was nice to read the latter chapters on Google’s Visualization toolkit, Google Maps, and InfoVis.

Fhala introduces Canvas with a number of recipes or projects such as creating flags of various counties. He goes from simple to more and more complex. Fhala covers drawing Bezier curves and shadows; hitting the highlights of what Canvas can do for the developer.

I grew up using Flash but lost interest in it. Web designers also have SVG to perform similar tasks. SVG creates vector elements, and now we have Canvas to generate bitmap images. I wish there had been a Reference section in the book, although I’m not sure how I would have formatted it.

346 pages

Amazon Book Preview of “HTML5 Graphing And Data Visualization Cookbook

Book Chapters

  1. Drawing Shapes in Canvas: To know the canvas element nothing better than start by creating graphics. In this you will learn how to draw several real flags that include details like rectangles, triangles, crosses, stars, etc.
  2. Advanced Drawing in Canvas: At first you will continue creating flags but this time with a greater difficulty: you will use arcs, curves and will integrate existent images in a canvas. Also you’ll begin to work with text and you’ll see how to manipulate your graphics pixels to create interesting effects.
  3. Creating Cartesian-based Graphs: Here the fun begins. Draw flags is fine but, what if you create something more useful? Here you’ll begin to create charts to visualize data. You’ll see bar, scatter, line charts and some more.
  4. Let’s Curve Things Up: You’ll continue creating charts but this time leaving the straight lines: you’ll see bubble, pie, radar and tree charts. I’ve loved chapters 3 and 4, are the backbone of this book.
  5. Getting Out of the Box: You’ll create new charts like the pyramid chart, but also you’ll add interactivity to some chart created earlier. For example, you’ll see how to create a bar chart that shows how many times you pressed the mouse button in a second.
  6. Bringing Static Things to Life: It’s important know how to create charts, but also structure well your scripts to use different data source and create animations. This is what you’ll learn in this chapter, one of the most important.
  7. Depending on the Open Source Sphere: The open source community dedicated to data Visualization is very rich, and here you’ll see how to use some of existing libraries like jqPlot, flotJS, RaphaelJS, etc.
  8. Playing with Google Charts: I think the title is quite descriptive. In this you’ll use the Google visualization API and Google Spreadsheet to display and customize various charts.
  9. Using Google Maps: A on Google Maps couldn’t be missing on a book on data visualization. You’ll learn how to create a map and display data in various ways. Furthermore you’ll add markers and events to the map.
  10. Maps in Action: You’ll check the enormous possibilities when using maps to visualize data, since you’ll create a map that, when clicking on some place, will show the latest tweets about a particular subject that have been published in this area.

About craigmaas

I do a little web design work and support a couple web sites and blogs. My primary focus is lighting and energy consulting where I use a number of computer tools to help my customer find ways of saving money and improving their work environment. See my web site for more information:
This entry was posted in Computer, Manual, Non-Fiction, Technology. Bookmark the permalink.

Leave a Reply

Fill in your details below or click an icon to log in: Logo

You are commenting using your account. Log Out /  Change )

Google+ photo

You are commenting using your Google+ account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )


Connecting to %s