> For the complete documentation index, see [llms.txt](https://navixy.com/docs/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://navixy.com/docs/analytics/ru/explorer-for-iotquery/custom-analysis-sql-configurator/creating-custom-visualizations.md).

# Создание пользовательских визуализаций

Создавайте интерактивные диаграммы по результатам SQL-запросов с помощью настройки перетаскиванием. Добавляйте фильтры, переключайте типы диаграмм и располагайте панели рядом

Преобразуйте результаты SQL-запроса в интерактивные диаграммы с помощью операций перетаскивания. Интерфейс визуализации преобразует сырые данные в наглядные выводы без необходимости программирования.

## Доступ к интерфейсу визуализации

После выполнения SQL-запросов над результатами появляются две вкладки:

| **Вкладка**      | **Назначение**                                   |
| ---------------- | ------------------------------------------------ |
| **Данные**       | Просмотр результатов запроса в табличном формате |
| **Визуализация** | Создание интерактивных диаграмм                  |

Нажмите **Визуализация** чтобы перейти к конструктору диаграмм сразу после выполнения запроса.

## Обзор интерфейса

<figure><img src="https://1999959041-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoFNFEIINiGFbhi3Px3dE%2Fuploads%2Fgit-blob-5b324fb5f104043d6e90b5ce4e2eb7d1008b2737%2Fimage-20250819-101042.png?alt=media" alt="Query execution results showing Data and Visualization tabs with transition to chart builder"><figcaption></figcaption></figure>

Рабочая область визуализации состоит из трех согласованных областей:

**Список полей** (левая панель):

* **Измерения** - категориальные данные со значками в виде документа
* **Меры** - числовые данные со значками #
* **Время** - временные поля для анализа трендов

**Полки конфигурации** (в центре):

* **Ось X/Ось Y** - основная структура диаграммы
* **Строки/Столбцы** - сравнения по нескольким панелям
* **Фильтры** - отбор подмножества данных
* **Цвет/Размер/Непрозрачность** - визуальное кодирование

**Полотно** (справа):

* Отображение диаграммы в реальном времени с немедленным обновлением
* Интерактивное масштабирование, панорамирование и возможности исследования

## Основные элементы управления

![](https://1999959041-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoFNFEIINiGFbhi3Px3dE%2Fuploads%2Fgit-blob-0cb320c900f3f8a3d2eb023fef91d244da088372%2Fimage-20250819-101740.png?alt=media)

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

<details>

<summary>См. описание основных элементов управления</summary>

| **Элемент управления**                                                                                                                                                                                                                                                                                                        | **Функция**                                                                    | **Использование**                                                                                                              |
| ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------ | ------------------------------------------------------------------------------------------------------------------------------ |
| <p><strong>Агрегация</strong><br><br><img src="https://1999959041-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoFNFEIINiGFbhi3Px3dE%2Fuploads%2Fgit-blob-db06e13e449a1bd9145f5b94146dd23792b8d810%2Fimage-20250819-095023.png?alt=media" alt="image-20250819-095023.png"></p>                          | Отображение сырых и агрегированных данных                                      | Выключите, чтобы видеть отдельные записи; оставьте включенным, чтобы видеть итоги/средние значения                             |
| <p><strong>Типы меток</strong><br><br><img src="https://1999959041-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoFNFEIINiGFbhi3Px3dE%2Fuploads%2Fgit-blob-70a2afec31d1c5880a2f0aa71852404d847f660f%2Fimage-20250819-095030.png?alt=media" alt="image-20250819-095030.png"></p>                         | Выбор типа диаграммы (Bar, Line и т. д.)                                       | Переключайтесь между столбчатыми диаграммами, линейными графиками и точечными диаграммами в зависимости от ваших задач анализа |
| <p><strong>Режим накопления</strong><br><br><img src="https://1999959041-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoFNFEIINiGFbhi3Px3dE%2Fuploads%2Fgit-blob-82966d224213a82e7db649cf3260761c3364fafd%2Fimage-20250819-095135.png?alt=media" alt="image-20250819-095135.png"></p>                   | Создать стековую диаграмму или нормализовать диаграмму                         | Накладывайте столбцы, чтобы показать итоги; нормализуйте для сравнения процентов по категориям                                 |
| <p><strong>Поменять местами</strong><br><br><img src="https://1999959041-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoFNFEIINiGFbhi3Px3dE%2Fuploads%2Fgit-blob-b3c64e5f52578991a6215146a9230d44013f53f4%2Fimage-20250819-095215.png?alt=media" alt="image-20250819-095215.png"></p>                   | Поменять местами оси X и Y диаграммы                                           | Переверните ориентацию диаграммы, когда категории трудно читать или сравнивать                                                 |
| <p><strong>Порядок сортировки</strong><br><br><img src="https://1999959041-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoFNFEIINiGFbhi3Px3dE%2Fuploads%2Fgit-blob-49b13a0e47379ed8926ea67ea7f38b38f7c2fa58%2Fimage-20250819-095235.png?alt=media" alt="image-20250819-095235.png"></p>                 | Сортировать по возрастанию или по убыванию                                     | Расположите данные от наибольших значений к наименьшим (или наоборот), чтобы определить лидеров                                |
| <p><strong>Изменение размера осей</strong><br><br><img src="https://1999959041-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoFNFEIINiGFbhi3Px3dE%2Fuploads%2Fgit-blob-bbf5ed9b32f0e3acf7aeae48b974bbc72bc07d69%2Fimage-20250819-095259.png?alt=media" alt="image-20250819-095259.png"></p>             | Изменить размер осей                                                           | Увеличьте отдельные диапазоны значений, чтобы подробнее изучить данные                                                         |
| <p><strong>Режим компоновки</strong><br><br><img src="https://1999959041-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoFNFEIINiGFbhi3Px3dE%2Fuploads%2Fgit-blob-fe5a59221385122f318587bfd28d3e4513a5acf3%2Fimage-20250819-095318.png?alt=media" alt="image-20250819-095318.png"></p>                   | Изменить размер диаграммы или использовать диаграмму с автоматическим размером | Переключитесь на ручной размер, когда нужны более крупные диаграммы для презентаций                                            |
| <p><strong>Режим исследования</strong><br><br><img src="https://1999959041-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoFNFEIINiGFbhi3Px3dE%2Fuploads%2Fgit-blob-bebc23f6350a62a089831171a9cc86f773d95d4d%2Fimage-20250819-095349.png?alt=media" alt="image-20250819-095349.png"></p>                 | Изучайте данные. Вы можете выбрать режим точки или режим кисти                 | Выбирайте отдельные точки данных или перетаскивайте, чтобы выделить несколько точек для детального анализа                     |
| <p><strong>Экспорт</strong><br><br><img src="https://1999959041-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoFNFEIINiGFbhi3Px3dE%2Fuploads%2Fgit-blob-f78b79c6d516e2312d37e86c4fed2e0e26d2734e%2Fimage-20250819-095401.png?alt=media" alt="image-20250819-095401.png"></p>                            | Сохранить визуализации (PNG или SVG)                                           | Скачивайте изображения диаграмм для отчетов, презентаций или документации                                                      |
| <p><strong>Экспорт в CSV</strong><br><br><img src="https://1999959041-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoFNFEIINiGFbhi3Px3dE%2Fuploads%2Fgit-blob-cc11118cda791d081a4b367ffb3bdaf57c6d7520%2Fimage-20250819-095721.png?alt=media" alt="image-20250819-095721.png" data-size="original"></p> | Экспортируйте визуализированные данные в формате CSV                           | Скачайте исходные данные для анализа в Excel или других табличных программах                                                   |
| <p><strong>Экспорт кода</strong><br><br><img src="https://1999959041-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoFNFEIINiGFbhi3Px3dE%2Fuploads%2Fgit-blob-23cb8613aaca86075f15f2f3c23f8ee2ce39f14a%2Fimage-20250819-095828.png?alt=media" alt="image-20250819-095828.png" data-size="original"></p>  | Экспортируйте визуализацию как код на Python или JSON (Graphic Walker)         | Получите код, чтобы воспроизвести эту точную диаграмму в своих скриптах Python                                                 |

</details>

## Создание визуализаций: пример рабочего процесса

**Пример сценария**: Анализ операционных данных с полями, такими как `category_field`, `performance_metric`, `метка времени`, `region`.

{% stepper %}
{% step %}
**Создайте базовую диаграмму**

* Перетащите категориальное поле (например, `category_field`) → **Ось X**
* Перетащите числовое поле (например, `performance_metric`) → **Ось Y**
* Интерфейс автоматически создаст агрегированную столбчатую диаграмму
  {% endstep %}

{% step %}
**Уточните тип визуализации**

Нажмите **Типы меток** кнопка для альтернативных вариантов:

* **Столбчатые диаграммы**: сравнение категорий
* **Линейные графики**: анализ тренда во времени
* **Точечные диаграммы**: анализ корреляций (выключите агрегацию)
  {% endstep %}

{% step %}
**Добавьте аналитическую глубину**

* Перетащите дополнительное категориальное поле → **Цвет** полка = визуальное различие
* Перетащите числовое поле → **Размер** полка = пропорциональное отображение
* Несколько измерений выявляют скрытые связи
  {% endstep %}
  {% endstepper %}

\[СКРИНШОТ: Постепенное построение диаграммы: базовая столбчатая диаграмма превращается в многомерный анализ]

## Продвинутые методы

### Многопанельный анализ

Создавайте сравнительные представления с помощью **Строки/Столбцы** полок:

* Перетащите категориальное поле → **Строки** = отдельные панели для каждой категории
* Единые шкалы позволяют проводить прямые сравнения между панелями
* Позволяет увидеть закономерности, скрытые в агрегированных представлениях

### Фильтрация и фокус

Используйте **Фильтры** полку для целевого анализа:

* Перетащите категориальные поля для выбора подмножества
* Перетащите числовые поля для фильтрации по диапазону
* Несколько фильтров объединяются для точного изучения данных

### Интерактивное исследование

* Ручное изменение размера диаграммы с помощью **Изменить размер** параметров кнопки
* Возможности масштабирования и панорамирования для детального изучения
* Возможности экспорта для обмена и интеграции

{% hint style="info" %}
**Совет по производительности**: Применяйте фильтры перед сложными визуализациями, чтобы сохранить отзывчивость при работе с большими наборами данных.
{% endhint %}

## Оценка результатов

После создания пользовательских визуализаций оцените, отвечает ли этот подход вашим аналитическим потребностям:

**Сложность визуализации**: Можете ли вы создавать диаграммы и получать выводы, необходимые для ваших операционных решений?

**Глубина исследования данных**: Обеспечивают ли интерактивные возможности достаточную аналитическую гибкость?

**Обмен и интеграция**: Поддерживают ли варианты экспорта ваши рабочие процессы отчетности и совместной работы?

**Производительность и масштабируемость**: Эффективно ли интерфейс справляется с требованиями к объему и сложности ваших данных?

## Следующие шаги

Исходя из вашего опыта работы с пользовательскими визуализациями, вам могут понадобиться более продвинутые возможности. Для получения подробных рекомендаций по выбору подходящих инструментов бизнес-аналитики, соответствующих вашим конкретным требованиям и потребностям организации, см. [Выбор BI-инструментов](/docs/analytics/ru/iot-query/connection-setup/selecting-bi-tools.md).


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter, and the optional `goal` query parameter:

```
GET https://navixy.com/docs/analytics/ru/explorer-for-iotquery/custom-analysis-sql-configurator/creating-custom-visualizations.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.