An Ember addon for svg graphs.
D3 is a popular choice for creating beautiful and functional data visualisations on the web. It also works well with Ember, but we're still relying on D3 to do most of the DOM manipulation.
Instead, we could use Ember itself to do all the DOM work, since it's perfectly capable of rendering SVGs. We can still use D3 to generate the paths and data, treating it as a set of utility functions - D3 v4 makes this really easy for us, since it's split up into manageable modules.
The aim of this addon is to do just that - providing a set of composable Ember components for a "native" data visualisation experience, while retaining familiar (D3-like) configuration options.
One of the main benefits of this approach is its Fastboot compatibility. Since the graphs don't do any DOM manipulation, the whole SVG structure can be rendered as a whole on the server and then just served to the browser. Hopefully Ember's Glimmer engine will also provide us with improved performance.
This addon is very much a work in progress and doesn't include much functionality as of yet. You can expect many breaking changes while this addon is being developed.
ember install ember-enchant
ember serve- Visit your app at http://localhost:4200.
npm test(Runsember try:eachto test your addon against multiple Ember versions)ember testember test --server
ember build
For more information on using ember-cli, visit https://ember-cli.com/.