Creating data visualization solutions in Javascript is challenging, but libraries like D3.js are starting to make it a whole lot easier. Combine D3.js with AngularJS and you can create some data driven directives that can be used easily within your web app.
I created a presentation for the Boise AngularJS Meetup to show how to design AngularJS directives that interact with D3.js. Also, because there is no getting away from it, I also include some ideas on how to manage your data models and transform along the way to guarantee a logical separation from your domain data model and your chart data model.
The link to github for the code is: AngularJS Data Driven Directives
The code in that repository is up and running on my Github Pages site for this project with the demo located here: Basketball Scorebook demo page.
You can get at the slides here: AngularJS Data Driven Directives Presentation Slides
