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.

Data Visualisations In IavaScript

1,247 views

Published on

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

Published in: Technology, Art & Photos
  • Be the first to comment

Data Visualisations In IavaScript

  1. 1. Andy Parker & Mike Hills 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-javascriptJIT----http://thejit.org/http://thejit.org/static/v20/Docs/files/Core/Core-js.htmlRaphael-----------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

×