Преобразование данных в формат графика или диаграммы доступно в формате HTML, что усложняет задачу, особенно с некоторыми элементами, такими как изображения, которые допускают только основные функции, текст не предоставляет информацию пользователю. Но с помощью Javscript (jQuery, Mootools, Prototype) и CSS можно добиться успеха в создании всех интерактивных изображений, и существует множество технических решений, которые позволят вам отображать их на веб-страницах и в приложениях. Ниже мы поделимся информацией, чтобы увидеть 10 библиотек диаграмм и диаграмм с открытым исходным кодом Javascript для веб-разработчиков.

PlotKit — построение графиков на Javascript

Plotkit — это библиотека построения таблиц и графиков для Javascript, которая поддерживает HTML Canvas, а также SVG через Adobe SVG Viewer и встроенную поддержку браузера. Это начало HTML холста этикетки, поддерживается в Firefox, Safari и Opera и доступно в эмуляции для IE6 и IE7 для Internet Explorer.

MilkChart — библиотека графиков/диаграмм для MooTools

MilkChart — это простая в использовании и надежная библиотека для преобразования данных в табличную диаграмму. Эта библиотека использует день холста HTML5 и поддерживается только в браузерах, отличных от версии ExCanvas для Internet Explorer.

mooCSSChartr

С помощью mooCSSChartr вы можете легко создавать анимированные гистограммы.

Библиотека для построения графиков Flotr Javascript

Flotr — это библиотека для построения графиков javascript, основанная на Prototype Javascript Framework и вдохновленная Flot.

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

flot — привлекательный график Javascript для jQuery

Flot — это чистая библиотека Javascript для построения диаграмм jQuery. Создает график произвольных наборов данных для клиентской стороны. Он подчеркнул простоту использования (разработка всех параметров не является обязательной), привлекательный дизайн и интерактивные функции, такие как масштабирование и отслеживание мыши.

Плагин работает с Internet Explorer 6/7/8, Firefox 2.x, Safari 3.0 +, Opera и Konqueror 9,5 + + 4.x с пометкой canvas HTML (Internet Explorer используется при эмуляции помощника excanvas Javascript).

Protovis — Графический подход к визуализации

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

Он использует JavaScript и SVG для нативных веб-иллюстраций, без плагинов (если вам нужен современный веб-браузер), а опыт программирования полезен, но не обязателен. Есть много разных примеров документов и на сайте, вы начали.

Спарклайны jQuery

Этот плагин jQuery генерирует спарклайны (онлайн-карты небольшого размера) прямо в браузере, используя данные, предоставленные непосредственно в HTML, JavaScript или что-либо с помощью одной строки кода. Плагин совместим с большинством современных браузеров, протестирован со всеми основными браузерами и может быть загружен здесь.

ТафтеГраф

TufteGraph — это подключаемый модуль jQuery, который создает стандартную панель с накоплением в определенном элементе. Он настраивается в первую очередь за счет динамических возможностей, что облегчает использование очень компактного API. Графика создана во всех основных поисковых системах. Хотя пример веб-сайта плагина не работает в Internet Explorer, файл raphael.js может использоваться последней версией библиотеки для замены JS-библиотеки Raphaël, что может решить проблему.

Графико

Grafico — это библиотека JavaScript с открытым исходным кодом со встроенным сопоставлением Raphael и Prototype.js. Возможны различные типы диаграмм, такие как линейные, пространственные, гистограммы и сгруппированные спарклайны, и другие проблемы. Каждая диаграмма имеет множество вариантов API для настройки внешнего вида и поведения. Создана графика Grafico, которая может быть интерактивной, то есть может передавать данные при наведении курсора на ставку, клике и т. д.