Ember Visualizations provides basic integration between Ember.js and D3 for common graphs and charts.
Ember Visualizations is currently under development. Use at your own risk. And, as always, contributions are greatly appreciated!
Currently, Ember Visualizations supports generation of responsive Time Series and Histogram visualizations. Special thanks to Mike Bostock for the examples I took from his collection of D3 gists.
Setup a basic histogram with a set width and height with a custom formatter for the x-axis. Margins default to zero, so axis labels are not visible.
Setup a basic histogram inside of a container, binding the width of the rendered SVG to the outer container to allow it to grow with the container preserving the original aspect ratio.
Setup a basic line graph inside of a container, binding the width of the rendered SVG to the outer container to allow it to grow with the container preserving the original aspect ratio.
Install Ruby 1.9.2+.
gem install bundler
bundle inside the project root to install the gem dependencies.
To start the development server, run
bundle exec rackup.
Install phantomjs from http://phantomjs.org
bundle exec rake test.
(Mac OS X Only) Run
bundle exec rake autotest to automatically re-run tests
when any files are changed.
bundle exec rake docs:preview
docs:preview task will build the documentation and make it available at http://localhost:9292/index.html
bundle exec rake docs:build
HTML documentation is built in the