npmpackage.info

Gathering detailed insights and metrics for chartjs-chart-error-bars

Other packages similar to chartjs-chart-error-bars

chartjs-chart-geo

4.3.4

Chart.js module for charting maps

chartjs-chart-funnel

4.2.4

Chart.js module for charting funnel charts

chartjs-chart-wordcloud

4.4.4

Chart.js module for word clouds

chartjs-chart-venn

4.3.5

Chart.js module for venn diagrams

Gathering detailed insights and metrics for chartjs-chart-error-bars

chartjs-chart-error-bars

Chart.js Plugin for showing error bars for various chart types

4.4.4

MIT

TypeScript

366,530 3.9

Installations

npm install chartjs-chart-error-bars

Pull Requests

Open

0

Total

90

Closed

20

Merged

70

Issues

Open

1

Total

24

Closed

23

Releases

v4.4.4

Published on 16 Nov 2024

v4.4.3

Published on 20 Oct 2024

v4.4.2

Published on 29 Sept 2024

v4.4.1

Published on 08 Jun 2024

v4.4.0

Published on 14 Mar 2024

v4.3.4

Published on 21 Jan 2024

View all 46 releases

Developer

sgratzl

Developer Guide

BETA

Module System

ESM, UMD

Min. Node Version

Typescript Support

Yes

Node Version

NPM Version

Statistics

47 Stars

325 Commits

6 Forks

6 Watching

2 Branches

2 Contributors

Updated on 16 Nov 2024

Languages

TypeScript (91.14%)

JavaScript (8.86%)

Total Downloads

Cumulative downloads

Total Downloads

366,530

Last day

-11.2%

1,157

Compared to previous day

Last week

42.6%

9,261

Compared to previous week

Last month

42.1%

28,708

Compared to previous month

Last year

84.9%

212,526

Compared to previous year

Daily Downloads

Weekly Downloads

Monthly Downloads

Yearly Downloads

Versions

Chart.js Error Bars

Chart.js module for charting error bars plots. This plugin extends the several char types (bar, line, scatter, polarArea) with their error bar equivalent (barWithErrorBars, lineWithErrorBars, scatterWithErrorBars, polarAreaWithErrorBars).

Bar Chart

bar char with error bars

Horizontal Bar Chart

horizontal bar chart with error bars

Line Chart

line chart with error bars

Scatterplot

scatter plot with error bars

Polar Area plot

polar area plot with error bars

Related Plugins

Check out also my other chart.js plugins:

chartjs-chart-boxplot for rendering boxplots and violin plots
chartjs-chart-geo for rendering map, bubble maps, and choropleth charts
chartjs-chart-graph for rendering graphs, trees, and networks
chartjs-chart-pcp for rendering parallel coordinate plots
chartjs-chart-venn for rendering venn and euler diagrams
chartjs-chart-wordcloud for rendering word clouds
chartjs-plugin-hierarchical for rendering hierarchical categorical axes which can be expanded and collapsed

Install

1npm install --save chart.js chartjs-chart-error-bars

Usage

see Examples

and

Styling

Several new styling keys are added to the individual chart types

Data structure

The data structure depends on the chart type. It uses the fact that chart.js is supporting scatterplots. Thus, it is already prepared for object values.

Chart types: `bar` and `line`

see TypeScript Interface:

IErrorBarXDataPoint

Chart type: `bar` with `indexAxis: 'y'`

IErrorBarYDataPoint

Chart type: `scatter`

a combination of the previous two ones

IErrorBarXDataPoint

and

IErrorBarYDataPoint

Chart type: `polarArea`

IErrorBarRDataPoint

Multiple Error Bars

Multiple error bars are supported.

multiple error bars

Styling

The styling options support different array version.

Note: as with other chart.js style options, using an array will be one value per dataset. Thus, to specify the values for different error bars, one needs to wrap it in an object with a v key having the value itself. The outer for the dataset, the inner for the error bars.

see TypeScript interface:

IErrorBarOptions

Data structure

