JavaScript UI виджет TreeMap

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

живое демо

  • Интеграция: jQuery, Angular, React, Vue.js, Backbone
  • Примеры интеграции с PHP, Node.js и .NET
  • Поддерживается во всех браузерах (IE8+)
  • Работает на устройствах с сенсорным экраном
  • Соответствует требованиям Секции 508
  • Удобная стилизация с помощью CSS

Стилизация JS виджета TreeMap

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

Отрисовка элементов одного уровня

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

Кликните по любому прямоугольнику

Компактность

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