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

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
• Thin, easy-to-use wrappers for all popular frameworks: React, Angular, Vue
• Framework agnostic, easy to use from plain JavaScript or TypeScript
• Zero dependencies
• Support for many chart types:
  • Line
  • Bar
  • Area
  • Scatter
  • Bubble
  • Pie
  • Donut
  • Histogram
  • Box Plot *
  • Heatmap *
  • Nightingale *
  • Range
    • Bar *
    • Area *
  • Radar
    • Area *
    • Line *
    • Bar *
    • Column *
  • Bullet *
• Reactive - property changes are automatically batched to take effect on next frame
• Simple, clean API
• Interactive documentation

* The features marked with an asterisk 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

Looking for a framework specific solution?

• Get Started with React
• Get Started with Angular
• Get Started with Vue
• Get Started without a framework

Installation

• Installation for React.
• Installation for Angular.
• Installation for Vue.
• Installation without a framework.

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.

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.