Just use array of numbers for the corresponding data structures attributes (xMin, xMax, yMin, yMax). The error bars will be rendered in reversed order. Thus, by convention the most inner error bar is in the first place.

e.g.

1{
2  y: 4,
3  yMin: [2, 1],
4  yMax: [5, 6]
5}

ESM and Tree Shaking

The ESM build of the library supports tree shaking thus having no side effects. As a consequence the chart.js library won't be automatically manipulated nor new controllers automatically registered. One has to manually import and register them.

Variant A:

1import Chart, { LinearScale, CategoryScale } from 'chart.js';
2import { BarWithErrorBarsController, BarWithErrorBar } from 'chartjs-chart-error-bars';
3
4// register controller in chart.js and ensure the defaults are set
5Chart.register(BarWithErrorBarsController, BarWithErrorBar, LinearScale, CategoryScale);
6
7const chart = new Chart(document.getElementById('canvas').getContext('2d'), {
8  type: BarWithErrorBarsController.id,
9  data: {
10    labels: ['A', 'B'],
11    datasets: [
12      {
13        data: [
14          {
15            y: 4,
16            yMin: 1,
17            yMax: 6,
18          },
19          {
20            y: 2,
21            yMin: 1,
22            yMax: 4,
23          },
24        ],
25      },
26    ],
27  },
28});

Variant B:

1import { BarWithErrorBarsChart } from 'chartjs-chart-error-bars';
2
3const chart = new BarWithErrorBarsChart(document.getElementById('canvas').getContext('2d'), {
4  data: {
5    //...
6  },
7});

Development Environment

1npm i -g yarn
2yarn install
3yarn sdks vscode

Building

1yarn install
2yarn build

No vulnerabilities found.

10

Maintained

Determines if the project is "actively maintained".

10

Dangerous-Workflow

Determines if the project's GitHub Action workflows avoid dangerous patterns.

10

Binary-Artifacts

Determines if the project has generated executable (binary) artifacts in the source repository.

10

License

Determines if the project has defined a license.

9

Vulnerabilities

Determines if the project has open, known unfixed vulnerabilities.

0

Code-Review

Determines if the project requires human code review before pull requests (aka merge requests) are merged.

0

Token-Permissions

Determines if the project's workflows follow the principle of least privilege.

0

Pinned-Dependencies

Determines if the project has declared and pinned the dependencies of its build process.

Reason

dependency not pinned by hash detected -- score normalized to 0

