HTML5 Graphing and Data Visualization Cookbook: Get a complete grounding in the exciting visual world of Canvas and HTML5 using this recipe-packed cookbook. Learn to create charts and graphs, draw complex shapes, add interactivity, work with Google maps, and much more.

Ben Fhala

$54.99

4.6 (10 Ratings)

Paperback Nov 2012 344 pages 1st Edition

Ben Fhala

$54.99

4.6 (10 Ratings)

Paperback Nov 2012 344 pages 1st Edition

What do you get with Print?

Instant access to your digital eBook copy whilst your Print order is Shipped

Paperback book shipped to your preferred address

Download this book in EPUB and PDF formats

Access this title in our online reader with advanced features

DRM FREE - Read whenever, wherever and however you want

View table of contents

Preview Book

Key benefits

Build interactive visualizations of data from scratch with integrated animations and events
Draw with canvas and other html5 elements that improve your ability to draw directly in the browser
Work and improve existing 3rd party charting solutions such as Google Maps

Description

The HTML5 canvas tag makes creating any plot shape easy, all you have to do then is fill it with exciting visualizations written in JavaScript or using other visualization tools. "HTML5 Graphing and Data Visualization Cookbook" is the perfect break into the world of Canvas, charts, and graphs in HTML5 and JavaScript. In this book we will go through a journey of getting to know the technology by creating and planning data-driven visualizations. This cookbook is organized in a linear, progressive way so it can be read from start to finish, as well as be used as a resource for specific tasks.This book travels through the steps involved in creating a fully interactive and animated visualization in HTML5 and JavaScript. You will start from very simple "hello world"ù samples and quickly dive deeper into the world of graphs and charts in HTML5. Followed by learning how canvas works and carrying out a group of tasks geared at taking what we learned and implementing it in a variety of chart types. With each chapter the content becomes more complex and our creations become more engaging and interactive.Our goal is that by the end of this book you will have a strong foundation; knowing when to create a chart on your own from scratch and when it would be a good idea to depend on other APIs.We finish our book in our last two chapters exploring Google maps and integrating everything we learnt into a full project.

Who is this book for?

You don't need to have a background in HTML5 or Canvas but you do need to have a basic understanding of how HTML works and know how to code in any language (preferably in JavaScript). In this book we will not explain how to learn to code but how to create projects and how to plan and execute them in the process.

What you will learn

Creating graphics in Canvas 2D and draw complex shapes
Building most of the common charts through step-by-step recipes
Adding interactivity to canvas elements and create your own JavaScript animation engine
Discovering many fantastic charting solutions and learn how to deal with their capabilities and how to change them as well
Learning how to work with Google maps , Google Charts, and Google Docs API
Integrating your data into live data, xml driven data, objects, and strings

Estimated delivery fee Deliver to United States

Economy delivery 10 - 13 business days

Free ~~$6.95~~

Premium delivery 6 - 9 business days

$21.95

(Includes tracking information)

What do you get with Print?

Instant access to your digital eBook copy whilst your Print order is Shipped

Paperback book shipped to your preferred address

Download this book in EPUB and PDF formats

Access this title in our online reader with advanced features

DRM FREE - Read whenever, wherever and however you want

Frequently bought together

Responsive Web Design with HTML5 and CSS3

$43.99

$54.99

Data Visualization: a successful design process

$32.99

Total $ 131.97

FAQs

What is the delivery time and cost of print book?

Shipping Details

USA:

Economy: Delivery to most addresses in the US within 10-15 business days

Premium: Trackable Delivery to most addresses in the US within 3-8 business days

UK:

Economy: Delivery to most addresses in the U.K. within 7-9 business days.
Shipments are not trackable

Premium: Trackable delivery to most addresses in the U.K. within 3-4 business days!
Add one extra business day for deliveries to Northern Ireland and Scottish Highlands and islands

EU:

Premium: Trackable delivery to most EU destinations within 4-9 business days.

Australia:

