> 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/pt-br/explorer-for-iotquery/custom-analysis-sql-configurator/creating-custom-visualizations.md).

# Criando visualizações personalizadas

Transforme os resultados de consultas SQL em gráficos interativos por meio de operações de arrastar e soltar. A interface de visualização converte dados brutos em insights visuais sem necessidade de programação.

## Acessando a interface de visualização

Após executar consultas SQL, duas abas aparecem acima dos resultados:

| **Aba**          | **Finalidade**                                         |
| ---------------- | ------------------------------------------------------ |
| **Dados**        | Revisar os resultados da consulta em formato de tabela |
| **Visualização** | Criar gráficos interativos                             |

Clique em **Visualização** para acessar o criador de gráficos imediatamente após a execução da consulta.

## Visão geral da interface

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

A área de trabalho de visualização consiste em três áreas coordenadas:

**Lista de campos** (painel esquerdo):

* **Dimensões** - dados categóricos com ícones no estilo de documento
* **Métricas** - dados numéricos com ícones de hashtag
* **Tempo** - campos temporais para análise de tendências

**Prateleiras de configuração** (centro):

* **Eixo X/Eixo Y** - estrutura principal do gráfico
* **Linhas/Colunas** - comparações em múltiplos painéis
* **Filtros** - subsetização de dados
* **Cor/Tamanho/Opacidade** - codificação visual

**Tela** (direita):

* Exibição do gráfico em tempo real com atualizações imediatas
* Capacidades interativas de zoom, panorâmica e exploração

## Controles essenciais

![](/files/242c69324592c9e9154f192562b2a278ecc463fc)

Expanda a seção abaixo para ver os principais botões da barra de ferramentas que aceleram a criação de gráficos.

<details>

<summary>Ver descrição dos principais controles</summary>

| **Controle**                                                                                                                                                      | **Função**                                                             | **Uso**                                                                                                               |
| ----------------------------------------------------------------------------------------------------------------------------------------------------------------- | ---------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------- |
| <p><strong>Agregação</strong><br><br><img src="/files/58054e8fa62c7d4470d04702fad0165d8eeb572d" alt="image-20250819-095023.png"></p>                              | Exibição de dados brutos vs. agregados                                 | Desative para ver registros individuais; mantenha ativado para ver totais/médias                                      |
| <p><strong>Tipos de marca</strong><br><br><img src="/files/79906c7f906a6832fdd46c7a1995a45dbfd693c7" alt="image-20250819-095030.png"></p>                         | Seleção do tipo de gráfico (Barra, Linha etc.)                         | Alterne entre gráficos de barras, gráficos de linhas e gráficos de dispersão com base nas necessidades da sua análise |
| <p><strong>Modo de empilhamento</strong><br><br><img src="/files/6005d9669ca5828241e681492d4b8c1260074e14" alt="image-20250819-095135.png"></p>                   | Criar um gráfico empilhado ou normalizar um gráfico                    | Empilhe barras para mostrar totais; normalize para comparar percentuais entre categorias                              |
| <p><strong>Transpor</strong><br><br><img src="/files/723a3eb44650729c749efb3ba236373e343a6d76" alt="image-20250819-095215.png"></p>                               | Alternar o eixo x e o eixo y do gráfico                                | Inverta a orientação do gráfico quando as categorias forem difíceis de ler ou comparar                                |
| <p><strong>Ordem de classificação</strong><br><br><img src="/files/fdeca1d61ec3f477d030bcce0bb32d6eb77dfebf" alt="image-20250819-095235.png"></p>                 | Classificar em ordem crescente ou decrescente                          | Organize os dados do maior para o menor valor (ou vice-versa) para identificar os melhores desempenhos                |
| <p><strong>Redimensionamento dos eixos</strong><br><br><img src="/files/a49d61eb741c4018e7126deef69b861de4d18961" alt="image-20250819-095259.png"></p>            | Redimensionar os eixos                                                 | Aproxime faixas específicas de valores para examinar os dados com mais detalhes                                       |
| <p><strong>Modo de layout</strong><br><br><img src="/files/729b3be2376a983daa08df875c863fc5c0b215fb" alt="image-20250819-095318.png"></p>                         | Redimensionar o gráfico ou usar o gráfico com tamanho automático       | Alterne para o dimensionamento manual quando precisar de gráficos maiores para apresentações                          |
| <p><strong>Modo de exploração</strong><br><br><img src="/files/bab8966cd843a77fa8a52bb40eb39d059fc172c5" alt="image-20250819-095349.png"></p>                     | Explorar dados. Você pode escolher o modo de ponto ou o modo de pincel | Selecione pontos de dados individuais ou arraste para selecionar vários pontos para análise detalhada                 |
| <p><strong>Exportar</strong><br><br><img src="/files/e64ab66b5c0a7715b13182df50ececf3292ad650" alt="image-20250819-095401.png"></p>                               | Salvar visualizações (PNG ou SVG)                                      | Baixe imagens de gráficos para relatórios, apresentações ou documentação                                              |
| <p><strong>Exportar como CSV</strong><br><br><img src="/files/21f7a412366528784444069d345c080a15214386" alt="image-20250819-095721.png" data-size="original"></p> | Exportar os dados visualizados em formato CSV                          | Baixe os dados subjacentes para analisar no Excel ou em outros programas de planilha                                  |
| <p><strong>Exportar código</strong><br><br><img src="/files/f8cfaf3a5bdcfe362aff6b9ead9c85904a586f5a" alt="image-20250819-095828.png" data-size="original"></p>   | Exportar a visualização como código em Python ou JSON (Graphic Walker) | Obtenha o código para recriar este gráfico exato em seus próprios scripts Python                                      |

