victormejia/d3-angularoc

Talk given at the AngularJS OC Meetup and SoCal Code Camp on D3 and Angular.

Intro to D3 With Angular

Abstract

This talk is primarily a code-oriented presentation that will focus on some D3 fundamentals, which will include some basic but useful data visualizations with transitions and animations, integration with Angular, and making them mobile-friendly.

View the slides (best viewed in Chrome).

Quick links to demos

• Bar chart
• Scatterplot
• Line chart
• Visualizing Mean
• D3 Angular Demos

All source code is under slides/demos.

Hacking on this

I'm using gulp for sass watching and live reloading. Run the following commands to work on this locally:

$ git clone https://github.com/victormejia/d3-angularoc.git 
$ cd d3-angularoc
$ npm install
$ gulp watch

Then open up a browser on http://localhost:9000.

Stuff used to create these slides:

• Framework: Reveal.js
• Font: Yanone Kaffeesatz
• Color Scheme: Blue and Red
• Build System: Gulp.js