Economy: Can deliver to P. O. Boxes and private residences.
Trackable service with delivery to addresses in Australia only.
Delivery time ranges from 7-9 business days for VIC and 8-10 business days for Interstate metro
Delivery time is up to 15 business days for remote areas of WA, NT & QLD.

Premium: Delivery to addresses in Australia only
Trackable delivery to most P. O. Boxes and private residences in Australia within 4-5 days based on the distance to a destination following dispatch.

India:

Premium: Delivery to most Indian addresses within 5-6 business days

Rest of the World:

Premium: Countries in the American continent: Trackable delivery to most countries within 4-7 business days

Asia:

Premium: Delivery to most Asian addresses within 5-9 business days

Disclaimer:
All orders received before 5 PM U.K time would start printing from the next business day. So the estimated delivery times start from the next day as well. Orders received after 5 PM U.K time (in our internal systems) on a business day or anytime on the weekend will begin printing the second to next business day. For example, an order placed at 11 AM today will begin printing tomorrow, whereas an order placed at 9 PM tonight will begin printing the day after tomorrow.

Unfortunately, due to several restrictions, we are unable to ship to the following countries:

Afghanistan
American Samoa
Belarus
Brunei Darussalam
Central African Republic
The Democratic Republic of Congo
Eritrea
Guinea-bissau
Iran
Lebanon
Libiya Arab Jamahriya
Somalia
Sudan
Russian Federation
Syrian Arab Republic
Ukraine
Venezuela

What is custom duty/charge?

Customs duty are charges levied on goods when they cross international borders. It is a tax that is imposed on imported goods. These duties are charged by special authorities and bodies created by local governments and are meant to protect local industries, economies, and businesses.

Do I have to pay customs charges for the print book order?

The orders shipped to the countries that are listed under EU27 will not bear custom charges. They are paid by Packt as part of the order.

List of EU27 countries: www.gov.uk/eu-eea:

A custom duty or localized taxes may be applicable on the shipment and would be charged by the recipient country outside of the EU27 which should be paid by the customer and these duties are not included in the shipping charges been charged on the order.

How do I know my custom duty charges?

The amount of duty payable varies greatly depending on the imported goods, the country of origin and several other factors like the total invoice amount or dimensions like weight, and other such criteria applicable in your country.

For example:

If you live in Mexico, and the declared value of your ordered items is over $ 50, for you to receive a package, you will have to pay additional import tax of 19% which will be $ 9.50 to the courier service.
Whereas if you live in Turkey, and the declared value of your ordered items is over € 22, for you to receive a package, you will have to pay additional import tax of 18% which will be € 3.96 to the courier service.

How can I cancel my order?

Cancellation Policy for Published Printed Books:

You can cancel any order within 1 hour of placing the order. Simply contact customercare@packt.com with your order details or payment transaction id. If your order has already started the shipment process, we will do our best to stop it. However, if it is already on the way to you then when you receive it, you can contact us at customercare@packt.com using the returns and refund process.

Please understand that Packt Publishing cannot provide refunds or cancel any order except for the cases described in our Return Policy (i.e. Packt Publishing agrees to replace your printed book because it arrives damaged or material defect in book), Packt Publishing will not accept returns.

What is your returns and refunds policy?

Return Policy:

We want you to be happy with your purchase from Packtpub.com. We will not hassle you with returning print books to us. If the print book you receive from us is incorrect, damaged, doesn't work or is unacceptably late, please contact Customer Relations Team on customercare@packt.com with the order number and issue details as explained below:

If you ordered (eBook, Video or Print Book) incorrectly or accidentally, please contact Customer Relations Team on customercare@packt.com within one hour of placing the order and we will replace/refund you the item cost.
Sadly, if your eBook or Video file is faulty or a fault occurs during the eBook or Video being made available to you, i.e. during download then you should contact Customer Relations Team within 14 days of purchase on customercare@packt.com who will be able to resolve this issue for you.
You will have a choice of replacement or refund of the problem items.(damaged, defective or incorrect)
Once Customer Care Team confirms that you will be refunded, you should receive the refund within 10 to 12 working days.
If you are only requesting a refund of one book from a multiple order, then we will refund you the appropriate single item.
Where the items were shipped under a free shipping offer, there will be no shipping costs to refund.

