Практически невозможно представить себе какую-либо админку без диаграмм и графиков. Они позволяют быстро и эффективно реализовать красивый и удобный графический функциоанал. Кроме того, хорошая диаграмма улучшает общий дизайн вашего сайта.

D3.js — Data-Driven Documents

Когда мы задумываемся о построения графиков сегодня, D3.js это первая библиотека которая приходит на ум. Будучи проектом с открытым исходным кодом, D3.js определенно содержим множество мощных функций, которые отсутствовали в большинстве существующих библиотек. Диаграммы в D3.js визуализируются с помощью HTML, SVG и CSS.

Google Charts

Google Charts предоставляет множество предварительно созданных диаграмм, как гистограммы, календарь, круговые диаграммы, гео диаграмм и многое другое.

ChartJS

ChartJS использует HTML5 Canvas элемент для рендеринга.

Chartist.js

Chartist.js использует SVG для визуализации графики. Может настраиваться с помощью CSS3 медиа запросов и Sass.

n3-charts

Если вы являетесь разработчиком AngularJS, то обязательно найдете библиотеку n3-charts чрезвычайно полезной и интересной. n3-charts построена на D3.js и AngularJS. Она предоставляет различные стандартные диаграммы в виде настраиваемых директив AngularJS.

Ember Charts

Ember Charts Построена на ember.js и D3.js Для отрисовки используется SVG графика.

Smoothie Charts

Smoothie Charts для визаулизации графики используется HTML5 Canvas.

Chartkick

Chartkick Диаграммы визуализируются с помощью SVG

ZingChart

ZingChart гибкий, интерактивный, быстрый, масштабируемый и современный продукт для быстрого создания диаграмм. Используется такими компаниями, как Apple, Microsoft, Adobe, Boeing и Walmart, и использует Ajax, JSON, HTML5

Highcharts JS

Highcharts JS является еще одной очень популярной библиотекой для построения графиков. Поставляется с большим количеством различных типов анимации

Flot

Flot - JavaScript/jQuery библиотека для построения графиков. Является одной из самых старых и популярных графических библиотек.

Fusioncharts

Fusioncharts является одной из старейших JavaScript библиотек для построения графиков. Библиотека была выпущена в 2002 году. Графики отображаются с использованием HTML5 / SVG и VML для лучшей переносимости и совместимости.

amCharts

amCharts - это, несомненно, одна из самых красивых графических библиотек. Включает себя в 3 независимых графических компонента: графики, карты и биржевые диаграммы. 

EJS Chart

EJS Chart - "enterprise ready charting library". Графики выглядят чистыми и хорошо читаемыми, по сравнению с большинством старых графических библиотек. Также, есть совместимость с ИЕ6+ и другими старыми браузерами.

Plotly.js

Plotly.js это первая научная JavaScript библиотека для веб-графики. Open source разработка велась с 17 ноября 2015 года, то есть, любой может использовать ее совершенно бесплатно.

uvCharts

uvCharts - Open Source JavaScript библиотека для построения графиков. Имеет более 100 вариантов настройки. Также, из коробки, имеет 12 различных стандартных типов диаграмм.