BOSTON D3.JSMAKE YOUR OWN CHARTING LIBRARY WITH D3          Created by Erik Solen / @eriksolen
WHAT WELL DO TONIGHTShow an example of wrapping up d3 code as a jQuery   plugin and discuss the technologies involved.Dig ...
WHY WERE DOING ITExamples for d3 code can be excellent in what they do,but often lack an opinion on how to package the viz...
BIG PICTURELots of librariesAnd frameworksUsed where appropriateMakes a Serious Front End Stack
BIG PICTURE
TONIGHTS FOCUS
SNEAK PEEK
STEPS TO GET SETUPRepo https://github.com/solenoid/d3-plugin-talk   1. Clone the Repo   2. $ c d - l g n t l          d 3p...
CODE EXAMPLES   Potential for Success     IMPORTANT FILESexamples/bike.htmlexamples/bike-config.js ( docs )examples/bike-m...
REFERENCESD3.jsjQueryjQuery UIRequireJSLo-Dash (Underscore.js replacement)
THANKS           ERIK SOLEN           yieldbot.comcode and slides available on github
Upcoming SlideShare
Loading in …5
×

Make Your Own Charting Library with d3

791
-1

Published on

0 Comments
2 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
791
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
4
Comments
0
Likes
2
Embeds 0
No embeds

No notes for slide

Make Your Own Charting Library with d3

  1. 1. BOSTON D3.JSMAKE YOUR OWN CHARTING LIBRARY WITH D3 Created by Erik Solen / @eriksolen
  2. 2. WHAT WELL DO TONIGHTShow 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.
  3. 3. WHY WERE DOING ITExamples for d3 code can be excellent in what they do,but often lack an opinion on how to package the viz for general use.Im trying to remove the packaging as a barrier to entry and allow innovation with d3 to be more reusable.
  4. 4. BIG PICTURELots of librariesAnd frameworksUsed where appropriateMakes a Serious Front End Stack
  5. 5. BIG PICTURE
  6. 6. TONIGHTS FOCUS
  7. 7. SNEAK PEEK
  8. 8. STEPS TO GET SETUPRepo https://github.com/solenoid/d3-plugin-talk 1. Clone the Repo 2. $ c d - l g n t l d 3pui-ak 3. $ p t o - S m l H T S r e yhn m ipeTPevr Instructions are in the README.md
  9. 9. CODE EXAMPLES Potential for Success IMPORTANT FILESexamples/bike.htmlexamples/bike-config.js ( docs )examples/bike-main.js ( docs )plugins/matrix.js ( docs )
  10. 10. REFERENCESD3.jsjQueryjQuery UIRequireJSLo-Dash (Underscore.js replacement)
  11. 11. THANKS ERIK SOLEN yieldbot.comcode and slides available on github

×