Интерактивная тепловая карта / матричная визуализация - PullRequest
1 голос
/ 13 декабря 2011

Я хотел бы отобразить на веб-странице тепловую карту (матрицу), которую я генерирую в R. Матрица, которая у меня есть, выглядит следующим образом, но в моем случае размер составляет 300x300.

http://2.bp.blogspot.com/-38wWn7KD6v0/TgTJskG1ujI/AAAAAAAAC5g/0k33b0L5fL8/s1600/heatmap.png

В основном я ищу интерактивную кластеризацию, которая выглядела бы так:

http://online.wsj.com/article/SB125993225142676615.html#articleTabs%3Dinteractive

http://mbostock.github.com/protovis/ex/matrix.html

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

Я осмотрелся и не могу найти много.Я даже не знаю, какой язык мне использовать для этого?JSON, Flash, HTML5, javascript, google charts?

Любые комментарии и советы будут очень полезны здесь.

Спасибо.

Ответы [ 7 ]

4 голосов
/ 07 апреля 2014

Я думаю, что InCHlib - библиотека Heatmap интерактивного кластера может быть решением.

Доступно с http://openscreen.cz/software/inchlib.

1 голос
/ 13 марта 2012

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

Прямого решения для этого не существует. Я использовал ProtovisGWT (Choosel), чтобы создать отдельную дендрограмму и тепловую карту, а затем комбинировал их.

Если вам нужна библиотека js, вы можете использовать просто protovis или d3.js для достижения этой цели.

1 голос
/ 28 декабря 2011

В Google Visualization предусмотрена эта опция: http://informatics.systemsbiology.net/visualizations/heatmap/bioheatmap.html

Есть также этот проект, который адаптировал его для более продвинутого использования и фактически включает в себя наведение мыши и подсказки, а также увеличение линии: http://code.google.com/p/visquick/

Возможно, вы также захотите взглянуть на jQuery Flot, но имейте в виду, что WSJ использует очень дорогую компанию Tableau для визуализации данных, и вы вряд ли найдете этот уровень визуализации конфет в открытом коде или бесплатном использовании. пакет.

0 голосов
/ 29 сентября 2016

D3heatmap предоставляет интерактивные тепловые карты с дендрограммами в R на основе интерфейсов heatmap и heatmap.2.Он включает выбор одной строки и столбца, но в настоящее время не позволяет выбор ветвей дендрограммы.

0 голосов
/ 05 января 2016

Вы можете попробовать http://amp.pharm.mssm.edu/clustergrammer/.Он не написан на R, но вы можете создать интерактивную кластерную диаграмму, загрузив файл матрицы в формате с разделением табуляцией, и вам будет возвращена интерактивная (переупорядочиваемая, с возможностью поиска, фильтруемая и т. Д.) И совместно используемая веб-визуализация

0 голосов
/ 28 июня 2013

Древовидная карта D3.js прекрасно решает эту проблему. Смотри здесь

http://mbostock.github.io/d3/talk/20111018/treemap.html

0 голосов
/ 31 марта 2013

Я бы рекомендовал использовать JavaScript для этой задачи.Сохраните вашу тепловую карту как SVG в R

svg("mymap.svg")
heatmap(...)
dev.off()

, а затем вставьте ее в HTML-документ как объект

    <object id="test-svg" width="800" height="600" 
type="image/svg+xml" data="test.svg"></object>

Теперь вы можете использовать JavaScript или ECMAScript для выполнения всех видов манипуляций.Я рекомендую прочитать один из различных онлайн-учебников по этой теме.Например, вы могли бы начать с этим: http://www.petercollingridge.co.uk/data-visualisation/using-javascript-control-svg

...