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

Module	Info
ag-charts-community
ag-charts-enterprise

AG Charts Community

AG Charts is a fully-featured and highly customizable JavaScript charting library. The professional choice for developers building enterprise applications.

It delivers outstanding performance, has no third-party dependencies and integrates smoothly with all major JavaScript frameworks.

Examples

Features

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

• Modern, lightweight and performant.
• Framework agnostic:
  • thin reactive wrappers for your chosen framework: React, Angular, Vue;
  • or use our plain Javascript API with 1st-class Typescript support.
• Zero dependencies.
• Simple & clean declarative configuration.
• Comprehensive interactive documentation.

Supported Chart Types	Advanced Features
Line, Bar & Area Scatter & Bubble Pie & Donut Histogram* Map* Candlestick & OHLC* Box Plot*	Heatmap* Nightingale* Range Bar* & Range Area* Radar Area* & Radar Line* Radial Bar* & Radial Column* Sunburst* & Treemap* Bullet*	Animation* Accessibility Synchronized Charts* Context Menu* Crosshairs* Cross Lines Error Bars*	Theming Zoom*

* These are available in the Enterprise version only.

Check out the developer documentation for a complete list of features or visit our official docs for tutorials and feature demos.

Getting started

Get started with React / Angular / Vue / Javascript.

Installation for React / Angular / Vue / Javascript.

Issue Reporting

If you have found a bug, please report it in this repository's issues section. If you're using the Enterprise version, please use the private ticketing system to do that.

Asking Questions

Look for similar problems on StackOverflow using the ag-charts tag. If nothing seems related, post a new message there. Please do not use GitHub issues to ask questions. If you're using the Enterprise version, please use the private ticketing system to do that.

Contributing

AG Charts is developed by a team of co-located developers in London. If you want to join the team send your application to [e-mail].

License

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