Hybrid Conf: Visualizing data for developers

Hybrid Conf: Visualizing data for developers

Visualizing data for developers presented by Bryan Liles (@bryanl) at HybridConf 2013. Brian discussed various ways of representing data on a web page, covering several libraries. Here's what I learned from his talk.

  • Always tell a designer what will be in a graph, explain its purpose to them.
  • Maths is hard, coding is easy. Understanding statistics is a great skill to have.
  • Drawing a simple graph in canvas (HTML 5) is very easy but requires a lot of maths.
    • Draw some lines, now you have an axis.
    • Draw some circles, now you have plotted data.
    • Add some colour to differentiate data types.
    • Add text as labels are important.
    • Fill in the grid for easier reading.
  • Paper.js uses canvas and gives you mouse handlers but still has too much maths
  • D3.js is a non-canvas solution.
    • Tutorials are too basic or too hard, it's tricky to learn.
    • It is a data manipulation library, not a graphing library.
    • Includes great DOM manipulation.
    • Creates SVG
    • It does the maths for you! You just define the boundaries.
  • Your code is not you, learn through peer review.
    • Get your code on GitHub, get it in the public eye.

Note. Bryan's talk consisted of a lot of code which is not recorded within these notes.

Bryan Liles presents Visualizing data for developers
Bryan Liles presents Visualizing data for developers.