Details

Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/ci.yml:11: update your workflow using https://app.stepsecurity.io/secureworkflow/sgratzl/chartjs-chart-error-bars/ci.yml/main?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/ci.yml:12: update your workflow using https://app.stepsecurity.io/secureworkflow/sgratzl/chartjs-chart-error-bars/ci.yml/main?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/ci.yml:18: update your workflow using https://app.stepsecurity.io/secureworkflow/sgratzl/chartjs-chart-error-bars/ci.yml/main?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/ci.yml:30: update your workflow using https://app.stepsecurity.io/secureworkflow/sgratzl/chartjs-chart-error-bars/ci.yml/main?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/create_release.yml:18: update your workflow using https://app.stepsecurity.io/secureworkflow/sgratzl/chartjs-chart-error-bars/create_release.yml/main?enable=pin
Warn: third-party GitHubAction not pinned by hash: .github/workflows/create_release.yml:31: update your workflow using https://app.stepsecurity.io/secureworkflow/sgratzl/chartjs-chart-error-bars/create_release.yml/main?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/deploy_website.yml:17: update your workflow using https://app.stepsecurity.io/secureworkflow/sgratzl/chartjs-chart-error-bars/deploy_website.yml/main?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/deploy_website.yml:20: update your workflow using https://app.stepsecurity.io/secureworkflow/sgratzl/chartjs-chart-error-bars/deploy_website.yml/main?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/deploy_website.yml:27: update your workflow using https://app.stepsecurity.io/secureworkflow/sgratzl/chartjs-chart-error-bars/deploy_website.yml/main?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/deploy_website.yml:37: update your workflow using https://app.stepsecurity.io/secureworkflow/sgratzl/chartjs-chart-error-bars/deploy_website.yml/main?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/deploy_website.yml:38: update your workflow using https://app.stepsecurity.io/secureworkflow/sgratzl/chartjs-chart-error-bars/deploy_website.yml/main?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/deploy_website.yml:43: update your workflow using https://app.stepsecurity.io/secureworkflow/sgratzl/chartjs-chart-error-bars/deploy_website.yml/main?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/release_helper.yml:20: update your workflow using https://app.stepsecurity.io/secureworkflow/sgratzl/chartjs-chart-error-bars/release_helper.yml/main?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/release_helper.yml:21: update your workflow using https://app.stepsecurity.io/secureworkflow/sgratzl/chartjs-chart-error-bars/release_helper.yml/main?enable=pin
Warn: third-party GitHubAction not pinned by hash: .github/workflows/release_helper.yml:34: update your workflow using https://app.stepsecurity.io/secureworkflow/sgratzl/chartjs-chart-error-bars/release_helper.yml/main?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/release_helper.yml:54: update your workflow using https://app.stepsecurity.io/secureworkflow/sgratzl/chartjs-chart-error-bars/release_helper.yml/main?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/release_helper.yml:55: update your workflow using https://app.stepsecurity.io/secureworkflow/sgratzl/chartjs-chart-error-bars/release_helper.yml/main?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/release_helper.yml:61: update your workflow using https://app.stepsecurity.io/secureworkflow/sgratzl/chartjs-chart-error-bars/release_helper.yml/main?enable=pin
Warn: third-party GitHubAction not pinned by hash: .github/workflows/release_helper.yml:73: update your workflow using https://app.stepsecurity.io/secureworkflow/sgratzl/chartjs-chart-error-bars/release_helper.yml/main?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/release_helper.yml:89: update your workflow using https://app.stepsecurity.io/secureworkflow/sgratzl/chartjs-chart-error-bars/release_helper.yml/main?enable=pin
Warn: npmCommand not pinned by hash: .github/workflows/ci.yml:16
Warn: npmCommand not pinned by hash: .github/workflows/deploy_website.yml:25
Warn: npmCommand not pinned by hash: .github/workflows/release_helper.yml:59
Info: 0 out of 17 GitHub-owned GitHubAction dependencies pinned
Info: 0 out of 3 third-party GitHubAction dependencies pinned
Info: 0 out of 3 npmCommand dependencies pinned

0

CII-Best-Practices

Determines if the project has an OpenSSF (formerly CII) Best Practices Badge.

0

Security-Policy

Determines if the project has published a security policy.

0

Fuzzing

Determines if the project uses fuzzing.

0

Signed-Releases

Determines if the project cryptographically signs release artifacts.

0

SAST

Determines if the project uses static code analysis.

0

Branch-Protection

Determines if the default and release branches are protected with GitHub's branch protection settings.

Score

3.9

/10

Last Scanned on 2024-11-18

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

Other packages similar to chartjs-chart-error-bars

Other packages similar to chartjs-chart-error-bars

chartjs-chart-error-bars

Installations

Pull Requests

0

90

20

70

Issues

1

24

23

Releases

Developer

Developer Guide

ESM, UMD

Yes

Statistics

Languages

Total Downloads

366,530

Daily Downloads

Weekly Downloads

Monthly Downloads

Yearly Downloads

Peer Dependencies

Dev Dependencies

Chart.js Error Bars

Related Plugins

Install

Usage

Styling

Data structure

Chart types: bar and line

Chart type: bar with indexAxis: 'y'

Chart type: scatter

Chart type: polarArea

Multiple Error Bars

Styling

Data structure

ESM and Tree Shaking

Development Environment

Building

10

10

10

10

9

0

0

0

0

0

0

0

0

0

3.9

/10

Chart types: `bar` and `line`

Chart type: `bar` with `indexAxis: 'y'`

Chart type: `scatter`

Chart type: `polarArea`