15 библиотек для построения графиков на JavaScript

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

TufteGraph


Создает довольно приятные графики, используя JQuery. Библиотека отличается от других потому что: 1. Конфигурируется посредством динамических ф-ий, что позволило создать очень компактный API (всего несколько параметров) 2. Нестандартный дизайн создается посредством CSS, а не кода.
Некоторые замечания
* Вам необходимо использовать JQuery, а так же плагин jQuery enumerable (включен в раздачу).
* Ваш график не будет красивым сразу, нужно поработать над его стилем. Рекомендую начать с tufte-graph.css.
* Подберите классные цвета для графиков. Например с ColourLovers
* Библиотека тестировалась на Firefox 3 и Safari 3, и нигде болше. Сайт: http://xaviershay.github.com/tufte-graph/

dygraphs JavaScript Visualization Library


dygraphs - open-source JavaScript библиотека которая похволяет строить интерактивные и масштабируемые линейные графики. Она проектировалась для отображения данных высокой плотности с возможностью нормального их просмотра и восприятия. Некоторые возможности: 1. Строит график без использования внешних серверов и Flash 2. Работает в Internet Explorer (использует excanvas) 3. Легкая (45kb) и отзывчивая 4. Показывает значения при наведении курсора мышки (это облегчает восприятие информации) 5. Поддерживает error band вокруг графиков 6. Интерактивное масштабирование 7. Настраиваемый средний период Сайт: http://www.danvk.org/dygraphs/

Highcharts


Highcharts библиотека написанная на чистом JavaScript, позволяющая удобно внедрять графики на ваш сайт или в ваше веб-приложение. Highcharts на данный момент предоставляет следующие типы графиков: line, spline, area, areaspline, column, bar, pie и scatter. Сайт: http://www.highcharts.com

gRaphaël—JavaScript Library


Цель библиотеки gRaphaël - помочь создать потрясающие графики для вашего сайта. Основана она на графической библиотеке Raphaël. Просмотрите демки для того чтоб увидеть статические и динамические графики в действии gRaphaël в данный момент поддерживается Firefox 3.0+, Safari 3.0+, Opera 9.5+ и Internet Explorer 6.0+ Сайт: http://g.raphaeljs.com

MilkChart


Легкая в использовании, а так же надежная библиотека для преобразования табличных данных в график. Эта библиотека использует HTML5-теги и поддерживается браузерами, акромя IE, как минимум до тех пор пока ExCanvas не будет нормально поддерживать работу с текстом. Сайт: http://code.google.com/p/milkchart/

Visualize


Доступная визуализация данных на HTML всегда была труднодостижимой задачей, частично из-за того, что элементы вроде img имеют лишь базовые методы предоставления текстовой информации для невидящих пользователей. Однако в JavaScript имеется возможность извлечь данные из HTML таблиц, и создать на основе них графики. Эта техника позволяет получить доступ к табличной информации людям которые пользуются различными вспомогательными устройствами для чтения информации. Сайт: www.filamentgroup.com

InfoVis


JavaScript библиотека InfoVis предоставляет инструментарий для интрактивного визуализирования данных в вебе. Сайт: http://thejit.org

jqPlot


jqPlot создает прекрасные line, bar и pie графики с большим набором возможностей. Сайт: http://www.jqplot.com

Protovis


Protovis создает различные визуализации используя например столбики и точки. Protovis бесплатный и open-source, предоставляется по BSD-лицензии. Использует JavaScript и SVG, не требуется никаких плагинов (требуется только современный веб-браузер). Если умеете программировать - это вам поможет, так как создан так, чтобы изучался на примерах. Сайт: http://vis.stanford.edu/protovis/

Flot


Flot - JavaScript библиотека для создания графиков для JQuery. Создает графики для любых наборов данных на лету, на клиентской стороне. Библиотека проста в использовании (все параметры необязательны), имеет привлекательный вид и интрактивные возможности, такие как масштабирование и перемещение мышкой. Flot работает в Internet Explorer 6/7/8, Firefox 2.x+, Safari 3.0+, Opera 9.5+ и Konqueror 4.x+, посредством HTML тега canvas. Сайт: http://code.google.com/p/flot/

Processing.js


Processing.js это открытый язык программирования для людей кто хочет работать с изображениями и анимацией в вебе, при этом не используя Flash или Java-апплеты. Processing.js использует Javascript для отрисовки фигур и манипулирования изображениями на HTML5 элементе Canvas. Конечный код легок, прост для изучения. Все это делает библиотеку удобной для физуализации данных, создания интерфейсов и веб-игрушек. Сайт: http://processingjs.org/

MooWheel


Цель данной библиотеки предоставить уникальный и элегантый способ визуализировать данные. Данный тип визуализации подходит для отображения связей между различными объектами, будь то: люди, места, вещи или что-то еще. Скрипту необходимы три библиотеки для работы: CanvasText, ExCanvas, MooTools 1.2. Все три включены в пакет. Сайт:

JSXGraph


JSXGraph кросс-браузерная библиотека для визуализации информации. Полностью реализована на JavaScript, не требует каких либо других библиотек и использует SVG и VML. Сайт: http://jsxgraph.uni-bayreuth.de/wp/

Prototype + Canvas = ProtoChart


ProtoChart это новая open-source библиотека использующая Prototype-фреймфорк для создания графиков. Возможности:
* Line, bar, pie, curve, mix, и area графики
* Различные типы графиков на одной плоскости
* Настраиваемая легенда
* Настраиваемые сетка, границы сетки, фон
* Настраиваемые точки осей (как X так и Y)
* Поддержка IE6/7, FF2/3 и Safari
* Работает даже на iPhone! Сайт: http://www.deensoft.com/lab/protochart/

jQuery Sparklines


Этот JQuery плагин генерирует небольшие инлайн-графики в ьраузере используя данные предоставленые в строке либо посредством JavaScript. Данный плагин совместим со всемы современными браузерами и был протестирован в Firefox 2+, Safari 3+, Opera 9, Google Chrome и Internet Explorer 6, 7 & 8 Сайт: http://www.omnipotent.net/jquery.sparkline/
Несмотря на сложности, организация практического взаимодействия инновационна. Организация практического взаимодействия спорадически детерминирует направленный маркетинг, работая над проектом. Продуктовый ассортимент, анализируя результаты рекламной кампании, основан на тщательном анализе. Побочный PR-эффект, как принято считать, притягивает департамент маркетинга и продаж, повышая конкуренцию. Стимулирование сбыта индуцирует медиаплан, осознав маркетинг как часть производства. Привлечение аудитории, не меняя концепции, изложенной выше, изменяет инвестиционный продукт, оптимизируя бюджеты.
Dodex 2012 - 2020
Электронная почта: contact@dodex.org
Skype: dodexorg
Twitter: @dodexorg