JavaScript Charts виджеты для визуализации и анализа данных

Webix JavaScript библиотека графиков и диаграмм предназначена для создания выдающихся аналитических веб-приложений и пользовательских интерфейсов. Данная библиотека позволяет реализовать динамическую визуализацию данных с плавной анимацией и рядом интерактивных функций. Все виджеты адаптивны и разработаны в соответствии с лучшими тенденциями материального дизайна.

JavaScript Chart виджет

Данный виджет представляет собой настраиваемый набор из 14 диаграмм (линейная, сплайн-диаграмма, комбинированная двумерная, столбиковая, круговая, объемная круговая, кольцевая, точечная, лепестковая диаграммы и др.). Интерактивные элементы управления пользовательским интерфейсом включают такие инструменты работы с данными, как сортировка, фильтрация и группировка.

JS Charts widget
JavaScript Pivot Chart виджет

Pivot Chart виджет обеспечивает структурирование и визуализацию данных в виде различных типов диаграмм и структурных наборов данных. Присутствует функция экспорта данных в форматах PDF, PNG, Excel и CVS. Одна из отличительных особенностей виджета - легкая интеграция с бэкендом и фронтендом.

JS Pivot Chart widget
JavaScript виджет Gage (Gauge)

Цель данного виджета - отобразить динамические данные с помощью плавной и интерактивной анимации, скорость которой можно настраивать. Gage (Gauge) виджет позволяет установить пользовательские метки, поля для заполнения и динамическое изменение цвета.

JS Gage (Gauge) widget
UI виджет Bullet Graph

Bullet graph виджет может быть использован для эффективного представления быстро меняющейся информации и создания информационных панелей . с большим объемом данных. Виджет имеет удобный дизайн с плавной анимацией. Пользователь может выбрать как горизонтальный, так и вертикальный Bullet graph в зависимости от интерфейса приложения.

JS Bullet Graph (Chart) UI widget
Barcode виджет

Barcode - это виджет, который отображает текстовые значения в машиночитаемом формате. Это дает возможность легко встраивать сгенерированные штрих-коды в Ваши приложения. Он включает в себя три типа штрих-кодов: EAN8, EAN13 и UPC-A. Ширина и высота самого штрих-кода и текста доступны для редактирования. Кроме того, есть возможность создавать персональный штрих-код.

JS Barcode widget
Excel Viewer виджет

Excel Viewer - это инструмент для просмотра файлов Excel. Файлы могут быть загружены путем установки удаленного/локального URL-адреса или парсинга содержимого загруженного файла с помощью соответствующего API Webix. Виджет легко редактируется. Панель инструментов содержит вкладки, позволяющие переключаться между листами.

Excel Viewer widget
GeoChart виджет

GeoChart обеспечивает интеграцию Google maps в любое приложение. Он может быть использован при разработке визуальных аналитических систем. Доступны все настройки Google GeoChart. Данные загружаются в GeoChart в форматах JSON, XML или CSV.

GeoChart widget
Iframe виджет

Iframe - это один из трех виджетов, позволяющих добавлять HTML-контент в приложения. Он позволяет встраивать в приложение любые внешние документы и веб-страницы. С помощью виджета можно показать несколько веб-страниц. Также предусмотрена удобная навигация.

Iframe widget
Maps виджет

Map виджет основан на API Google Карт. Это удобный инструмент для использования географической визуализации в приложениях. Виджет поддерживает четыре типа карт: дорожная карта, спутник, гибрид и ландшафт. Маркеры и слои тепловой карты настраиваются.

Maps widget
Organogram виджет

Organogram предназначен для создания иерархических диаграмм со связями между элементами данных. API похож на виджет пользовательского интерфейса JS Tree. Элементы легко настраиваются и стилизуются с помощью CSS. Функция выбора включена. Списки внутри каждого блока элементов доступны для редактирования и могут быть расположены по-разному.

Organogram widget
PDF Viewer виджет

PDF Viewer предоставляет возможность просмотра PDF-файлов в любом веб-приложении. PDF-документы можно просматривать, скачивать и загружать. Панель инструментов виджета включает в себя навигационные стрелки, метку текущей страницы, метку "все страницы", кнопки масштабирования и кнопку загрузки. Публичный API позволяет использовать панель инструментов отдельно от режима просмотра.

PDF Viewer widget
Template виджет

Template - это один из трех виджетов, позволяющих добавлять HTML-контент в приложения. Существует четыре предопределенных типа шаблонов, предоставляемых Webix: с тонкой серой рамкой, без полей, "заголовок" для частей интерфейса приложения и "раздел" из блоков элементов управления формами. Содержимое виджета быть либо текстом, либо HTML-разметкой с текстом, либо одним элементом данных. API виджета Template позволяет динамически настраивать содержимое.

Template widget
TreeMap виджет

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

TreeMap widget
Video виджет

Video виджет - это один из трех виджетов, которые позволяют добавлять HTML-контент в приложения. Виджет помогает встраивать видеофайлы в приложения. Он основан на теге HTML5 "video" и обеспечивает поддержку видеофайлов MP4, WebM и Ogg. API легко настраивается.

Video widget

Интеграция с инструментами от сторонних разработчиков

Webix это гибкая и высокопрофессиональная JavaScript библиотека. Ее легко интегрировать с любыми сторонними инструментами визуализации.

Интеграция с графиками от сторонних разработчиков

Вы можете интегрировать Webix с целым рядом сторонних графиков. Ознакомьтесь с документацией об интеграции с JavaScript графиками.

Интеграция с географическими картами

Webix позволяет встраивать географические карты в приложение с помощью своих собственных компонентов. Узнайте больше про интеграцию с картами от различных производителей.

Google Maps

Google Maps

Yandex Maps

Yandex Maps

OpenStreetMap

OpenStreetMap

HERE Maps

HERE Maps

Интеграция с другими графическими инструментами

Вы можете найти более подробную информацию об интеграции с графическими инструментами здесь.