This library provides a suite of Ember helpers around the d3 scale library. Support for more features is ongoing.

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.

You can view a demo of a few ways to use these helpers here

• Linear Scales
  • linear-scale
  • time-scale
  • seq-color-scale
• Ordinal Scales
  • band-scale
  • point-scale
  • cat-color-scale
• Scale Derivatives
  • scale-tics
  • scale-value
• Misc Helpers
  • immut-array
  • time-interval

D3 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}}

D3 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}}

Sequential color scale description.

Band scale description

Point Scale description

Categorical color scale.

Scale ticks

Get the calculated value from a scale

Immutable array helper description

A time interval helper.

• git clone this repository
• npm install
• bower install

• ember server
• Visit your app at http://localhost:4200.

• npm test (Runs ember try:testall to test your addon against multiple Ember versions)
• ember test
• ember test --server

• ember build

For more information on using ember-cli, visit http://www.ember-cli.com/.