Инструменты Heatmap для веб-приложений

Question

У меня есть клиент, который хочет, чтобы веб-приложение, которое я создаю, отображало для них тепловые карты данных.

Я вообще не работал с тепловыми картами, и мне было интересно, знает ли кто-нибудь какие-нибудь хорошие инструменты для их создания.

Спасибо.

Answer 1

Я понимаю, что это старый, старый пост, но следующий парень, который наткнется на эту страницу, может попробовать gheat для тепловых карт в веб-приложениях. Есть порты для Django и Google App Engine, если вы используете эти бэкэнды.

Answer 2

Тепловые карты часто используются вместо более традиционного термина: Оценщики плотности ядра . Если вам нужно вычислить их на лету, рассмотрите GRASS GIS - в частности, модули v.kernel или v.neighbors . Они будут генерировать непрерывную оценку (т.е. растровую поверхность) плотности при некотором целевом разрешении (определенном текущими настройками region ). GRASS GIS можно контролировать с помощью кода Python, поэтому было бы просто написать Python-оболочку вокруг базовых модулей, которая могла бы экспортировать результаты в ваше веб-приложение.

Для небольших наборов данных проект R имеет несколько функций для чтения / записи пространственных данных и вычисления оценок плотности ядра.

Answer 3

Я предполагаю, что это данные с тремя значениями для каждой точки данных - мы будем называть их x, y и z. Было бы действительно полезно, если бы x и y были пространственными координатами, поскольку это облегчает задачу.

В любом случае, сгенерируйте растровое изображение x на y (масштабируется соответствующим образом).

Для каждой пары x и y в данных масштабируйте z от 0 до 1 (или 0 и сколько угодно цветов на карте) и нанесите z в виде цвета, представленного этим значением. Например. простая карта может просто использовать часть R RGB, в этом случае у вас будет 256 градаций для вашего красного.

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

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

ПРИМЕЧАНИЕ: есть веб-инструмент, который делает это здесь . Я нашел его связанным со статьей Википедии о тепловых картах . Там тоже есть java, связанный тоже.

Answer 4

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

Answer 5

У меня есть замечательный инструмент тепловых карт для ПК и мобильных веб-страниц, который я рекомендую: http://miapex.com

Answer 6

Pyheat - еще одна хорошая библиотека на python для построения тепловых карт. Gheat уже упоминается в ответе J.J.

Answer 7

Могу ли я предложить свой собственный плагин jQuery?

jQuery Hottie позволяет легко взять нормальную разметку и добавить цвет фона следующим образом:

<!-- Coloring elements is easy! -->
<ul id="example1">
  <li>1<li>
  <li>2<li>
  <li>3<li>
  <li>4<li>
  <li>5<li>
</ul>

$('ul#example1 li').hottie();