Data visualization libraries are tools used to create interactive visualizations of data. They allow developers to quickly and easily create charts, graphs, maps, and other visual representations of data. Data visualization libraries can be used in frontend development to help users better understand the data they are viewing. By using a library such as D3 or Chart.js, developers can quickly create dynamic visuals that make it easier for users to interpret the data they are looking at.
Data visualization Web Frontend Library
List of top libraries:
| Library name | Language | Popularity | Description | Download link | Weekly download | Stars | Forks |
| D3.js (JavaScript, Very Popular) | JavaScript | 5 | D3.js is a JavaScript library for manipulating documents based on data. D3 helps you bring data to life using HTML, SVG, and CSS. D3��s emphasis on web standards gives you the full capabilities of modern browsers without tying yourself to a proprietary framework, combining powerful visualization components and a data-driven approach to DOM manipulation. | https://d3js.org/ | https://d3js.org/ | 1.8k | 341 |
| Highcharts (JavaScript, Very Popular) | JavaScript ,TypeScript,html | 5 | The Highcharts library comes with all the tools you need to create reliable and secure data visualizations. Built on JavaScript and TypeScript, all our charting libraries work with any back-end database or server stack. We offer wrappers for the most Popular programming languages (.Net, PHP, Python, R, Java) as well as?iOS?and?Android, and frameworks like Angular, Vue, and React. | www.highcharts.com/download | www.highcharts.com/download | 10.9k | 3.2k |
| Chart.js (JavaScript, Very Popular) | JavaScript,TypeScript | 5 | Simple yet flexible JavaScript charting for designers & developers | https://www.chartjs.org/ | https://www.chartjs.org/ | 59.4k | 11.7k |
| Plotly.js (JavaScript, Popular) | JavaScript,python,scss,html,shell,GLSL | 4 | Plotly.js?is a standalone Javascript data visualization library, and it also powers the Python and R modules named?plotly?in those respective ecosystems (referred to as?Plotly.py?and?Plotly.R).Plotly.js can be used to produce dozens of chart types and visualizations, including statistical charts, 3D graphs, scientific charts, SVG and tile maps, financial charts and more. | https://pypi.org/project/plotly/ | https://pypi.org/project/plotly/ | 15.3k | 1.7k |
| C3.js (JavaScript, Popular) | JavaScript ,TypeScript,html | 4 | C3 makes it easy to generate D3-based charts by wrapping the code required to construct the entire chart. We don't need to write D3 code any more.C3 gives some classes to each element when generating, so you can define a custom style by the class and it's possible to extend the structure directly by D3.C3 provides a variety of APIs and callbacks to access the state of the chart. By using them, you can update the chart even after it's rendered. | https://github.com/c3js/c3/releases/latest | https://github.com/c3js/c3/releases/latest | 9.4k | 7.2k |
| NVD3 (JavaScript, Popular) | JavaScript,html,CoffeeScript,css? | 4 | NVD3 is recommended to go with d3.js version 3.5.3 and later, but NOT d3 4.x yet. version 3.5.17 is the most recent d3 v3 release. | https://d3js.org/ | https://d3js.org/ | 7.2k | 2.2k |
| ECharts (JavaScript, Very Popular) | JavaScript ,TypeScript | 5 | Apache ECharts is a free, powerful charting and visualization library offering an easy way of adding intuitive, interactive, and highly customizable charts to your commercial products. It is written in pure JavaScript and based on?zrender, which is a whole new lightweight canvas library. | https://echarts.apache.org/zh/download.html | https://echarts.apache.org/zh/download.html | 53.9k | 19.3k |
| Google Charts (JavaScript, Very Popular) | JavaScript ,TypeScript,html | 5 | Google Charts API web components | https://www.webcomponents.org/element/@google-web-components/google-chart | https://www.webcomponents.org/element/@google-web-components/google-chart | 332 | 136 |
| AnyChart (JavaScript, Popular) | JavaScript | 4 | AnyChart is a flexible JavaScript (HTML5, SVG, VML) charting framework that fits any solution in need of data visualization. | https://www.anychart.com/download/products/ | https://www.anychart.com/download/products/ | 351 | 56 |
| FusionCharts (JavaScript, Popular) | JavaScript,HTML,C#,TypeScript,Ruby | 4 | FusionCharts is a JavaScript charting library providing 100+ charts and 2,000+ maps for your web and mobile applications. All the visualizations are interactive and animated, which are rendered in SVG and VML (for IE 6/7/8). This package also contains FusionTime (timeseries charts), FusionWidgets (gauges, real-time charts), PowerCharts (statistical and advanced charts), and FusionMaps (choropleth geo maps). | https://www.fusioncharts.com/download/ | https://www.fusioncharts.com/download/ | 46 | 56 |
| ApexCharts (JavaScript, Popular) | JavaScript,css | 4 | A modern JavaScript charting library that allows you to build interactive data visualizations with simple API and 100+ ready-to-use samples. Packed with the features that you expect, ApexCharts includes over a dozen chart types that deliver beautiful, responsive visualizations in your apps and dashboards. ApexCharts is an MIT-licensed open-source project that can be used in commercial and non-commercial projects. | https://apexcharts.com/ | https://apexcharts.com/ | 2.2k | 1.1k |
| Chartist (JavaScript, Popular) | TypeScript,JavaScript,SCSS,HTML,CSS | 4 | Chartist is a simple responsive charting library built with SVG. There are hundreds of nice charting libraries already out there, but they are either: use the wrong technologies for illustration (canvas) weighs hundreds of kilobytes are not flexible enough while keeping the configuration simple are not friendly to designers more annoying things | https://www.npmjs.com/package/chartist | https://www.npmjs.com/package/chartist | 13.1k | 2.6k |
| Leaflet (JavaScript, Very Popular) | JavaScript , html | 5 | Leaflet is the leading open-source JavaScript library for?mobile-friendly interactive maps. Weighing just about 42 KB of gzipped JS plus 4 KB of gzipped CSS code, it has all the mapping?features?most developers ever need.Leaflet is designed with?simplicity,?performance?and?usability?in mind. It works efficiently across all major desktop and mobile platforms out of the box, taking advantage of HTML5 and CSS3 on modern browsers while being accessible on older ones too. It can be extended with a huge amount of?plugins, has a beautiful, easy to use and?well-documented?API and a simple, readable?source code?that is a joy to?contribute?to. | https://leafletjs.com/download.html | https://leafletjs.com/download.html | 36.6k | 5.5k |
| OpenLayers (JavaScript, Very Popular) | JavaScript | 5 | OpenLayers?is a high-performance, feature-packed library for creating interactive maps on the web. It can display map tiles, vector data and markers loaded from any source on any web page. OpenLayers has been developed to further the use of geographic information of all kinds. It is completely free, Open Source JavaScript, released under the?BSD 2-Clause License. | https://openlayers.org/download/ | https://openlayers.org/download/ | 9700 | 2.8k |
| Mapbox (JavaScript, Very Popular) | JavaScript,css,html | 1 | A Mapbox plugin for Leaflet, a lightweight JavaScript library for traditional raster maps. For the state-of-the-art Mapbox vector maps library, see Mapbox GL JS. | https://github.com/mapbox/mapbox.js-bower/tags | https://github.com/mapbox/mapbox.js-bower/tags | 1.9k | 398 |
| Carto (JavaScript, Popular) | JavaScript,CartoCSS,Vim Script | 4 | CartoCSS (short: Carto) is a language for map design. It is similar in syntax to CSS, but builds upon it with specific abilities to filter map data and by providing things like variables. It targets the Mapnik renderer and is able to generate Mapnik XML and a JSON variant of Mapnik XML. It can run from the command line or in the browser. Carto is an evolution of the Cascadenik idea and language, with an emphasis on speed and flexibility. | https://cartocss.readthedocs.io/en/latest/installation_usage.html | https://cartocss.readthedocs.io/en/latest/installation_usage.html | 635 | 127 |
| Mapillary (JavaScript, Popular) | JavaScript,css | 4 | MapillaryJS is a client-side JavaScript library for interactive, extendable street imagery map experiences on the web. It takes spatial, semantic, and texture data and renders it using WebGL. MapillaryJS can be customized with camera controls, user interactivity, and data providers and it can be augmented with geospatial rendering, animation, and content placement. | https://mapillary.github.io/mapillary-js/docs/intro/try | https://mapillary.github.io/mapillary-js/docs/intro/try | 356 | 72 |
| Highcharts (php, Very Popular) | JavaScript ,TypeScript,html | 5 | The Highcharts library comes with all the tools you need to create reliable and secure data visualizations. Built on JavaScript and TypeScript, all our charting libraries work with any back-end database or server stack. We offer wrappers for the most Popular programming languages (.Net, PHP, Python, R, Java) as well as?iOS?and?Android, and frameworks like Angular, Vue, and React. | www.highcharts.com/download | www.highcharts.com/download | 10.9k | 3.2k |
| pChart (PHP, Very Popular) | php | 5 | pChart is a PHP library that will help you to create anti-aliased charts or pictures directly from your web server. You can then display the result in the client browser, sent it by mail or insert it into PDFs. pChart provide object oriented coding syntax and is fully in line with the new web standards allowing you to enhance your web2.0 applications. | http://www.pchart.net/download | http://www.pchart.net/download | 127 | 50 |
| jpgraph (PHP, Very Popular) | php | 5 | JpGraph Community Edition was created as a Composer friendly port of JpGraph v3.5. With time and through incremental refactorings, it became a whole different library, with PSR-1 and PSR-2 compliant codebase, namespaces and folder hierarchy enabling PSR-4 autoloading, and more. | https://packagist.org/packages/amenadiel/jpgraph | https://packagist.org/packages/amenadiel/jpgraph | 122 | 54 |
| jpgraph (PHP, Very Popular) | php | 5 | JpGraph Community Edition was created as a Composer friendly port of JpGraph v3.5. With time and through incremental refactorings, it became a whole different library, with PSR-1 and PSR-2 compliant codebase, namespaces and folder hierarchy enabling PSR-4 autoloading, and more. | https://packagist.org/packages/amenadiel/jpgraph | https://packagist.org/packages/amenadiel/jpgraph | 122 | 54 |