ember-d3-scale
v0.1.5
Published
A couple of Ember helpers around D3 Scales
Downloads
14
Readme
Ember-d3-scale
This library provides a suite of Ember helpers around the d3 scale library. Support for more features is ongoing.
Configuration
Currently, there are no configuration options for this addon in config/environment.js
. At the moment, this addon will add all the required d3
dependencies.
Live Examples
You can view a demo of a few ways to use these helpers here
Available Helpers
Usage
Linear scales
linear-scale
export default Ember.Component.extend({
domain: [0, 10],
range: [0, 100]
});
{{#with (linear-scale domain range nice=true) as |scale|}}
<span>I am {{scale-value scale 5}} 50 years old.</span>
{{/with}}
time-scale
export default Ember.Component.extend({
domain: [
new Date(2016, 2, 1),
new Date(2016, 2, 31)
]
});
{{#with (time-scale domain) as |scale|}}
{{#each (scale-ticks scale (time-interval 'day')) as |date|}}
<a>{{date}}</a>
{{/each}}
{{/with}}
seq-color-scale
Sequential color scale description.
Ordinal scales
band-scale
Band scale description
point-scale
Point Scale description
cat-color-scale
Categorical color scale.
Scale Derivatives
scale-ticks
Scale ticks
scale-value
Get the calculated value from a scale
Misc Helpers
immut-array
Immutable array helper description
time-interval
A time interval helper.
Installation
git clone
this repositorynpm install
bower install
Running
ember server
- Visit your app at http://localhost:4200.
Running Tests
npm test
(Runsember try:testall
to test your addon against multiple Ember versions)ember test
ember test --server
Building
ember build
For more information on using ember-cli, visit http://www.ember-cli.com/.