Boston d3.js

Make your own charting library with d3

Created by Erik Solen / @eriksolen

What we'll do Tonight

Show an example of wrapping up d3 code as a jQuery plugin and discuss the technologies involved.

Dig into the d3 code and mess around with different parts of the viz.

Why we're doing it

Examples for d3 code can be excellent in what they do, but often lack an opinion on how to package the viz for general use.

I'm trying to remove the packaging as a barrier to entry and allow innovation with d3 to be more reusable.

Big Picture

  • Lots of libraries
  • And frameworks
  • Used where appropriate
  • Makes a Serious Front End Stack

Big Picture

Tonight's Focus

Sneak Peek

Steps to get Setup

Repo https://github.com/solenoid/d3-plugin-talk

  1. Clone the Repo
  2. $ cd d3-plugin-talk
  3. $ python -m SimpleHTTPServer

Instructions are in the README.md

Code Examples

Potential for Success

Important Files

References

Thanks

Erik Solen

yieldbot.com

code and slides available on github