Свежая двадцатка JavaScript библиотек, для визуализации данных. Част 1/4
Продолжаю публиковать интересные обзоры. В прошлой серии постов я рассказал про альтернативные браузеры. Стоит заметить, что благодаря этому своему обзору, я более подробно познакомился с браузером Flock, которым успешно пользуюсь, чем несказанно рад.
В этой статье, а точнее серии статей, я расскажу про JavaScript-библиотеки, цель которых превратить Ваши скучные и однообразные табличные данные в красивые и наглядные диаграммы. Конечно, можно и нарисовать, но если Вы делаете сервис, в котором эти данные постоянно обновляются, автоматизировать процесс визуализации данных наш святой долг.
В современном интернете в настоящее время есть множество готовых решений для визуализации табличных данных с помощью диаграмм и графиков. Большинство этих решений реализовано с помощью возможностей JavaScript. Основное преимущество такого способа – максимальная доступность, так как вся информация будет доступна пользователю в браузере. В данной статье, я расскажу про 20 JS-библиотек, позволяющих реализовать понятных и красивые диаграммы для визуализации Ваших данных.
[nocrosspost]
1. Highcharts
Highcharts – одна из самых перспективных JavaScript-библиотек, для визуализации данных, появившихся на сцене. Данная библиотека включает в себя типов диаграмм: линейные (графики), круговые, столбовые и другие. Возможно комбинирование нескольких типов диаграмм. Как дополнительные возможности визуализации стоит отметить возможность увеличения области просмотра (zoom) и добавление всплывающих подсказок при наведении на точки диаграммы (tooltips). У данной библиотеки весьма богатый функционал, доступный настройке, имеющий подробную документацию.
2. gRaphaël
gRaphaël – библиотека для построения диаграмм, основанная на Raphaël, JS-библиотеке построения векторной графики. Библиотека состоит из нескольких «подбиблиотек». Каждая «подбиблиотек» представляет собой один из типов диаграмм, который возможно реализовать с помощью gRaphaël.
3. JavaScript InfoVis Toolkit
Библиотека JavaScript InfoVis, была частично навееная библиотекой MooTools, является устойчивым и превосходным решением для визуализации данных. Данная библиотека является модульной (так же как MooTools), что позволяет включать только те части, которые Вы решили использовать. У библиотеки есть множество функций для анимации, поддержка различных типов диаграмм, «всплывающие подсказки» (tooltips) и многое другое.
4. jQuery Visualize Plugin
jQVP – это не столько библиотека, сколько плагин для известной библиотеки jQuery.
Данный плагин разработан Filament Group (основные разработчики jQuery UI), данный плагин, генерирует диаграммы, используя canvas-элемент HTML5. Плагин имеет 14 опций для настройки Вашей диаграммы. Не забудьте посмотреть демонстрационную версию плагина с настраиваемой конфигурацией.
5. moochart
Еще один плагин, но теперь для библиотеки MooTools. На данном этапе, плагин moochart, визуализирует данные только в пузырьковой диаграмме, но у разработчиков есть далеко идущие планы развернуть на базе библиотеки MooTools (1.2) поддержку таких типов диаграмм, как: круговая, линейная, столбцовая и гистограммы. У плагина есть 14 опций, которые можно настраивать для отображения диаграммы и поддержка «подсказок» (tooltips) при наведении на элементы диаграммы. Moochart свободно распространяемое бесплатное ПО, выпущенное по лицензии Массачусетского технологического института.
Спонсор этого поста:
С чего лучше начать заработок для новичков в интернете и что пропустить
[/nocrosspost]
По теме
Tags: JavaScript, jQuery, визуализация, разработка, юзабилити
Работает с FireStats
Привет. Я спонсор этого поста)) На письмо ответить не получается почему-то, ошибка какая-то, и новое не получилось написать, поэтому отвечаю тут. Насчёт постового на ваш другой блог я не против, сообщите код ссылки. Комментарий можно удалить.