This is a complete list of JavaScript data visualisation components and libraries for report app development. The list contains information about licensing and integration of the component, as well as some additional info. The components are divided in tables be their types.
P.S. "-" in Frameworks means that it is not specified for some frameworks or doesn't has any special wrappers.
| Name | Free | Frameworks | About |
|---|---|---|---|
| amCharts | free for non-commercial use | React, Angular, Vue.js, Next.js | Insanely flexible, blindingly fast, a new kind of data-viz; the newest go-to library for data visualization. When you don’t have time to learn new technologies. |
| AnyChart | Free for education and non-profit use | a wide list of languages and frameworks | Interactive JavaScript charts designed to be embedded and integrated into web, desktop, and mobile apps |
| ApexCharts | free | React, Angular, Vue.js | Modern & Interactive SVG Charts |
| billboard.js | free | React, Angular, Vue.js, R, Python (third party applications built by the great community) | a re-usable, easy interface JavaScript chart library, based on D3.js. |
| C3.js | free | - | D3-based reusable chart library |
| CanvasJS | free for Personal, Educational and Non-Commercial Uses | React, Angular, jQuery | Responsive HTML5 Charting Library with a Simple API and 10x Performance – makes your dashboards fly. |
| Chartist | free | - | Simple responsive charts |
| Chart.js | free | - | Simple yet flexible JavaScript charting for designers & developers |
| D3.js | free | - | a JavaScript library for producing dynamic, interactive data visualizations in web browsers. |
| Dygraphs | free | - | Interactive line charts library that works with huge datasets. |
| Echarts | free | - | Highly customizable and interactive charts ready for big datasets. |
| Epoch | free | - | real-time charts. |
| Google Charts | free | - | Interactive charts for browsers and mobile devices. |
| Plotly.js | free | - | Powerful declarative library with support for 20 chart types. |
| Vizzu | free | - | a free, open-source Javascript/C++ library utilizing a generic dataviz engine that generates many types of charts and seamlessly animates between them. |
| Highcharts | trial version | React, Angular, Vue.js | Rock-solid and incredibly flexible charting library made for developers. |
| Name | Free | Frameworks | About |
|---|---|---|---|
| React Table | free | React | Lightweight and extensible data tables for React |
| Ag-grid | Free Community Edition | React, Angular, Vue.js | The Best JavaScript Grid in the World |
| Handsontable | free for evaluation and personal projects | React, Angular, Vue.js | A JavaScript component that combines data grid features with spreadsheet-like UX. Legendary support included. |
| DataTables | free | - | Add advanced interaction controls to your HTML tables the free & easy way |
| Grid js | free | React, Angular, Vue and VanillaJs | a Free and open-source JavaScript table plugin. It works with most JavaScript frameworks |
| Sencha | free Community Edition | React | The Fastest JavaScript Grid |
| AppendGrid | free | Bootstrap and Bulma | AppendGrid allow you to input structured data row by row such like filling spreadsheets |
| Datatablesbundle | free | jQuery | This Bundle integrates the jQuery DataTables plugin into your Symfony application. |
| Griddle | free | React | an ultra customizable datagrid component for React. |
| Fancy Grid | - | React, Angular, Vue | JavaScript grid library with charts integration and server communication. |
| Name | Free | Frameworks | About |
|---|---|---|---|
| WebDataRocks | free | List of available tutorials | Free Web Pivot Table Tool |
| jbPivot | free | jQuery | A simple jQuery pivot table widget |
| PivotTable.js | free | - | an open-source Javascript Pivot Table (aka Pivot Grid, Pivot Chart, Cross-Tab) implementation with drag'n'drop functionality |
| Flexmonster Pivot Table & Charts | trial version | List of available tutorials | The most powerful JavaScript tool for visualizing your business data. |
| react-pivottable | free | React | React-based drag'n'drop pivot table with Plotly.js charts. |
| orb | free | - | Pivot grid javascript library. |
| Name | Free | Frameworks | About |
|---|---|---|---|
| Flexbox grid | free | - | A grid system based on the flex display property. |
| Bulma | free | - | the modern CSS framework that just works |
| Bootstrap Grid System | free | - | Use our powerful mobile-first flexbox grid to build layouts of all shapes and sizes thanks to a twelve column system, five default responsive tiers, Sass variables and mixins, and dozens of predefined classes. |
| React Grid layout | free | React | a grid layout system much like Packery or Gridster, for React. |
| Muuri | free | - | a JavaScript layout engine that allows you to build all kinds of layouts (no kidding!) and make them responsive, sortable, filterable, draggable and/or animated. |
| Rebass Grid | free | - | Rebass components can be used to create one-off or reusable CSS Grid layout components. |
| Name | Free | Frameworks | About |
|---|---|---|---|
| sheetjs | free | - | battle-tested open-source solutions for extracting useful data from almost any complex spreadsheet and generating new spreadsheets that will work with legacy and modern software alike. |
| x spreasheet | free | - | A web-based JavaScript spreadsheet |
| luckysheet | free | - | an online spreadsheet like excel that is powerful, simple to configure, and completely open source. |
| Clusterize.js | free | - | Tiny plugin to display large data sets easily |
| Jsdpreadsheets | free | - | Best JavaScript Data Grids and Spreadsheets |
| Backgridjs | free | - | a set of components for building semantic and easily stylable data grid widgets. |
| Tabulator | free | React, Angular, Vue.js | The easy to use, fully featured, interactive table JavaScript library |
| NgTable | free | Angular | This directive enhances your HTML tables. It support sorting, filtering and pagination. Header row with titles and filters automatic generated. |
| EmberTable | free | Ember | An addon to support large data set and a number of features around table. Ember Table can handle over 100,000 rows without any rendering or performance issues. |
| Name | Free | Frameworks | About | Viz components |
|---|---|---|---|---|
| Material UI | free | React | Material-UI is a simple and customizable component library to build faster, beautiful, and more accessible React applications. Follow your own design system, or start with Material Design. | Tables, buttons, list, grids and a lot more |
| Toast | free | - | JavaScript UI library and free open source project constantly managed by NHN. | Chart, Editor, Grid, Calendar, Image-editor |
| UiKit | free | - | A lightweight and modular front-end framework for developing fast and powerful web interfaces. | Grid, Table, Sortable |
| AngularUI | free | Angular | The companion suite(s) to the AngularJS framework. | Grid, Spreadsheets, Sortable, Map, Calendar, Charts |
| w2UI | free | - | JavaScript UI Library for the Modern Web | Grid, Forms, Toolbars, Layout, Sidebar, Tabs, Popup and various field controls |
| Webix | free Standart version | - | JavaScript UI library and framework for speeding up web develop | List of available widgets |
| DevExtrem | Free for non commercial use | React, Angular, jQuery, Vue | Create highly responsive web apps for touch devices and traditional desktops | Grid, Pivot, Tree, Map, Charts |
| DHTMLX | free | React, Angular, Vue.js | JavaScript UI Libraries for Web App Development | Pivot, Kanban, Spreadsheet, Tree, Chart, Calendar, Gantt |
| Bryntum | - | Angular, React, Vue and Ext JS | World Class Web Components | Calendar, Gantt, Grid, Scheduler |
If you have something to add to the list, I'll be happy to consider your suggestions!