rorygibson

Install Leiningen (https://github.com/technomancy/leiningen)

Create project like so:

rgibson@thingy:~$ lein new compojure hello-world

rgibson@thingy:~$ mysql -u <username> helloworld << EOF
> create database helloworld;
> [Ctrl-D]

rorygibson

var apiKey = 'd9c2b94b63634dbf8ce94420608ca5af';


function drawChart(element, theData) {
    $(element).highcharts({
        title: {
            text: "Stats over time"
        },
        chart: {
            zoomType: 'x',

rorygibson

/*
Canvas setup
*/
var body = d3.select('body');
var w = 842;
var h = 596;

var svg = d3.select("body")
    .append("svg")

rorygibson

var logo = {
    'single':function() {
        linearGradient(svg, 'singleCircleGradient', "254.5531", "340.0544", "283.5381", "322.4521")
        logoGroup.append("circle").attr('fill','url(#singleCircleGradient)').attr('cx','253.376').attr('cy','340.769').attr('r','16.952');
    },

    'double':function() {
        linearGradient(svg, 'doubleBlobGradient', "189.4633", "270.2707", "270.4365", "270.2707");

rorygibson

// Draw logo (blobs)
var startDelay = 100;
var logoGroup = svg.append('g');
var logoKeys = Object.keys(logo);
for (i=0;i<logoKeys.length;i++) {
    var fn = logo[logoKeys[i]];
    setTimeout(fn, startDelay + (i*delay));
}