Top Charting Libraries

Filters

Top 5 Projects Compared

d3
108,430

D3.js is a powerful JavaScript library for creating dynamic, interactive data visualizations in web browsers.

Code Example

const svg = d3.select("body").append("svg").attr("width", 200).attr("height", 200);
svg.append("circle").attr("cx", 100).attr("cy", 100).attr("r", 50).style("fill", "blue");

Pros

Offers unparalleled flexibility and control over data visualization elements.
Provides a wide range of built-in functions for data manipulation and visualization.
Has a large and active community, resulting in extensive documentation and resources.

Cons

Steeper learning curve compared to more high-level charting libraries like Chart.js or Highcharts.
Requires more code to create basic charts than some other libraries.
Less suitable for quick, out-of-the-box visualizations compared to libraries like Plotly or ApexCharts.

Chart.js
64,341

Chart.js is a popular JavaScript library for creating responsive and customizable charts and graphs for web applications.

Code Example

const ctx = document.getElementById('myChart').getContext('2d');
new Chart(ctx, {
    type: 'bar',
    data: { labels: ['A', 'B', 'C'], datasets: [{ data: [1, 2, 3] }] }
});

Pros

Easy to use and learn, with a simple API and extensive documentation
Lightweight and performant compared to more complex libraries like D3.js
Offers a good balance between customization options and out-of-the-box functionality

Cons

Limited advanced visualization options compared to D3.js or ECharts
Fewer chart types available than some competitors like Highcharts
Less suitable for large datasets or real-time updates compared to libraries like uPlot

echarts
60,139

Apache ECharts is a powerful, interactive charting and data visualization library for browser-based applications.

Code Example

var myChart = echarts.init(document.getElementById('main'));
myChart.setOption({
    series: [{type: 'pie', data: [{value: 335, name: 'Direct'}, {value: 310, name: 'Email'}]}]
});

Pros

Offers a wide range of chart types and customization options, surpassing many other libraries in versatility
Provides excellent performance for large datasets, outperforming libraries like Chart.js or D3.js in some scenarios
Supports both SVG and Canvas rendering, allowing for flexibility in different use cases

Cons

Has a steeper learning curve compared to simpler libraries like Chart.js or Chartist
Documentation can be challenging for non-Chinese speakers, as some resources are primarily in Chinese
File size is larger than some lightweight alternatives like uPlot or lightweight-charts, which may impact load times

MPAndroidChart
37,528

PhilJay/MPAndroidChart is a powerful and flexible charting library for Android applications.

Code Example

LineChart chart = findViewById(R.id.chart);
chart.setData(lineData);
chart.invalidate();

Pros

Specifically designed for Android, offering native performance and integration
Provides a wide range of chart types and customization options
Actively maintained with regular updates and improvements

Cons

Limited to Android platform, unlike cross-platform libraries like Chart.js or D3
Steeper learning curve compared to some simpler charting libraries
May have a larger footprint than lightweight alternatives like uPlot

Charts
27,507

ChartsOrg/Charts is a powerful and customizable charting library for iOS, tvOS, and macOS, written in Swift.

Code Example

let chart = LineChartView(frame: CGRect(x: 0, y: 0, width: 320, height: 320))
chart.data = LineChartData(dataSet: LineChartDataSet(entries: [ChartDataEntry(x: 1, y: 1), ChartDataEntry(x: 2, y: 2)], label: "Line 1"))
view.addSubview(chart)

Pros

Specifically designed for Apple platforms, offering native performance and integration
Extensive customization options and a wide range of chart types
Active development and community support

Cons

Limited to Apple platforms, unlike cross-platform alternatives like D3.js or Chart.js
Steeper learning curve compared to simpler libraries like ApexCharts or Chartist
May require more setup and configuration than some alternatives for basic use cases

All Top Projects

d3

108,430

Bring data to life with SVG, Canvas and HTML. :bar_chart::chart_with_upwards_trend::tada:

Chart.js

64,341

Simple HTML5 Charts using the <canvas> tag

echarts

60,139

Apache ECharts is a powerful, interactive charting and data visualization library for browser

MPAndroidChart

37,528

A powerful 🚀 Android chart view / graph view library, supporting line- bar- pie- radar- bubble- and candlestick charts as well as scaling, panning and animations.