Создание heatmaps использование <холста> элемент?
Я начал искать пару того же самого несколько недель назад, и я был очень доволен многоплатформенным библиотека RXTX до сих пор. Работы с любым Windows, Linux и OS X. Имеет очень чистое, легкое для понимания API.
редактирование: RXTX является также открытым исходным кодом.
4 ответа
I played with heatmap a few years ago. See http://www.urbigene.com/treemapphp/, the algorithm came from here: http://www.cs.umd.edu/hcil/treemap-history/
Я создал карту совпадений с помощью API визуализации Google [ http://code.google.com/apis/visualization/documentation/] . Он использует SVG и VML, а также поддерживает кроссбраузерность. Надеюсь, это поможет.
У меня есть код js / canvas / web worker здесь , хотя с его помощью можно проделать много работы. Он также размещен в Интернете по адресу http://heatmapthing.heroku.com/ . Для этого ваш браузер должен поддерживать веб-работников.
Пожалуйста, присылайте запросы на включение, если вы его улучшите. Псевдогауссовское сглаживание сейчас чертовски лениво.
Я тоже попробовал, но не стал делать гауссово сглаживание самостоятельно, а позволил canvas сделать это за меня. В основном я рисую радиальный градиент для каждой точки в серой шкале, а затем раскрашиваю это изображение в серую шкалу (подробное объяснение см. в "Создание тепловых карт с .NET 2.0 (C#)", моя реализация немного отличается).
Результат выглядит так:
Время рендеринга не так уж плохо на Chrome/Chromium. Я думаю, что самая трудоемкая часть - это раскраска, потому что я перебираю каждый пиксель.
Вы можете найти код здесь: http://trac.openlayers.org/browser/sandbox/camptocamp/canvas/openlayers/lib/heatmap-js/heatmap.js