Using D3 with Ember

Using D3 with Ember

Add beautiful, interactive data visualizations to your apps

Start watching


D3.js is a powerful JavaScript library that lets you create interactive data visualizations for the web. D3 has its own concept of data binding, so it's not always clear how best to integrate it with a framework that has its own reactive view layer like Ember.js.

In this series we'll learn some of the basics of D3.js by building a bar chart component. We'll then integrate this component with an existing application, feed it bound data from a template, and add an interaction layer between our D3 code and our Ember application.

By the end of the series you'll understand the basics of how D3 works, and have an approach for how to integrate it with your own applications.