Bubble charts are a good way to represent three-dimensional values in a two-dimensional space (that is, a chart). In this way, it is similar to a scatter chart that only tracks the x and y coordinates. In this recipe, we'll use a bubble chart (and a few HTML5 technologies) to log our location with Highcharts.
To set up a basic page and install jQuery and Highcharts, refer to the instructions in the Getting ready section of the Creating your first chart recipe in Chapter 1, Getting Started with Highcharts.
To get started, follow the ensuing instructions:
<div id='container'></div> <button id='record-location'>Record Location</button><br/> ...