0.1.5 • Published 8 years ago
ember-d3-scale v0.1.5
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
- Linear Scales
-
linear-scale
-time-scale
- Ordinal Scales
-
band-scale
-point-scale
- Scale Derivatives
-
scale-tics
-scale-value
- Misc Helpers
-
immut-array
-time-interval
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/.