Топ-20 лучших фреймворков живого dashboard для сайта

0
5178

Чтобы создать сложный, информативный и живой интерфейс с графиками и динамичными схемами, можно использовать фреймворки dashboard для сайта.

Dashboard (панель инструментов) является визуальным индикатором конкретных аспектов и бизнес-процессов. Живые визуальные панели – это графический дисплей, состоящий из графиков, карт и графических символов. Визуальная панель отображает фактические данные из внешнего источника.

Dashboard для сайта помогает оценивать информацию, принимать решение и своевременно реагировать на ситуацию.

JDash

framework jdash

JDash предоставляет полностью настраиваемую JavaScript-платформу для создания панелей управления, которые может редактировать и настраивать конечный пользователь. Фреймворк использует модули HTML5 + CSS3, которые легко встраиваются в программный продукт и легко поддерживаются. При необходимости можно подключить любую популярную JavaScript библиотеку: Angular, React, JQuery и т. д.

Cyclotron

Cyclotron – это платформа для создания и размещения панелей мониторинга, не зависящая от источника данных. Это решение для загрузки и визуализации данных без программирования. Cyclotron – своего рода CMS для панели инструментов. Работает вся эта красота на Node.js + MongoDB и REST API. Интерфейс представляет собой одностраничное приложение, написанное на Angular.js.

Patternfly

Библиотека основана на Bootstrap. Встраивается простым способом – с помощью CDN, а также установкой npm-пакета. Есть возможность быстро масштабировать, изменять или добавлять любую панель в dashboard с выводом различной информации. Подключение JQuery, Angular, React и прочего осуществляется обычно, т. е. можно интегрировать любой модуль или виждет и “допиливать” самостоятельно.

Metricio

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

  • Построение виджетов на React.
  • Создание async/await jobs на Node.js.
  • Cron-like планировщик и поддержка мультипанельности.
  • Кеширование на Redis и сетевые коммуникации при помощи socket.io.

Razorflow

framework razorflow

Razorflow – opensource HTML5 фреймворк, хорошо оптимизированный под мобильные устройства и написанный на PHP и JavaScript. Включает в себя большой набор компонентов и плюшек – все в одном месте. В набор входят различные диаграммы, графики, Bar’s, Line Charts, real-time обновление и т. д. Изменить внешний вид панели инструментов можно всего в несколько кликов.

Dashing

Этот фреймворк базируется на панели инструментов Sinatra. Основной особенностью Dashing является то, что серверная часть написана на Ruby. Чтобы добавить данные визуализации для ваших панелей, можно использовать простое API или применить rubyDSL. Привязка данных в виджетах и механизм Drag & Drop осуществляются при помощи batman.js.

Uchiwa

Интересный фреймворк написанный на Go и Angular.js для использования в мониторинговой системе Sensu, но это не помешает применять его для других нужд. Система имеет:

  • Разнообразные встроенные напоминания и планировщики, которые легко настраиваются.
  • Обновление информации в реальном времени.
  • Умную систему фильтрации выводимых значений.
  • Несколько тем оформления и возможность создания своих.

Flakes

Как утверждают разработчики, эта система избегает таких скучных манипуляций, как ненужные эффекты, настройка стилей и установка изображений, которые не вносят вклад в работу основного функционала. Такой подход позволяет максимально быстро запустить свой проект. Flakes – это универсальный инструмент для создания CRM-систем, структур для инвентаризации, “админок” и т. д.

Splunk Web Framework

Splunk – это приложение для создания кастомной панели инструментов с таблицами, схемами, графиками, диаграммами и т. д. В разработке использовались JavaScript, Backbone, JQuery и RequireJS. Создание внешнего вида может происходить в режиме Drag & Drop, а также при помощи редактирования XML-конфигов. Фреймворк подключается элементарным добавлением библиотеки SplunkJS на сайт, а для управления системой нужны знания только по CSS, HTML и немного JavaScript.

Cloudio

Мощный фреймворк, который объединяет в себе dashboard для сайта или приложения, а также единую систему контроля анализируемых данных из разных источников. Теперь данные из Oracle, XLS, XML, SQL, Salesforce, NetSuite и других источников будут в одном месте, что упрощает обработку и анализ.

Freeboard

Очень милая панель инструментов в темных тонах. Вместе с ней дают тридцать дней триала и полный функционал. Цены кусаются: от 12 до 100 долларов в месяц. Dashboard работает в связке с удобным инструментом dweeting.io, позволяющим гибко управлять правами доступа и легко переносить платформу на другой сервер.

Shiny

framework shiny

Интерактивное решение для нестандартной визуализации и анализа данных на языке R. Shiny – это пакет, позволяющий создать интерактивное веб-приложение, полностью самостоятельный продукт для R Markdown или потрясающий dashboard для сайта. Для разработчиков доступны CSS темы, HTML-виджеты и JavaScript-экшены для расширения функционала.

Shinydashboard

Это дополнение для Shiny, позволяющее создавать профессиональные панели с индикацией, графиками и схемами легче, чем когда-либо. Структура разметки схожа с Bootstrap. Простое встраивание в проект, масса настроек внешнего вида и поведения панели, куча встроенных виджетов – это далеко не полный список всех плюшек, которые предлагает shinydashboard.

Geojson dashboard

Этот фреймворк поможет построить панель с географическим уклоном, которая легко разворачивается и настраивается. Интерфейс построен на Bootstrap, карты – на Leaflet с поддержкой JavaScript. Из интересных особенностей можно отметить встроенные таблицы с сортировкой, поиском и экспортом данных через плагин Bootstrap Table.

OpenDashboard

OpenDashboard – веб-приложение, позволяющее отображать аналитическую информацию в виде карт. Данные карты представляют собой единую дискретную визуализацию, совместно используют API и модель данных. OpenDashboard обеспечивает доступ через интерфейс IMS Learning Tool, прямой вход с SAML. Есть поддержка Spring Boot, Angular.js и экспорт в облако.

Dashboard.js

Фреймворк на JavaScript, написанный для вывода на большой экран визуализации различных метрик и показателей оборудования. За основу был взят Dashing, но вместо Ruby используется Node.js, Express и кастомный JavaScript.

Dashbuilder

framework dashbuilder

Этот dashboard для сайта позволяет простым пользователям строить сложные диаграммы и графики бизнес процессов. Ключевые особенности:

  • визуальное редактирование панели при помощи Drag & Drop;
  • графическое представление key performance indicators;
  • экспорт в CSV и Excel;
  • фильтрация и поиск;
  • гибкая система управления доступом.

Ruby Dashboard Builder

Это миниатюрный фреймворк для создания интерактивных HTML-панелей инструментов на Ruby. Особенности Dashboard Builder:

  • Для построения схем используется highcharts + JQuery.
  • Для построения HTML-шаблона применяется HAML.
  • В процессе визуализации используется многомерная и линейная регрессия.
  • Поддержка Confluence wiki.

Django-dash

Настраиваемый и модульный фреймворк на Python, поддерживающий кастомные шаблоны (layouts) и несколько рабочих пространств. Django-dash поставляется с внушительным API, позволяющим разработчику создавать новые Dash-плагины, а также модифицировать уже существующие и связанные с проектом.

Giraffe

Простой в управлении и установке dashboard для сайта на чистом JavaScript. Для общения с сервером используется JSONP. Все файлы шаблона, конфигов и стилей находятся в одном месте. Обычный набор функций: обновление в реальном времени, возможность подключения сторонних библиотек, etc.

Другие материалы по теме: