npmpackage.info

Gathering detailed insights and metrics for react-google-charts-with-key

Other packages similar to react-google-charts-with-key

react-google-charts

5.2.1

react-google-charts React component

@progress/kendo-react-charts

9.0.0

React Chart renders a wide range of high-quality data visualizations. KendoReact Charts package

@mui/x-charts

7.22.3

The community edition of the Charts components (MUI X).

@syncfusion/ej2-react-charts

27.2.4

Feature-rich chart control with built-in support for over 25 chart types, technical indictors, trendline, zooming, tooltip, selection, crosshair and trackball. for React

Gathering detailed insights and metrics for react-google-charts-with-key

react-google-charts-with-key

A thin, typed, React wrapper over Google Charts Visualization and Charts API.

1.5.6

1,621

MIT

TypeScript

26,746 4.1

Installations

npm install react-google-charts-with-key

Pull Requests

Open

5

Total

432

Closed

234

Merged

193

Issues

Open

84

Total

368

Closed

284

Releases

v5.2.1

Published on 26 Oct 2024

v5.2.0

Published on 26 Oct 2024

v5.1.0

Published on 03 Oct 2024

v5.0.0

Published on 02 Oct 2024

v4.0.6

Published on 27 Sept 2024

v4.0.5

Published on 22 Sept 2024

View all 17 releases

Developer

RakanNimer

Developer Guide

BETA

Module System

CommonJS

Min. Node Version

Typescript Support

No

Node Version

8.3.0

NPM Version

5.3.0 Statistics

1,621 Stars

527 Commits

345 Forks

28 Watching

6 Branches

56 Contributors

Updated on 28 Nov 2024

Languages

TypeScript (62.87%)

MDX (33.04%)

JavaScript (3.46%)

CSS (0.63%)

Total Downloads

Cumulative downloads

Total Downloads

26,746

Last day

-67.7%

Compared to previous day

Last week

-89%

Compared to previous week

Last month

9.4%

198

Compared to previous month

Last year

-42.7%

1,980

Compared to previous year

Daily Downloads

Weekly Downloads

Monthly Downloads

Yearly Downloads

Dependencies

debug loadjs prop-types react react-dom

Peer Dependencies

react react-dom

Dev Dependencies

Versions

React Google Charts

React Google Charts is a lightweight and fully typed React wrapper for Google Charts.

It's easy to use, supports over 25 chart types, supports animations and is highly customizable when needed.

Docs • Quickstart • Examples • Contributing • Stack Overflow • Discord

Quickstart

Install this library with your favorite package manager:

1npm i react-google-charts

Then, import and use it:

1import { Chart } from "react-google-charts";
2
3<Chart
4  chartType="ScatterChart"
5  data={[
6    ["Age", "Weight"],
7    [4, 5.5],
8    [8, 12],
9  ]}
10  width="100%"
11  height="400px"
12  legendToggle
13/>;

Contributing

Contributions are very welcome. Check out CONTRIBUTING.md

Run the Storybook

1git clone https://www.github.com/rakannimer/react-google-charts
2cd react-google-charts
3npm i
4npm run start:storybook

No vulnerabilities found.

10

Dangerous-Workflow

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

10

Maintained

Determines if the project is "actively maintained".

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.

10

Packaging

Determines if the project is published as a package that others can easily download, install, easily update, and uninstall.

2

Code-Review

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

1

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 1

Details

Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/checks.yml:15: update your workflow using https://app.stepsecurity.io/secureworkflow/rakannimer/react-google-charts/checks.yml/master?enable=pin
Warn: third-party GitHubAction not pinned by hash: .github/workflows/checks.yml:17: update your workflow using https://app.stepsecurity.io/secureworkflow/rakannimer/react-google-charts/checks.yml/master?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/checks.yml:26: update your workflow using https://app.stepsecurity.io/secureworkflow/rakannimer/react-google-charts/checks.yml/master?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/checks.yml:28: update your workflow using https://app.stepsecurity.io/secureworkflow/rakannimer/react-google-charts/checks.yml/master?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/chromatic.yml:11: update your workflow using https://app.stepsecurity.io/secureworkflow/rakannimer/react-google-charts/chromatic.yml/master?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/chromatic.yml:14: update your workflow using https://app.stepsecurity.io/secureworkflow/rakannimer/react-google-charts/chromatic.yml/master?enable=pin
Warn: third-party GitHubAction not pinned by hash: .github/workflows/chromatic.yml:21: update your workflow using https://app.stepsecurity.io/secureworkflow/rakannimer/react-google-charts/chromatic.yml/master?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/ci.yml:12: update your workflow using https://app.stepsecurity.io/secureworkflow/rakannimer/react-google-charts/ci.yml/master?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/ci.yml:14: update your workflow using https://app.stepsecurity.io/secureworkflow/rakannimer/react-google-charts/ci.yml/master?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/commit.yml:10: update your workflow using https://app.stepsecurity.io/secureworkflow/rakannimer/react-google-charts/commit.yml/master?enable=pin
Warn: third-party GitHubAction not pinned by hash: .github/workflows/commit.yml:14: update your workflow using https://app.stepsecurity.io/secureworkflow/rakannimer/react-google-charts/commit.yml/master?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/publish.yml:10: update your workflow using https://app.stepsecurity.io/secureworkflow/rakannimer/react-google-charts/publish.yml/master?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/publish.yml:12: update your workflow using https://app.stepsecurity.io/secureworkflow/rakannimer/react-google-charts/publish.yml/master?enable=pin
Warn: npmCommand not pinned by hash: .github/workflows/checks.yml:33
Warn: npmCommand not pinned by hash: .github/workflows/ci.yml:19
Warn: npmCommand not pinned by hash: .github/workflows/publish.yml:18
Info: 0 out of 10 GitHub-owned GitHubAction dependencies pinned
Info: 0 out of 3 third-party GitHubAction dependencies pinned
Info: 1 out of 4 npmCommand dependencies pinned

0

Token-Permissions

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

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

Branch-Protection

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

0

SAST

Determines if the project uses static code analysis.

0

Vulnerabilities

Determines if the project has open, known unfixed vulnerabilities.

Score

4.1

/10

Last Scanned on 2024-11-25

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