Added JS library references and d3 test code in external JS file.
Added real world data

* Added JSON files of points and user data
* Implemented rudimentary d3 functionality to plot points
Fixed aysnchronous json getting bug, modularised code

* Flow of execution is sequential for retrieving JSON files
* User data and points are now in a single JSON object for each
datapoint
* Modularised code into multiple functions
Started implementation of input controls

* Added jQuery tabs and sliders
* Added centring properties CSS
* Wired sliders to trigger update
* Update plot points with transision implemented
* Dummy JSON files added to emulate those returned from API calls
* Labels animated
* Lots of refactoring
* Many comments added
Fixed scatterplot obscured in Firefox.
Fixed another FF display bug.

* Text labels would appear at half of the supposed x-axis value
* Put d3 stuff infront of the jQuery stuff to speed up the
initialisation of the visualisation
Moved to a group model for better representation of entities in the svg element

* Moved to a group model where an entity is represented in the svg
element as a circle with a label. This fixed inconsitancies where a
label from a circle behind another circle would appear on top of the
circle on top (quite noticable in transistions)
* Removed some code duplication
Removed stroke and reduce circle size.
Added toggle entity logic.

* Re-wrote much of the code to fix the trouble with removing an entity
(enter-update-exit paradigm)
* Added buttons in the entity tab to show or hide entities
* Regression - labels will need to be re-implemented
Added simple tooltip hover over username for circles
Included JQuery UI Touch Punch for better touch event handling on mobile devices.

* See http://touchpunch.furf.com for a full explaination.
Removed jQuery Touch Punch for the time being.
Forget to add - implemented dynamic scaling based on range

* Could be better implemented using d3.scaling