Tweetlection
http://www.tweetlection.co.uk
Brief
To write the HTML, CSS, and JQuery to sit on top of Sense Internet’s Tweetcurve technology, created by Ben Jefferson.
There were a range of .js tasks; The front page required sliding panels for information about the app, 24 hour bar graph overviews of each of the 3 political parties, Google-style send link box, the party graph pages required some UI elements including a custom scrollbar, hidden panels, overlays and some animating effects on mouse overs. The default graph output from the flot library needed some customisation to meet with the PSD designs.
Implementation
The front page of Tweetlection is loaded from an xml file which contains all totals for all 3 parties for the most recent 24 hours. I used the JQuery flot plugin to draw a 24 bar graph for each party. Some rudimentary maths followed by a request to Google returns the pie chart.
CSS takes care of rendering matching party colours for each graph page. I used the jQuery UI plugin for drag and drop, and got familiar with the flot API in order to customise all graphs to meet the PSD designs.
Design by @RobFarnell.