On the off chance your printed book arrives damaged, with book material defect, contact our Customer Relation Team on customercare@packt.com within 14 days of receipt of the book with appropriate evidence of damage and we will work with you to secure a replacement copy, if necessary. Please note that each printed book you order from us is individually made by Packt's professional book-printing partner which is on a print-on-demand basis.

What tax is charged?

Currently, no tax is charged on the purchase of any print book (subject to change based on the laws and regulations). A localized VAT fee is charged only to our European and UK customers on eBooks, Video and subscriptions that they buy. GST is charged to Indian customers for eBooks and video purchases.

What payment methods can I use?

You can pay with the following card types:

Visa Debit
Visa Credit
MasterCard
PayPal

What is the delivery time and cost of print books?

Shipping Details

USA:

Economy: Delivery to most addresses in the US within 10-15 business days

Premium: Trackable Delivery to most addresses in the US within 3-8 business days

UK:

Economy: Delivery to most addresses in the U.K. within 7-9 business days.
Shipments are not trackable

Premium: Trackable delivery to most addresses in the U.K. within 3-4 business days!
Add one extra business day for deliveries to Northern Ireland and Scottish Highlands and islands

EU:

Premium: Trackable delivery to most EU destinations within 4-9 business days.

Australia:

India:

Premium: Delivery to most Indian addresses within 5-6 business days

Rest of the World:

Premium: Countries in the American continent: Trackable delivery to most countries within 4-7 business days

Asia:

Premium: Delivery to most Asian addresses within 5-9 business days

Unfortunately, due to several restrictions, we are unable to ship to the following countries:

Afghanistan
American Samoa
Belarus
Brunei Darussalam
Central African Republic
The Democratic Republic of Congo
Eritrea
Guinea-bissau
Iran
Lebanon
Libiya Arab Jamahriya
Somalia
Sudan
Russian Federation
Syrian Arab Republic
Ukraine
Venezuela

Filter reviews by

All

Amazon verified reviews

Bill Ferster Sep 08, 2013

Ben Fhala's HTML Graphing and Data Visualization Cookbook is a nice tutorial on how to create simple data visualizations using the HTML5 cocktail of JavaScript, the new HTML5 Canvas drawing options, and even using some external resources, such as Google's Visualization toolkit, Google Maps, and InfoVis.I was given a printed copy of the book and access to the online version by the publisher, PACKT Publishing, presumably because they had seen my book Interactive Visualization: Insight through Inquiry (2013, MIT Press) and I find this book to be a good practical complement to my own. Fhala's style is casual, clear and informative, and he relies on progressively introducing new concepts using code snippets that are fully explained in the text that follows.The first section of the book introduces drawing vector graphics using the HTML5 Canvas element. He does this by guiding the reader through the creation of a number of small programs that create the national flags of a number of counties, starting off with the simple rising sun of Japan to Canada's more complex maple leaf.There are sections on more advanced drawing topics, such a drawing Bezier curves, shadows and glows, and a good section on manipulating the screen on the pixel level for very basic image processing techniques.I like how he introduces simple charting, by building a series of popular Cartesian graphs directly using the Canvas without using any outside resources at first. He begins by defining the data structures required to represent the data to be graphed and progressively moves from bar charts, through scatter graphs to pie charts. The simple trigonometry needed is well explained, even the recursive algorithms needed to draw sophisticated tree maps are clearly described.The last section introduces the idea of using external web-based resources, such as, such as Google's Visualization toolkit, Google Maps, and InfoVis instead of drawing all the elements by hand and includes a section on implementing Google Maps as well.All in all, Ben Fhala's HTML Graphing and Data Visualization Cookbook does a good job of introducing the uninitiated into the word of interactive visualization. It's a shame he didn't extend his readers into the world of D3-based visualizations, but this is great first entry for those new to the field.Bill FersterUniversity of Virginia

