Gathering detailed insights and metrics for ember-sparkles
Gathering detailed insights and metrics for ember-sparkles
npm install ember-sparkles
Typescript
Module System
Min. Node Version
Node Version
NPM Version
42.5
Supply Chain
83.8
Quality
67.7
Maintenance
25
Vulnerability
93.5
License
JavaScript (57.68%)
HTML (31.35%)
CSS (10.97%)
Verify real, reachable, and deliverable emails with instant MX records, SMTP checks, and disposable email detection.
Total Downloads
10,252
Last Day
1
Last Week
6
Last Month
25
Last Year
401
MIT License
56 Stars
126 Commits
9 Forks
6 Watchers
2 Branches
8 Contributors
Updated on May 10, 2020
Minified
Minified + Gzipped
Latest Version
0.4.17
Package Id
ember-sparkles@0.4.17
Size
448.44 kB
NPM Version
3.5.4
Node Version
6.8.1
Cumulative downloads
Total Downloads
Last Day
0%
1
Compared to previous day
Last Week
200%
6
Compared to previous week
Last Month
-67.5%
25
Compared to previous month
Last Year
-12.1%
401
Compared to previous year
11
30
ember-sparkles
is a collection of composable D3 charts built with ember-d3-helpers
library. It aims to provide reactive and highly performant D3-based data visualizations through simple template-bound configurations.
This library currently includes the following charts:
Note: This library is still in beta, please use carefully, and file issues as discovered. Pull requests for additional charts always welcome!
First install ember-sparkles
to your application:
1ember install ember-sparkles
Then add default ember-resize
configuration into config/environment.js
file, these properties can be changed to suit your needs. For more information, please see the documentation for ember-resize:
1 resizeServiceDefaults: { 2 widthSensitive: true, 3 heightSensitive: true, 4 debounceTimeout: 200, 5 injectionFactories: ['view', 'component'] 6 },
This addon includes an {{ember-sparkles}}
, which renders a responsive SVG container element. D3-based graphs, axes, and legend components are contextually yielded from this component.
1{{#ember-sparkles 2 data=your-data 3 4 input-key='ts' 5 output-key='value' 6 7 scale-type='band' 8 y-scale-type='linear' 9 x-domain=(map (r/get 'ts') data) 10 y-domain=(append 0 outputMax) 11 12 13 as |chart| 14}} 15 {{!render your charts here}} 16{{/ember-sparkles}}
data {Array}
required
Array containing data, structure depending on data visualization type.
input-key {String}
required
Key by which to obtain independent variable from array or object. Defaults to zeroth index of array.
output-key {String}
required
Key by which to obtain dependent variable from array or object. Defaults to first index of array.
x-scale-type {String}
optional
Type of D3 scale function to use for horizontal axis (linear
, band
, or time
).
default: linear
To render an axis, add {{chart.y-axis}}
or {{chart.x-axis}}
to the {{#ember-sparkles}}
block.
1{{#ember-sparkles as |chart|}} 2 {{chart.x-axis 3 tick-format=(d3-time-format '%Y-%m-%d') 4 label='date' 5 dy=100 6 dx=-100 7 }} 8 9 {{chart.y-axis 10 label='kWh' 11 position='right' 12 ticks=5 13 tick-format=(d3-format '.2s') 14 gridlines=true 15 dx=100 16 dy=-30 17 }} 18{{/ember-sparkles}}
Similar to the y-axis
example, the x-axis
contextual component can take a position
property, set to top
(by default these are set to left
and bottom
), respectively).
For more information on configuring tick formats using the d3-time-format
and d3-format
helpers, please see
d3-format and d3-time-format, respectively.
To show a legend, add {{chart.legend}}
to the {{#ember-sparkles}}
block.
1{{#ember-sparkles as |chart|}} 2 {{chart.legend 3 dx=50 4 }} 5{{/ember-sparkles}}
ember install ember-sparkles
If it is a bug please open an issue on GitHub.
ember github-pages:commit --message <some commit message>
git push origin master
No vulnerabilities found.
Reason
no binaries found in the repo
Reason
license file detected
Details
Reason
Found 10/30 approved changesets -- score normalized to 3
Reason
0 commit(s) and 0 issue activity found in the last 90 days -- score normalized to 0
Reason
no effort to earn an OpenSSF best practices badge detected
Reason
security policy file not detected
Details
Reason
project is not fuzzed
Details
Reason
SAST tool is not run on all commits -- score normalized to 0
Details
Reason
147 existing vulnerabilities detected
Details
Score
Last Scanned on 2025-03-10
The Open Source Security Foundation is a cross-industry collaboration to improve the security of open source software (OSS). The Scorecard provides security health metrics for open source projects.
Learn More