ag-charts-community

What is ag-charts-community?

The ag-charts-community npm package is a powerful charting library that allows developers to create a wide variety of charts for data visualization. It is part of the AG Grid ecosystem and provides a flexible and customizable way to represent data graphically.

What are ag-charts-community's main functionalities?

Line Chart

This feature allows you to create a basic line chart. The code sample demonstrates how to set up the data and series for a line chart.

const options = { data: [{ x: 0, y: 0 }, { x: 1, y: 1 }, { x: 2, y: 4 }, { x: 3, y: 9 }], series: [{ type: 'line', xKey: 'x', yKey: 'y' }] }; agCharts.AgChart.create(options);

Bar Chart

This feature allows you to create a bar chart. The code sample shows how to configure the data and series for a bar chart.

const options = { data: [{ category: 'A', value: 30 }, { category: 'B', value: 80 }, { category: 'C', value: 45 }], series: [{ type: 'bar', xKey: 'category', yKey: 'value' }] }; agCharts.AgChart.create(options);

Pie Chart

This feature allows you to create a pie chart. The code sample illustrates how to set up the data and series for a pie chart.

const options = { data: [{ label: 'A', value: 30 }, { label: 'B', value: 70 }], series: [{ type: 'pie', angleKey: 'value', labelKey: 'label' }] }; agCharts.AgChart.create(options);

Scatter Plot

This feature allows you to create a scatter plot. The code sample demonstrates how to configure the data and series for a scatter plot.

const options = { data: [{ x: 5, y: 10 }, { x: 15, y: 20 }, { x: 25, y: 30 }], series: [{ type: 'scatter', xKey: 'x', yKey: 'y' }] }; agCharts.AgChart.create(options);

Other packages similar to ag-charts-community

chart.js

Chart.js is a popular open-source library for creating simple yet flexible charts. It offers a variety of chart types and is known for its ease of use and integration. Compared to ag-charts-community, Chart.js is more lightweight but may lack some of the advanced customization options.

highcharts

Highcharts is a well-known charting library that provides a wide range of chart types and extensive customization options. It is highly versatile and supports complex data visualizations. Highcharts is more feature-rich compared to ag-charts-community but comes with a steeper learning curve and licensing costs for commercial use.

d3

D3.js is a powerful JavaScript library for producing dynamic, interactive data visualizations in web browsers. It uses web standards such as SVG, HTML, and CSS. D3 offers unparalleled flexibility and control over the visualizations but requires a deeper understanding of web technologies and data manipulation compared to ag-charts-community.

README

ag-Charts Community

ag-Charts is a fully-featured and highly customizable JavaScript charting library.

Features

Here are some of the features that make ag-Charts stand out:

• modern, lightweight and performant
• thin easy to use wrappers for all popular fraweworks: React, Angular, Vue
• framework agnostic, easy to use from plain JavaScript or TypeScript
• zero dependencies
• support for all common chart types:
  • Line Charts
  • Bar/Column Charts
  • Area Charts
  • Scatter/Bubble Charts
  • Pie/Doughnut Charts
• reactive - property changes are automatically batched to take effect on next frame
• simple clean API
• interactive documentation

Visit our official docs for full documentation.

Looking for a framework specific solution?

• Get Started with Angular
• Get Started with React
• Get Started with Vue

Usage Overview

Install dependencies

$ npm i --save ag-charts-community

Usage

Please refer our JavaScript Getting Started Tutorial.

Issue Reporting

If you have found a bug, please report them at this repository issues section. If you're using Enterprise version please use the private ticketing system to do that. For more information on support check out our dedicated page.

Asking Questions

Look for similar problems on StackOverflow using the ag-charts tag. If nothing seems related, post a new message there. Do not use GitHub issues to ask questions.

Contributing

ag-Charts is developed by a team of co-located developers in London. If you want to join the team check out our jobs listing or send your application to [e-mail].

License

This project is licensed under the MIT license. See the LICENSE file for more info.