Amazon Verified review

William Springer Sep 01, 2013

Although I've been using HTML5 for a few years now, I haven't yet done much with the Canvas, the new drawing element. Having started, it reminds me of nothing so much as moving the turtle around in the old Logo programming language.In HTML5 Graphing and Data Visualization Cookbook, we start out by learning to create basic shapes in Canvas, with the gimmick of creating various national flags. This takes up only the first two chapters of the book, as it is presumed that the reader is already comfortable with HTML and JavaScript; the remaining eight chapters involve creating and using maps, graphs, and charts, both simple and animated. Towards the end of the book, we actually get into using the Google Maps API to overlay our data onto a world map.In each chapter, we start by typing in some new code and run it; after that, the book discusses what the code is doing. I liked the format because you see results right away - each code segment is relatively short - and then after seeing what happens, you see how it works. I also liked the little mathematical explanations and programming asides that pop up here and there. The chapter organization also makes it easy to jump to the section of the book you're interested in, so I think this will make a good reference.There were two things that irritated me about this book. The first was that the spacing in code is a little odd, with extra spaces where I wouldn't expect to see them and no space where I do expect one. This doesn't affect how the code works, but it's a little distracting. The book is also written in a fairly informal manner, complete with smileys; at times I felt like I was reading blog posts rather than a professional programming book. That said, neither of those really takes away from the usability of the book, and are more a matter of personal preference than anything else. For the topic this book covers, I haven't seen anything better.Disclosure: I received a free review copy of this book for Vulcan Ears Book Reviews (vulcanears.com), where this review originally appeared.

Pavel Gerega Aug 14, 2013

This is the go to source for HTML5 graphing and data visualization. The author explains what is about to happen in the tutorial, creates the code, and then takes you step by step through the code explaining it all which is really important in understanding what exactly is going on. The wording is perfect; not too technical and dry but not too watered down either.The visuals help a lot and the different sections in the book make it easy to see what's where. I've never played around with the canvas element before picking up this book and I had no trouble jumping right in and following along with the tutorials and code in this book but I did have HTML and CSS knowledge previous to reading the book with was helpful.I was amazed at all the different things that was possible to do with the canvas element. If you know HTML but want to explore the canvas element in depth, I highly recommend this book. Interesting read and definitely worth it!

Matt West Apr 01, 2013

This is easily the best book I have seen for coverage of the Canvas API.The book uses a lot of exercises which I found really useful as it made it easier for me to understand some of the more advanced drawing techniques. I really liked the way that the exercises are structured too. Your first start with a short explanation of what you need to do and then there are a number of easy to follow steps that take you through how to accomplish the task. Each exercise finishes with an in-depth explanation of what you just did and the techniques you used.I've used JavaScript libraries like Flot a lot in the past for data visualization so it's really interesting to learn how to create charts from scratch.Later in the book you learn about a number of JavaScript libraries that you can use for data visualisation as well as looking at some Google APIs. I particularly enjoyed the section on using Google Spreadsheets as a data source.The book does assume some prior programming experience so I wouldn't recommend it for beginners, but anyone with a modest JavaScript background should be able to work through the examples just fine.If you are a front-end developer looking to learn more about data visualization and the Canvas API I cannot recommend this book highly enough.

Rob Delaporte Jun 22, 2013

If you have a need to know how to better utilize the canvas then this is the book for you. Although not a book for beginners it is very easy to read and follow along. Well written and a valuable addition to any html5 developers library.

HTML5 Graphing and Data Visualization Cookbook: Get a complete grounding in the exciting visual world of Canvas and HTML5 using this recipe-packed cookbook. Learn to create charts and graphs, draw complex shapes, add interactivity, work with Google maps, and much more.

What do you get with Print?