Basic Ember.js visualizations built in D3.
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.
rake
to build.Install Ruby 1.9.2+.
Install Bundler: gem install bundler
Run bundle
inside the project root to install the gem dependencies.
To start the development server, run bundle exec rackup
.
Then visit: http://localhost:9292/tests/index.html?package=all
.
Install phantomjs from http://phantomjs.org
Run bundle exec rake test
.
(Mac OS X Only) Run bundle exec rake autotest
to automatically re-run tests
when any files are changed.
Run bundle exec rake docs:preview
The docs:preview
task will build the documentation and make it available at http://localhost:9292/index.html
Run bundle exec rake docs:build
HTML documentation is built in the docs
directory