Find Similar Packages for react-google-charts
Search packages..
react-google-chartsSimilar Packages:
Npm Package Weekly Downloads Trend
3 Years
Cumulative GitHub Star Trend
Stat Detail
Package
Downloads
Stars
Size
Issues
Publish
License
react-google-charts173,649
1,692270 kB94a year agoMIT
Similar Npm Packages to react-google-charts

react-google-charts is a React wrapper for Google Charts, allowing developers to easily integrate various types of charts into their React applications. With a wide range of chart types and customization options, it provides a powerful solution for visualizing data. However, there are several alternatives in the React ecosystem that also offer charting capabilities. Here are a few notable ones:

  • react-chartjs-2 is a popular library that provides a React wrapper for Chart.js, a flexible and versatile charting library. It allows developers to create responsive and interactive charts with ease. react-chartjs-2 supports a variety of chart types and offers extensive customization options, making it suitable for projects that require detailed and visually appealing data visualizations. If you are looking for a library that is easy to use and integrates well with React, react-chartjs-2 is a great choice.
  • recharts is another widely used charting library for React applications. Built on top of D3.js, recharts is designed specifically for React, providing a set of composable components that make it easy to create complex charts. Its declarative API and responsive design capabilities make it an excellent choice for developers who want to build interactive and customizable charts without dealing with the complexities of D3 directly. If you prefer a library that emphasizes simplicity and ease of use while still providing powerful features, recharts is worth considering.
  • victory is a modular charting library for React that offers a collection of components for building interactive data visualizations. It is designed to be flexible and customizable, allowing developers to create a wide range of charts and visualizations. victory supports both SVG and HTML rendering, making it suitable for various use cases. If you need a library that provides a high level of customization and is capable of handling complex data visualizations, victory is a strong contender.

To compare these charting libraries, check out the following link: Comparing react-chartjs-2 vs react-google-charts vs recharts vs victory.

README for react-google-charts

React Google Charts

Logo

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.

version downloads license bundle size TypeScript


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

Visit Our Website

Quickstart

Install this library with your favorite package manager:

npm i react-google-charts

Then, import and use it:

import { Chart } from "react-google-charts";

<Chart
  chartType="ScatterChart"
  data={[
    ["Age", "Weight"],
    [4, 5.5],
    [8, 12],
  ]}
  width="100%"
  height="400px"
  legendToggle
/>;

Contributing

Contributions are very welcome. Check out CONTRIBUTING.md

Run the Storybook

git clone https://www.github.com/rakannimer/react-google-charts
cd react-google-charts
npm i
npm run start:storybook
npm-compare.com is an independent website designed to help developers choose the most suitable npm packages. We are not affiliated with npm, Inc or npmjs.com, the official website for the npm registry. Please note that npm is a registered trademark of npm, Inc. For more details, please refer to our Terms & Privacy.