DendrogramViewer скачать - DendrogramViewer исходный код скачать

DendrogramViewer

Данные веб-сайта

1.0.0

Скачать

Дендрограмма зритель

Веб-применение дендрограммы просмотра

Dendrogram Viewer-это интерактивное веб-применение с открытым исходным материалом, написанное в JavaScript, которая позволяет визуализации дендрограмм, которые представляют собой диаграммы деревьев, используемые для иллюстрации расположения кластеров, созданных иерархической кластеризацией (HC) алгоритмом. D3.JS используется в качестве основы для визуализации дендрограммы.

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

Dendrogram Viewer находится с открытым исходным кодом по лицензии MIT и бесплатно для коммерческого использования.

Репозиторий источника: https://github.com/pedrodbs/dendrogramviewer

Оглавление

Зависимости
Использование
Смотрите также

Зависимости

Макет Dendrogram D3.JS основан на инструкциях в этой статье:

Как сделать дендрограмму, используя библиотеку D3

Кроме того, в приложении используются следующие пакеты JavaScript:

D3.JS (V3), используемый для визуализации макета дендрограммы
JSCOLOR Color Ficker (v2.0.5), используемый для выбора цвета фона
Генератор цветовой палитры, используемый для выбора цветовой палитры дендрограммы
Crowbar SVG (V2, модифицированный, чтобы не экспортировать стили и, следовательно, уменьшить размер файла), используемый для экспорта дендрограммы в файлы изображений SVG

Использование

Вы можете git clone исходного кода дендрограммы просмотра, а затем открыть файл index.html в веб -браузере (использование Firefox рекомендуется для лучших результатов).

Json dendrogram file определение файла

Формат файла JSON - это модифицированная версия стандартного формата, используемого для деревьев D3.JS, чтобы сделать большие кластеризационные файлы более компактными. Каждый кластер представлен объектом узла, где:

Атрибут n содержит имя или идентификатор кластера;
Атрибут d - это различие / расстояние, на котором он был найден и создан алгоритмом HC;
Атрибут c - это список, содержащий пару родителей / детей , из которого был создан кластер.

Например, следующий JSON был произведен с использованием структуры Aglomera.net для классов набора данных в [Kaufman & Rousseeuw, 1990]:

{
  "n" : " (1;4;5;2;3;6;7) " , "d" : 5.5 ,
  "c" : [
    { "n" : " (2;3;6;7) " , "d" : 2.05 ,
      "c" : [
        {
          "n" : " (2;3;6) " , "d" : 1.9 ,
          "c" : [
            {
              "n" : " (2;3) " , "d" : 1.12 ,
              "c" : [
                { "n" : " (3) " , "d" : 0.0 , "c" : [] },
                { "n" : " (2) " , "d" : 0.0 , "c" : [] } ] },
            { "n" : " (6) " , "d" : 0.0 , "c" : [] } ] },
        { "n" : " (7) " , "d" : 0.0 , "c" : [] } ]
    },
    { "n" : " (1;4;5) " , "d" : 1.5 ,
      "c" : [
        { "n" : " (1;4) " , "d" : 0.71 ,
          "c" : [
            { "n" : " (4) " , "d" : 0.0 , "c" : [] },
            { "n" : " (1) " , "d" : 0.0 , "c" : [] } ] },
        { "n" : " (5) " , "d" : 0.0 , "c" : [] } ]
    } ]
}

Загрузка файлов

Приложение автоматически загружает файл JSON по умолчанию из папки examples . Выбор ручного файла может быть достигнут двумя способами:

Используя параметр file в URL, например file:///index.html?file=examples/iris.json;
Нажав кнопку Load... и выбрав желаемый файл.

Dendrogram Viewer UI

Взаимодействие

Поддерживает масштабирование (прокрутка мыши) и перетаскивание (щелчок и перетаскивание мыши) элементов дендрограммы путем переключения Zoom & drag: -Box.
Изменение Num. clusters Слайдер Num. clusters позволит визуализации кластера соответствующего размера. Экземпляры в определенном кластере визуализируются путем наличия одного и того же цвета узла и звена. Выбор значения 1 покажет один кластер, содержащий все экземпляры, т.е. все с одним и тем же цветом.
Изменение Dist. threshold ползунок позволит визуализации кластерного набора , который алгоритм, обнаруженный на соответствующем различии / расстоянии . Выбор значения 0 покажет каждый экземпляр в своем собственном кластере, то есть все с разными цветами.

SVG Экспорт

Чтобы экспортировать / загрузить дендрограмму в файл SVG (масштабируемая векторная графика), нажмите кнопку Download SVG . Примечание. Это будет экспортировать файл изображения с основным стилем элементов, например , цвета и веса. Для полного форматирования поместите styles.css в той же папке (и, возможно, настройте файл стиля).

Визуальные параметры

Визуализация метки кластера

Поддерживает просмотр меток каждого кластера (обычно, содержащиеся в нем экземпляры), включив вклад в фиксацию Show labels .

Ярлыки

Макет

Поддерживает как вертикальные , так и горизонтальные макеты дендрограммы путем переключения Vertical layout .

Горизонтальная планировка

Ссылки с макетом

Поддерживает как прямые , так и закругленные ссылки на дерево, переключая контроль Straight links .

Округлые ссылки

Цвета

Поддерживает цвета серого, переключаясь с Grayscale платежным ящиком.

Серого

Позволяет выбрать между различными цветовыми палитрами для использования кластеров дендрограммы, выбирая из комбинированной коробки Color scheme , включая TOL , цветовой пивовар и т. Д. Примечание. Примечание. Некоторые палитры имеют ограничение на количество цветов, поэтому необходимо выбрать ограниченное количество кластеров.

Цвет фона также можно выбрать с помощью выбора Background color .

Серого