Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
Upcoming SlideShare
089 frank miller's 300
089 frank miller's 300
Loading in …3
×
1 of 18

Data Visualisations In IavaScript

2

Share

Slides from Anna Shipman's talk Data Visualisations in JavaScript at SPA2012. Accompanying code is at https://github.com/annashipman/data-visualisations-in-javascript

Related Audiobooks

Free with a 30 day trial from Scribd

See all

Data Visualisations In IavaScript

  1. 1. Andy Parker & Mike Hill's winning entry from the Egg Race, SPA 2011
  2. 2. `` http://www.svgbasics.com/paths.html
  3. 3. var json = { "id":"Parent", "name":"All Projects", "data": { "$type":"none" }, "children":[ { "id":"A", "name":"Project A", "data": { "description":"some stuff", "$color":"#3366FF", }, "children":[ { "id":"A-498",
  4. 4. Talk code on github -------------------------- https://github.com/annashipman/data-visualisations-in-javascript JIT ---- http://thejit.org/ http://thejit.org/static/v20/Docs/files/Core/Core-js.html Raphael ----------- http://raphaeljs.com/ http://g.raphaeljs.com/ D3 ---- http://d3js.org/ http://alignedleft.com/tutorials/d3/ https://github.com/mbostock/d3/wiki/Tutorials
  5. 5. Good article on SVG vs Canvas ------------------------------------------- http://dev.opera.com/articles/view/svg-or-canvas-choosing-between-the-two/ Nice page on what libraries are out there ------------------------------------------------------ http://selection.datavisualization.ch/ Useful for choosing colours ------------------------------------- http://colorbrewer2.org/ Moment.js -------------- http://momentjs.com/docs/ Good stuff about visualisations in general ------------------------------------------------------- http://flowingdata.com/ http://suda.co.uk/ Interesting article on graphically misrepresenting information -------------------------------------------------------------------------------- http://www.fastcodesign.com/1669222/a-case-study-in-how-infographics-can-bend-the-truth

×