> 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-запросов над результатами появляются две вкладки:

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

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

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

<figure><img src="/files/5b122f84409d22c039d76f57f869094f5a44d2f6" alt="Query execution results showing Data and Visualization tabs with transition to chart builder"><figcaption></figcaption></figure>

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

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

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

**Области настройки** (центр):

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

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

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

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

![](/files/bc992408b3b912ed3da5e989e39bb28644fccf2d)

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

<details>

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

| **Элемент управления**                                                                                                                                        | **Функция**                                                                    | **Использование**                                                                                                        |
| ------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------ | ------------------------------------------------------------------------------------------------------------------------ |
| <p><strong>Агрегация</strong><br><br><img src="/files/1130ffa228dd0c05b66ea4a2e7107467e875fb56" alt="image-20250819-095023.png"></p>                          | Отображение исходных данных или агрегированных данных                          | Выключите, чтобы видеть отдельные записи; оставьте включенным, чтобы видеть итоги/средние значения                       |
| <p><strong>Типы маркеров</strong><br><br><img src="/files/a5ebd0a95204eed7d3e57a5ae80699cc853194e4" alt="image-20250819-095030.png"></p>                      | Выбор типа диаграммы (столбчатая, линейная и т. д.)                            | Переключайтесь между столбчатыми диаграммами, линейными графиками и диаграммами рассеяния в зависимости от задач анализа |
| <p><strong>Режим накопления</strong><br><br><img src="/files/6035faaf70c51a0af1ce900bc705a524203f8626" alt="image-20250819-095135.png"></p>                   | Создать накопительную диаграмму или нормализовать диаграмму                    | Сгруппируйте столбцы, чтобы показать итоги; нормализуйте, чтобы сравнивать проценты между категориями                    |
| <p><strong>Перенос осей</strong><br><br><img src="/files/4f2078df6bf008883d8c2ac69182522c3520aa31" alt="image-20250819-095215.png"></p>                       | Поменять местами ось X и ось Y диаграммы                                       | Измените ориентацию диаграммы, если категории трудно читать или сравнивать                                               |
| <p><strong>Порядок сортировки</strong><br><br><img src="/files/5622c6cde36e3d632836cddd1bf08636003ae76c" alt="image-20250819-095235.png"></p>                 | Сортировать по возрастанию или по убыванию                                     | Упорядочьте данные от наибольших значений к наименьшим (или наоборот), чтобы определить лидеров                          |
| <p><strong>Изменение размера осей</strong><br><br><img src="/files/d57bc9b24995a4021e2ef30fec53623866318142" alt="image-20250819-095259.png"></p>             | Изменить размер осей                                                           | Приблизьте определенные диапазоны значений, чтобы рассмотреть данные подробнее                                           |
| <p><strong>Режим макета</strong><br><br><img src="/files/9e3ac10046149b967ffd7b066e2860a2bb14a148" alt="image-20250819-095318.png"></p>                       | Изменить размер диаграммы или использовать диаграмму с автоматическим размером | Переключитесь на ручной режим изменения размера, если вам нужны более крупные диаграммы для презентаций                  |
| <p><strong>Режим исследования</strong><br><br><img src="/files/023fc50e103931fb40b6e95bcb5f9cbd6f4fdd1c" alt="image-20250819-095349.png"></p>                 | Исследуйте данные. Вы можете выбрать либо режим точек, либо режим кисти        | Выбирайте отдельные точки данных или перетаскивайте, чтобы выделить несколько точек для детального анализа               |
| <p><strong>Экспорт</strong><br><br><img src="/files/d4f687d021949bd46f35e2e25acd47dffb512166" alt="image-20250819-095401.png"></p>                            | Сохранение визуализаций (PNG или SVG)                                          | Скачивайте изображения диаграмм для отчетов, презентаций или документации                                                |
| <p><strong>Экспорт в CSV</strong><br><br><img src="/files/35b321c7d0107e8b482a75993d3140e8afcc79b6" alt="image-20250819-095721.png" data-size="original"></p> | Экспорт визуализированных данных в формате CSV                                 | Скачайте исходные данные для анализа в Excel или других табличных процессорах                                            |
| <p><strong>Экспорт кода</strong><br><br><img src="/files/7edced9f48acaf3d11c390e336256f91e08759fa" alt="image-20250819-095828.png" data-size="original"></p>  | Экспорт визуализации в виде кода на Python или JSON (Graphic Walker)           | Получите код для воссоздания этой точной диаграммы в собственных сценариях Python                                        |

</details>

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

**Пример сценария**: Анализ операционных данных с полями, такими как `category_field`, `performance_metric`, `timestamp`, `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.