Яндекс.Метрика
КомпоГраф — веб-компоненты для промышленных приложений | СПЕЦТЕХ
ООО «ИнфТех» ✓ Реестр Минцифры №20499

КомпоГраф

Программные компоненты для веб-приложений
Релиз 1.0 · ИнфТех · Реестр Минцифры №20499

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

✓ Авторизованный партнёр ИнфТех · сертификат ИТ26-07
ВЕБ-КОМПОНЕНТЫ UI-БИБЛИОТЕКА ДИАГРАММЫ РЕЕСТР МИНЦИФРЫ №20499
Стоимость лицензии
По запросу
Российская разработка
Запросить демо Документация
25 UI-компонентов
5 типов диаграмм
Конструктор диаграмм
Веб-браузеры Win/Linux
КомпоГраф — это комплексная библиотека веб-компонентов для создания современных пользовательских интерфейсов промышленных веб-приложений. Включает 25 UI-элементов, конструктор диаграмм и компоненты отображения данных.
КомпоГраф.Веб — компоненты UI
25 готовых UI-элементов
Кнопки и переключатели
Списки и меню
Поля ввода данных
Индикаторы прогресса
Контейнеры и лейауты
Уведомления
КомпоГраф.Веб — конструктор диаграмм
График (линейный)
Лепестковая диаграмма
Точечная диаграмма
Гистограмма (столбчатая)
Стрелочный индикатор
КомпоГраф.Веб — компоненты для отображения диаграмм
График (компонент отображения)
Лепестковая (компонент отображения)
Точечная (компонент отображения)
Гистограмма (компонент отображения)
Индикатор (компонент отображения)
Целевая аудитория и требования
ПользователиРазработчики веб-приложений
Операционные системыWindows / Linux
ПлатформаЛюбой веб-браузер
ПрименениеПромышленные веб-приложения
КомпоГраф.Веб включает 25 UI-компонентов, логически сгруппированных по функциональности. Каждый компонент имеет уникальный префикс kg- и поддерживает программное создание.

Кнопки и переключатели

Флажок kg-checkbox
Кнопка включатель kg-checkbox-button
Выключатель kg-switch
Переключатель kg-radio
Кнопка переключатель kg-radio-button
Плавающая кнопка kg-action-button

Списки и меню

Выпадающий список kg-dropdown
Панель кнопок kg-toolbar
Контекстное меню
Основное меню формы

Поля ввода

Input
Textarea
Поле со списком kg-select
Поле ввода чисел kg-number
Поле поиска kg-search
Выбор даты kg-datepicker

Индикаторы

Диапазон kg-range
Прогресс бар kg-progress

Контейнеры

Аккордеон
Вкладки
Модальное окно
Область
Грид
Грид с древом
Древовидный список

Уведомления

Всплывающие уведомления
Загрузка
Возможности компонентов
Кастомизация
Настройка внешнего вида
Конфигурируемые свойства
Адаптивная вёрстка
Интерактивность
Обработка событий
Динамическое создание
API для интеграции
КомпоГраф включает мощную подсистему создания и отображения диаграмм. Поддерживает 5 типов диаграмм с полной настройкой визуального оформления и интерактивности.
5 типов диаграмм
График (линейный)
Лепестковая диаграмма
Точечная диаграмма
Гистограмма
Стрелочный индикатор
Настройка заголовков
Текст заголовка
Расположение
Шрифт и размер
Цвет текста
Конфигурация легенды
8 позиций размещения
Настройка стиля
Скрытие/отображение
Интерактивность
Оси и сетка
Заголовки осей
Значения и подписи
Цвет осей
Сетка координат
Настройка графиков
Ряды данныхМножественные ряды с индивидуальными настройками
ЛинииТип, толщина, цвет, стиль линий
ЗаливкаОбласти под графиком, градиенты
МаркерыТочки данных, символы, размеры
Некачественные данныеОбработка пропущенных и ошибочных значений
Способы создания диаграмм
1
Создание через HTML
Декларативное создание диаграмм с помощью HTML-разметки и атрибутов для базовой конфигурации.
2
Создание через скрипт
Программное создание диаграмм с помощью JavaScript API для динамических и сложных сценариев.
Дополнительные возможности
Макет и отступы
Настройка отступов
Адаптивные размеры
Фоновые настройки
Работа с данными
Динамические данные
Конфигурация осей
API обновления
КомпоГраф предоставляет полную экосистему для разработчиков: от визуального дизайна до программного API. Каждый компонент поддерживает событийную модель и динамическое создание.
Структура компонента
Внешний вид
Интерфейс/Свойства
Описание функционала
Динамическое добавление
События
Скрипт
Разработка
Программное создание компонентов
События для взаимодействия
Преобразование типов
SVG-формат визуализации
Подходы к созданию компонентов
1
Декларативный подход
Создание компонентов через HTML-разметку с атрибутами. Подходит для статических интерфейсов и быстрой разработки.
2
Программный подход
Создание компонентов через JavaScript API. Обеспечивает полный контроль и динамическое поведение.
3
Гибридный подход
Комбинация декларативного создания с программным управлением. Оптимален для сложных приложений.
Событийная система
Click EventsОбработка кликов и касаний
Input EventsИзменение значений полей ввода
State EventsИзменение состояния компонентов
Custom EventsПользовательские события компонентов
Lifecycle EventsСобытия жизненного цикла (создание, уничтожение)
API и интеграция
JavaScript API
Методы создания
Управление свойствами
Обработчики событий
Методы управления
Визуализация
SVG-формат рендеринга
Векторная графика
Масштабируемость
Качественная отрисовка
Преобразования и типы данных
КомпоГраф автоматически обрабатывает преобразование типов данных между компонентами, обеспечивая совместимость и целостность данных в приложениях.
КомпоГраф представляет собой комплексную библиотеку веб-компонентов для создания профессиональных пользовательских интерфейсов промышленных приложений.
Основные характеристики
ТипНабор веб-компонентов
UI-элементы25 компонентов
Типы диаграмм5 (график, лепестковая, точечная, гистограмма, индикатор)
ПлатформаWindows / Linux
КлиентВеб-браузер
Целевая аудиторияРазработчики веб-приложений
РеестрМинцифры №20499
РазработчикООО «ИнфТех»
Технические требования
БраузерыChrome, Firefox, Edge, Safari (современные версии)
JavaScriptES6+ поддержка
CSSCSS3, Flexbox, Grid Layout
SVGПоддержка SVG 1.1
АдаптивностьResponsive design, мобильные устройства
Структура библиотеки
Основная библиотека компонентов
Модуль конструктора диаграмм
Компоненты отображения данных
Стили и темы
Применение
Промышленные веб-приложения
Системы мониторинга
Дашборды и панели управления
Аналитические интерфейсы
Лицензирование и поддержка
Тип лицензииКоммерческая лицензия
Модель поставкиКомплект веб-компонентов
ДокументацияПолная техническая документация
Техническая поддержкаПоддержка от ООО «ИнфТех»
ОбновленияРегулярные релизы и исправления
Преимущества выбора
1
Отечественная разработка
Полностью российский продукт, включённый в реестр Минцифры, обеспечивающий технологическую независимость.
2
Промышленная специализация
Компоненты созданы специально для промышленных веб-приложений с учётом специфики отрасли.
3
Комплексное решение
UI-компоненты, система диаграмм и конструктор в едином пакете для создания полноценных интерфейсов.