HTML5 graphing and data visualization cookbook : learn how to create interactive HTML5 charts and graphs with canvas, JavaScript, and open source tools / Ben Fhala.

Format:

Book

Author/Creator:

Fhala, Ben.

Series:

Quick answers to common problems

Language:

English

Subjects (All):

HTML (Document markup language).

Information visualization.

Physical Description:

1 online resource (344 p.)

Edition:

1st ed.

Place of Publication:

Birminghan, UK : Packt Pub., 2012.

Language Note:

English

Biography/History:

Fhala Ben: Ben Fhala discovered his passion for data visualization six years ago while he was working at Parsons in New York, in their data visualization department, PIIM. He is the owner of the online video training school, 02geek. com, and an Adobe ACP. He enjoys spending most of his time learning and teaching and has a love for visual programming and visualization in general. Ben has had the honor of developing applications for members of the US Congress, Prime Ministers, and Presidents around the world. He has built many interactive experiences for companies such as Target, AT&T, Crayola, Marriott, Neutrogena, and Nokia. He has technically directed many award-winning projects and has been part of teams that have won three Agency of the Year awards.

Summary:

This cookbook is organized in a linear, progressive way allowing it to be read from start to finish, as well as to be used as a useful resource for specific tasks. The HTML5 examples and recipes will have you making dynamic, interactive, and animated charts and graphs in no time. 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.

Contents:

Cover; Copyright; Credits; About the Author; About the Reviewer; www.PacktPub.com; Table of Contents; Preface; Chapter 1: Drawing Shapes in Canvas; Introduction; Graphics with 2D canvas; Starting from basic shapes; Layering rectangles to create the flag of Greece; Creating shapes using paths; Creating complex shapes; Adding more vertices; Overlapping shapes to create other shapes; Chapter 2: Advanced Drawing in Canvas; Introduction; Drawing arcs; Drawing curves with a control point; Creating a Bezier curve; Integrating images into our art; Drawing with text; Understanding pixel manipulation

Chapter 3: Creating Cartesian-based GraphsIntroduction; Building a bar chart from scratch; Spreading data in a scatter chart; Building line charts; Creating the flying brick chart (waterfall chart); Building a candlestick chart (stock chart); Chapter 4: Let's Curve Things Up; Introduction; Building a bubble chart; Creating a pie chart; Using a doughnut chart to show relationships; Leveraging a radar; Structuring a tree chart; Chapter 5: Getting Out of the Box; Introduction; Going through a funnel (a pyramid chart); Revisiting lines: making the line chart interactive

Tree mapping and recursivenessAdding user interaction into tree mapping; Making an interactive click meter; Chapter 6: Bringing Static Things to Life; Introduction; Stacking graphical layers; Moving to an OOP perspective; Animating independent layers; Adding an interactive legend; Creating a context-aware legend; Chapter 7: Depending on the Open Source Sphere; Introduction; Animating a gauge meter (jqPlot); Creating an animated 3D chart (canvas3DGraph); Charting over time (flotJS); Building a clock with RaphaelJS; Making a sunburst chart with InfoVis; Chapter 8: Playing with Google Charts

IntroductionGetting started with a pie chart; Creating charts using the ChartWrapper; Changing data source to Google Spreadsheet; Customizing the chart properties with an options object; Adding a dashboard to charts; Chapter 9: Using Google Maps; Introduction; Creating a geographic chart with Google Visualization API; Obtaining a Google API key; Building a Google map; Adding markers and events; Customizing controls and overlapping maps; Redesigning maps using styles; Chapter 10: Maps in Action; Introduction; Connecting a Twitter feed to a Google map; Building an advanced interactive marker

Adding multiple tweets into an InfoWindow bubbleCustomizing the look and feel of markers; Final project: building a live itinerary; Index

Notes:

Includes index.

ISBN:

9781621989196

1621989194

9781283961059

1283961059

9781849693714

1849693714

OCLC:

825076496