</details>

## Construindo visualizações: fluxo de trabalho de exemplo

**Cenário de exemplo**: Analisando dados operacionais com campos como `category_field`, `performance_metric`, `timestamp`, `region`.

{% stepper %}
{% step %}
**Criar gráfico base**

* Arraste o campo categórico (por exemplo, `category_field`) → **Eixo X**
* Arraste o campo numérico (por exemplo, `performance_metric`) → **Eixo Y**
* A interface cria automaticamente um gráfico de barras agregado
  {% endstep %}

{% step %}
**Refinar o tipo de visualização**

Clique em **Tipos de marca** botão para alternativas:

* **Gráficos de barras**: comparações entre categorias
* **Gráficos de linhas**: análise de tendências ao longo do tempo
* **Gráficos de dispersão**: análise de correlação (desative a agregação)
  {% endstep %}

{% step %}
**Adicionar profundidade analítica**

* Arraste um campo categórico adicional → **Cor** prateleira = diferenciação visual
* Arraste um campo numérico → **Tamanho** prateleira = representação proporcional
* Múltiplas dimensões revelam relações ocultas
  {% endstep %}
  {% endstepper %}

\[CAPTURA DE TELA: Construção progressiva de gráficos mostrando um gráfico de barras básico evoluindo para uma análise multidimensional]

## Técnicas avançadas

### Análise em múltiplos painéis

Crie visualizações comparativas usando as prateleiras: **Linhas/Colunas** prateleiras:

* Arraste um campo categórico → **Linhas** = painéis separados para cada categoria
* Escalas consistentes permitem comparações diretas entre categorias
* Revela padrões ocultos em visualizações agregadas

### Filtragem e foco

Use **Filtros** prateleira para análise direcionada:

* Arraste campos categóricos para seleção de subconjunto
* Arraste campos numéricos para filtragem baseada em faixa
* Vários filtros se combinam para uma exploração precisa dos dados

### Exploração interativa

* Redimensionamento manual do gráfico usando as opções do botão **Redimensionar** botão
* Capacidades de zoom e panorâmica para exame detalhado
* Capacidades de exportação para compartilhamento e integração

{% hint style="info" %}
**Dica de desempenho**: Aplique filtros antes de visualizações complexas para manter a responsividade com grandes conjuntos de dados.
{% endhint %}

## Avaliando seus resultados

Após criar visualizações personalizadas, avalie se essa abordagem atende às suas necessidades analíticas:

**Complexidade da visualização**: Você consegue criar os gráficos e os insights necessários para suas decisões operacionais?

**Profundidade da exploração de dados**: Os recursos interativos oferecem flexibilidade analítica suficiente?

**Compartilhamento e integração**: As opções de exportação dão suporte aos seus fluxos de trabalho de relatórios e colaboração?

**Desempenho e escalabilidade**: A interface lida de forma eficaz com o volume e a complexidade dos seus dados?

## Próximas etapas

Com base na sua experiência com visualizações personalizadas, talvez você precise de recursos mais avançados. Para orientação abrangente sobre como selecionar ferramentas de business intelligence adequadas às suas necessidades específicas e organizacionais, consulte [Seleção de ferramentas de BI](/docs/analytics/pt-br/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/pt-br/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.