- Frank West
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.