domingo, 17 de julho de 2022

C3.js - JavaScript

 

C3.js / Biblioteca JavaScript


C3.js deserves its place in this list of the best JS libraries available in 2021. The library has been around a long time, is super-clean, customizable to suit many needs, and has a good range of charts to work with. Built upon the renowned D3.js charting engine, C3.js offers a maintained, up-to-date visualization experience that is perfect for most use-cases.

Notable Feature List

  • ‘Zoomable’ sub-charts
  • Appealing animations
  • Highly customizable
  • Tooltips
  • Excellent documentation with code examples and demonstrations
Licensing

C3.js is an open-source library free to use for both personal and commercial projects alike. C3.js is released under the MIT license.

CDN Links

AmCharts is hosted on various CDN networks and has its own CDN source links too.

GitHub Repo
Documentation

RoughViz - JavaScript

 

RoughViz / Biblioteca JavaScript


RoughViz is certainly one to look at in 2021, built upon d3.js version 5, brings very unique visualizations to your front end. The rendered charts are almost like crayon drawings, with rough borders and coloring, it actually really pleases the eye. The library is super-easy to work with utilizing array-based data sets and various options easily modified.

Notable Feature List

  • Very unique, nothing else around like it
  • Plenty of customizable options
  • Tooltips
  • Built upon d3.js version 5

ToastUI - JavaScript

 

ToastUI / Biblioteca JavaScript


ToastUI is a very visual, modernized library that not only offers pretty much all the common charts but looks brilliant too. Each chart has the capability to be exported in a variety of ways including .xls (data), .jpg (image). This of course is very handy for the end-user, especially the ability to export the data behind the chart for further analysis.

Notable Feature List

  • Multi export functionality which includes .xls, .csv, .jpg and .png
  • Completely responsive for the modern web
  • Nice animations during real-time data updates
  • Beautiful animations during chart updates
  • Deselectable/selectable data series
  • Zero dependencies
Licensing - ToastUI has been released under the MIT license. This gives the rights for both personal project and commercial project use alike.
Links - ToastUI is hosted on various CDN networks as listed below
GitHub Repo
Documentation

Frappe Charts - JavaScript

 

Frappe Charts / Biblioteca JavaScript


If you’re a keen developer, then you’ll probably feel familiar with the way that Frappe Charts look and feel. That’s because the charts designs are inspired by charts you find on GitHub. You will recognize the heatmap straight away if you’ve been making plenty of commits lately.
Notable Feature List

  • Rapid export an SVG capability which is basically an instant export to image (SVG) file.
  • Annotations
  • GitHub theme inspired which is extremely clean
  • Beautiful animations during chart updates
  • Mixed chart capability
  • Epic looking tooltips when using multi/mixed charts
  • Fully responsive
  • Zero dependencies
Licensing - Frappe Charts are completely open-sourced and released under the MIT license. This gives the rights for both personal project and commercial project use alike.
Links - Frappe Charts is hosted on various CDN networks as listed below
GitHub Repo
Documentation

Billboard.js - JavaScript

 

Billboard.js / Biblioteca JavaScript


In what feels like a very minimalist library, billboard.js comes with a good set of charts for data visualization. It’s based on D3 version 4 and has similarities to c3.js charts. Billboard has a stacked list of charts to use and a huge load of configurable assets such as the legend, axis, and tooltips.

Notable Feature List

  • Vast customization allowing you to get the exact visualization for the job at hand
  • Completely responsive
  • Tooltips and dual chart linked tooltips
  • Manual Zoom, drag zoom, and sub-charts with viewfinder zoom
  • Easily added labeled Y lines which are great for added analysis
  • Gradient chart area fills
Licensing - Another project that has been released under the MIT license. Billboard.js is therefore freely available to use in your own personal and commercial projects. Considering how many features this library offers, it’s hard to believe it’s free to use!
Links - Billboard.js is hosted on various CDN networks as listed below
GitHub Repo
Documentation

ApexCharts.js - JavaScript

 

ApexCharts.js / Biblioteca JavaScript


ApexChart.js comes with a variety of elegant features to bring beautiful data analysis to your web pages. On paper, this library ticks nearly all the boxes you would usually want it for. With annotation capability which is relatively rare in free-to-use packages. Responsiveness and animations and to top all that off, it looks pretty great too.

Notable Feature List

  • Beautiful visual annotations
  • Completely responsive
  • Flexible interactivity including pan, scroll, zoom in and out.
  • Tooltips
  • Vast user documentation
  • Preset color themes you can easily switch between
  • Lot’s of demos and source code to get your hands on
  • Offers paid upgrades to include some of FusionChart’s add-on packages.
  • Works flawlessly with vanilla JS, VueJS, React, and Angular, documentation included.
Licensing - ApexChart.js is released under the MIT license and therefore is freely available to use in your own personal and commercial projects. Considering how many features this library offers, it’s hard to believe it’s free to use!
Links - 

ApexCharts is hosted on various CDN networks as listed below

GitHub Repo
Documentation

ChartJS - JavaScript

 

ChartJS / Biblioteca JavaScript


Next at number four is another one of my personal favorites. If you want a chart visualization library that always looks great, then this is the one. Somehow, the creator of ChartJS got the default colors absolutely perfect and they go so well within any website. It’s again another library that doesn’t have a massive selection of charts but does it very well with the ones it does offer.

Notable Feature List

  • Very easy to work with without the knowledge of JSON markup.
  • Mixed chart types, build bars and lines onto the same visualization.
  • Beautiful animations
  • Tooltips
  • Renderable on all major browsers including IE11+
  • Completely responsive
  • Thorough user documentation and sample base
  • Includes one of the only free-to-use radar charts that actually works correctly and visualizes data properly.
Licensing - ChartJS is released under the MIT license and therefore is freely available to use in your own personal and commercial projects. It
Links - 

ChartJS is hosted on various CDN networks as listed below

GitHub Repo
Documentation

Vis.js - JavaScript

 

Vis.js / Biblioteca JavaScript


Vis.js is a very versatile parent library of other sub-libraries including networking, timeline, 2d, and 3d visualization capabilities. This library offers 3d charts which are pretty rare amongst most charting libraries which definitely gives it an edge.

Notable Feature List

  • 3D Charts
  • 2D Charts
  • Multi-chart capability
  • Optional tooltips
  • 3D interactivity on relevant charts
  • Chart playgrounds demonstrating many of its features
  • Flawless animations
Vis.js has some stunning visualizations in both 2d and 3d forms but of course, all will serve specific purposes. Personally, I’ve never come across the need to use 3d charts but if your working in some type of scientific data analysis background, I could imagine it would be useful.
Licensing - The Viz.js library is dual-licensed under both Apache 2.0 and MIT licenses. Both of these licenses enable usage, modification, and distribution by both personal and commercial parties.
Links - 

VizJS can be delivered directly to your own project by the following CDN networks

GitHub Repo
Documentation