https://github.com/embermn/ember-cli-plotly
An EmberJS addon that provides a basic charting component using Plotly.js
Science Score: 26.0%
This score indicates how likely this project is to be science-related based on various indicators:
-
○CITATION.cff file
-
✓codemeta.json file
Found codemeta.json file -
✓.zenodo.json file
Found .zenodo.json file -
○DOI references
-
○Academic publication links
-
○Committers with academic emails
-
○Institutional organization owner
-
○JOSS paper metadata
-
○Scientific vocabulary similarity
Low similarity (10.7%) to scientific vocabulary
Repository
An EmberJS addon that provides a basic charting component using Plotly.js
Basic Info
Statistics
- Stars: 4
- Watchers: 1
- Forks: 5
- Open Issues: 17
- Releases: 0
Metadata Files
README.md
ember-cli-plotly
This addon strives to make it easy & efficient to use plotly.js in Ember applications.
Installation
ember install ember-cli-plotly
TODO: Write documentation / create github pages
Usage
:exclamation: This API should be considered unstable for all v0.x versions of this addon.
Examples
Static
This example uses ember-array-helper.
handlebars
{{plot-ly
chartData=(array
(hash
name='y = 2x'
x=(array 1 2 3)
y=(array 2 4 6)
type='scatter'
)
(hash
name='y = -x -1'
x=(array 0 2)
y=(array -1 -3)
type='scatter'
)
)
}}
Dynamic
(See the examples in the 'dummy app')
js
// my-app/config/environment.js
// FIXME: Configuring this addon here is not yet supported :(
module.exports = function (environment) {
const ENV = {
// ...
// ember-cli-plotly
plotlyComponent: {
defaultConfig: {
// Override plotly.js defaults
displaylogo: false
},
defaultEvents: [/* list names of plotly events to forward by default */]
},
// ...
};
// ...
return ENV;
};
```js // my-app/app/routes/somewhere.js import Route from '@ember/route';
export default Route.extend({ model() { return { x: [1, 2, 3], y: [2, 4, 6], type: 'bar' } } }); ```
```js // my-app/app/controllers/somewhere.js import Controller from '@ember/controller'; import { computed } from '@ember/object';
export default class SomeController extends Controller.extend({ init() { this.super(...arguments); this.setProperties({ chartLayout: { // Layout options // See https://plot.ly/javascript/reference/#layout }, chartConfig: { // Override default options from config/environment.js & plotly.js // See https://github.com/plotly/plotly.js/blob/master/src/plotapi/plotconfig.js }, // Component will listen for these events and forward them via onPlotlyEvent plotlyEvents: ['plotlyrestyle'] }); } }) { @computed('model.{x,y,type}') get chartData() { return { x: this.get('model.x'), y: this.get('model.y'), type: this.get('model.type') }; }
onPlotlyEvent(eventName, ...args) {
const handler = {
plotlyrestyle(...args) {
console.log('Received `plotlyrestyleevent', ...args);
},
// ...
// Can add handlers here for plotly events
// See https://plot.ly/javascript/plotlyjs-events/
// ...
}[eventName] || ((...args) => {
console.log(No handler was defined for ${eventName}, ...args);
});
handler(...args);
}
}
``
```handlebars {{! my-app/app/templates/somewhere.hbs }} {{plot-ly chartData=chartData chartLayout=chartLayout chartConfig=chartConfig onPlotlyEvent=onPlotlyEvent isResponsive=true }}
```
Debugging
This package uses debug
with the ember-cli-plotly namespace, so you should be able to use one of the following
procedures to make debug messages visible (see docs):
- Run
require('debug').enable('ember-cli-plotly:*')from DevTools console (or manually setlocalStorage.debug = 'ember-cli-plotly:*') - Set
DEBUG="ember-cli-plotly:*"environment variable
License
This project is licensed under the MIT License.
Owner
- Name: EmberMN
- Login: EmberMN
- Kind: organization
- Location: Minneapolis, MN
- Website: http://www.meetup.com/EmberMN/
- Repositories: 10
- Profile: https://github.com/EmberMN
Local community of ember.js developers
GitHub Events
Total
- Delete event: 1
- Issue comment event: 1
- Push event: 22
- Pull request event: 1
- Fork event: 1
Last Year
- Delete event: 1
- Issue comment event: 1
- Push event: 22
- Pull request event: 1
- Fork event: 1
Committers
Last synced: over 2 years ago
Top Committers
| Name | Commits | |
|---|---|---|
| Jacob Quant | j****q@g****m | 117 |
| renovate[bot] | r****]@u****m | 78 |
| renovate[bot] | 2****]@u****m | 14 |
| Renovate Bot | b****t@r****m | 9 |
| Jacob Quant | j****t@k****m | 6 |
| Laura Mun | l****a@p****m | 1 |
| Tomster | t****r@e****m | 1 |
Committer Domains (Top 20 + Academic)
Issues and Pull Requests
Last synced: 11 months ago
All Time
- Total issues: 7
- Total pull requests: 94
- Average time to close issues: 10 months
- Average time to close pull requests: 7 months
- Total issue authors: 3
- Total pull request authors: 3
- Average comments per issue: 1.29
- Average comments per pull request: 0.09
- Merged pull requests: 19
- Bot issues: 2
- Bot pull requests: 87
Past Year
- Issues: 0
- Pull requests: 0
- Average time to close issues: N/A
- Average time to close pull requests: N/A
- Issue authors: 0
- Pull request authors: 0
- Average comments per issue: 0
- Average comments per pull request: 0
- Merged pull requests: 0
- Bot issues: 0
- Bot pull requests: 0
Top Authors
Issue Authors
- jacobq (4)
- renovate[bot] (2)
- Gamma169 (1)
Pull Request Authors
- renovate[bot] (92)
- jacobq (6)
- lsmun (1)
Top Labels
Issue Labels
Pull Request Labels
Packages
- Total packages: 1
-
Total downloads:
- npm 33 last-month
- Total dependent packages: 2
- Total dependent repositories: 1
- Total versions: 22
- Total maintainers: 1
npmjs.org: ember-cli-plotly
A basic charting component using Plotly.js
- Homepage: https://github.com/EmberMN/ember-cli-plotly#readme
- License: MIT
-
Latest release: 0.6.1
published over 5 years ago
Rankings
Maintainers (1)
Dependencies
- @babel/core ^7 development
- @ember/optional-features 2.0.0 development
- @ember/test-helpers ^2.4.2 development
- @embroider/test-setup ^0.43.5 development
- @glimmer/component ^1.0.4 development
- @glimmer/tracking ^1.0.4 development
- babel-eslint 10.1.0 development
- broccoli-asset-rev 3.0.0 development
- ember-cli 3.28.0 development
- ember-cli-dependency-checker 3.2.0 development
- ember-cli-deprecation-workflow 1.0.1 development
- ember-cli-inject-live-reload 2.1.0 development
- ember-cli-sri 2.1.1 development
- ember-cli-terser ^4.0.2 development
- ember-cli-testdouble 0.1.4 development
- ember-component-css 0.7.4 development
- ember-decorators-polyfill 1.1.5 development
- ember-disable-prototype-extensions 1.1.3 development
- ember-export-application-global 2.0.1 development
- ember-load-initializers 2.1.2 development
- ember-maybe-import-regenerator 0.1.6 development
- ember-md5 1.2.0 development
- ember-page-title ^6.2.2 development
- ember-qunit 5.1.4 development
- ember-resolver 8.0.2 development
- ember-source 3.28.0 development
- ember-source-channel-url 3.0.0 development
- ember-template-lint ^3.6.0 development
- ember-truth-helpers 3.0.0 development
- ember-try 1.4.0 development
- eslint ^7.32.0 development
- eslint-config-prettier ^8.3.0 development
- eslint-plugin-ember 10.5.4 development
- eslint-plugin-node 11.1.0 development
- eslint-plugin-prettier ^3.4.1 development
- eslint-plugin-qunit ^6.2.0 development
- loader.js 4.7.0 development
- npm-run-all ^4.1.5 development
- prettier ^2.3.2 development
- qunit ^2.16.0 development
- qunit-dom 1.6.0 development
- safe-json-stringify 1.2.0 development
- testdouble 3.16.1 development
- @ember/test-waiters ^2.3.2
- debug 4.3.1
- ember-auto-import ^1.11.3
- ember-cli-babel 7.26.6
- ember-cli-htmlbars 5.7.1
- ember-decorators 6.1.1
- ember-lodash 4.19.5
- plotly.js 1.58.4
- 1861 dependencies
- actions/cache v2 composite
- actions/checkout v2 composite
- actions/setup-node v2-beta composite