Heatmap.js — библиотека для создания теплокарт

Heatmap.js — это JavaScript библиотека для отрисовки теплокарт на элементах canvas из HTML5 на основе ваших данных.

Библиотека распространяется по двойной лицензии: MIT и Beerware. Так что можете свободно использовать ее в своих проектах.

Смотрим.

Скачать последнюю версию с Github
Экземпляры тепловых карт строят цветные теплокарты на основе относительных данных. Что это значит? Это значит, что при добавлении одной единственной точки, она будет отображаться красным (горячим) цветом, но при добавлении еще одной с более высоким весом, будет проходить автоматический пересчет цветов точек.

Heatmap — полностью настраиваемая библиотека. Вы можете выбирать цвета, менять прозрачность, радиусы точек и так далее.

Если вы хотите знать, как работает heatmap.js, то можете прочитать статью о внутренней жизни heatmap.js (eng).

Что такое тепловая карта?

Если вы никогда не слышали о тепловых картах, то кратко поясним, что это такое. Теплокарта — это графическое представление точек данных с разной частотой. Там, где количество точек больше, та область выделяется красным цветом, а там, где точек меньше — синим.

Также можно зайти и посмотреть статью о теплокартах на Википедии.

Примеры

Документация и поддержка браузеров

Пока что документирование функций и опций heatmap.js спрятано в исходниках.

Библиотека heatmap.js поддерживается браузерами: Firefox 3.6+, Chrome 10, Safari 5, Opera 11 и IE 9+.

Даты выхода версий программ

  • 2011-04-22: Релиз 1.0 библиотеки heatmap.js, в которой реализовано хранилище даных, основы динамической перерисовки и настройки градиентов.

Портфолио с хронологией событий

Timeline — это jQuery плагин, который специализируется на показе хронологических последовательностей событий.

Вы можете добавлять в шкалу времени любые виды медиа-контента, включая твиты, видео, карты, и связывать их с определёнными датами. С некоторыми дизайнерскими доработками, это станет идеальным решением для оформления портфолио, в котором вы сможете показать свои работы и интересы.

Подробнее...

Sketchy — набор элементов для iPhone приложений (Ai&EPS&SVG)

Если заняты в разработке приложений для iPhone, то вам наверняка понравится набор элементов Sketchy в форматах Ai&EPS&SVG.

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

И если вы привыкли к идеальному выравниванию пикселей, то этот набор явно не для вас. ))))

Подробнее...


Основы WordPress: Как создать плагин для WordPress

WordPress плагин – это PHP-скрипт, который вносит изменения в Ваш сайт. Это может быть небольшое нововведение в шапке сайта или же более радикальные преобразования (такие как, работа системы авторизации, автоматическая рассылка электронных писем и многое другое).

Темы меняют внешний вид Вашего сайта, а плагины изменяют его функциональные возможности. С помощью плагинов можно создавать индивидуальные типы постов, добавлять новые таблицы в базу данных для отслеживания самых популярных статей на сайте, автоматически связывать содержимое на сайте с CDN-серверами и многое другое. Здесь вы можете найти услуги от Mr.Shoe & Mr.Key

Подробнее...

Динамический раздел FAQ с помощью jQuery, YQL & Google Docs

В этом уроке мы сделаем динамический раздел FAQ. Наш скрипт, с помощью jQuery & YQL, будет извлекать содержимое общедоступной электронной таблицы из вашего аккаунта Google Docs, и использовать эти данные, чтобы заполнить раздел FAQ вопросами и ответами. Здесь можно узнать больше о контекстной рекламе yandex

Подробнее...

Набор иконок Premium Pixels (PNG/CSH/PSD)

Субботняя фантастическая халява особенно хороша, если она сделана на заказ высококлассным Нью-йоркским дизайнером Мэттом Джентайлом специально для сайта Premium Pixels. А так как мы часто выкладываем работы с этого сайта, то и для вас, дорогие читатели.

И так, вы получите великолепный набор из 58 «pixel-perfect» иконок, которые вы сможете использовать абсолютно бесплатно в своих личных и коммерческих проектах. В архив входят PSD, CSH и PNG файлы.

Подробнее...

Скрипт радио-потока

Если вы задумываете разработку собственной программы для интернет-радио, то мы бы хотели поделиться с вами этим опытом.

В этой статье пойдет речь о создании радио-скрипта с прекрасным дизайном (CSS3). Он будет состоять из трёх основных элементов: шапки (с красиво анимированной поисковой строкой и интегрированным радио-плеером), левой панели (со списком категорий и подкатегорий) и правой панели (которая будет содержать список последних или отфильтрованных станций).

Подробнее...

WP_List_Table – пошаговое руководство

Класс WP_List_Table в WordPress используется для отображения списка данных, например, пользователей, плагинов, комментариев или постов. Этот класс содержит почти все методы отображения, сортировки, разбиения на страницы и поиска информации. А что может быть очевиднее, чем его использование для создания собственных плагинов?

В этой статье мы постараемся разобрать по шагам создание таблицы, полностью подстроенной под ваши нужды. Здесь аренда выделенного сервера

Подробнее...

Facebook & Twitter кнопки входа (PSD)

Сегодня на халяву вы получите дизайн социальных кнопок входа для Twitter и Facebook.

Такая работа будет вам полезна, если вы создаете приложения, связанные с этими социальными сетями.
Забираем.

Подробнее...