HTML5 graphics & data visualization cookbook

HTML5 graphics & data visualization cookbook / Ben Fhala.

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...

Full description

Saved in:
Bibliographic Details
Main Author: Fhala, Ben
Format: eBook
Language:English
Published: Birmingham : Packt Pub., 2012.
Series:Quick answers to common problems.
Subjects:
Canvas (Computer file)
HTML (Document markup language)
JavaScript (Computer program language)
Computer graphics.
HTML.
computer graphics.
COMPUTERS > Programming Languages > HTML.
COMPUTERS > Programming Languages > XML.
Computer graphics
Online Access:Click for online access
Table of 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.

Similar Items