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

# Creación de visualizaciones personalizadas

Transforme los resultados de consultas SQL en gráficos interactivos mediante operaciones de arrastrar y soltar. La interfaz de visualización convierte los datos sin procesar en información visual sin necesidad de programación.

## Acceso a la interfaz de visualización

Después de ejecutar consultas SQL, aparecen dos pestañas encima de sus resultados:

| **Pestaña**       | **Propósito**                                            |
| ----------------- | -------------------------------------------------------- |
| **Datos**         | Revise los resultados de la consulta en formato de tabla |
| **Visualización** | Cree gráficos interactivos                               |

Haga clic **Visualización** para acceder al generador de gráficos inmediatamente después de la ejecución de la consulta.

## Descripción general de la interfaz

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

El espacio de trabajo de visualización consta de tres áreas coordinadas:

**Lista de campos** (panel izquierdo):

* **Dimensiones** - datos categóricos con iconos de estilo documento
* **Medidas** - datos numéricos con iconos de hashtag
* **Tiempo** - campos temporales para el análisis de tendencias

**Estantes de configuración** (centro):

* **Eje X/Eje Y** - estructura principal del gráfico
* **Filas/Columnas** - comparaciones en varios paneles
* **Filtros** - segmentación de datos
* **Color/Tamaño/Opacidad** - codificación visual

**Lienzo** (derecha):

* Visualización de gráficos en tiempo real con actualizaciones inmediatas
* Capacidades interactivas de zoom, desplazamiento y exploración

## Controles esenciales

![](/files/7838c233e015065896a013aad3e42f58962f8771)

Expanda la sección siguiente para ver los botones clave de la barra de herramientas que aceleran la creación de gráficos.

<details>

<summary>Ver la descripción de los controles principales</summary>

| **Control**                                                                                                                                                       | **Función**                                                          | **Uso**                                                                                                                      |
| ----------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------------------------------- |
| <p><strong>Agregación</strong><br><br><img src="/files/0df7c81aa62a436f9a3905455013b70f8fa0f128" alt="image-20250819-095023.png"></p>                             | Visualización de datos sin procesar frente a agregados               | Desactive para ver registros individuales; manténgalo activado para ver totales/promedios                                    |
| <p><strong>Tipos de marcas</strong><br><br><img src="/files/60990c1a6d57a9ed91ab9830eec00f6d6003a55a" alt="image-20250819-095030.png"></p>                        | Selección del tipo de gráfico (Barras, Líneas, etc.)                 | Cambie entre gráficos de barras, gráficos de líneas, diagramas de dispersión según sus necesidades de análisis               |
| <p><strong>Modo apilado</strong><br><br><img src="/files/35c5f9d2e5ea0ace07eb078e1d5f3dfba9dd519b" alt="image-20250819-095135.png"></p>                           | Crear un gráfico apilado o normalizar un gráfico                     | Apile barras para mostrar totales; normalice para comparar porcentajes entre categorías                                      |
| <p><strong>Transponer</strong><br><br><img src="/files/6a00dfa5f38408fe042e1dd5e940f56f8f12f47f" alt="image-20250819-095215.png"></p>                             | Cambiar el eje x y el eje y del gráfico                              | Invierta la orientación del gráfico cuando las categorías sean difíciles de leer o comparar                                  |
| <p><strong>Orden de clasificación</strong><br><br><img src="/files/8268bbadf60767965bc985c71ebca8815cf4dbcf" alt="image-20250819-095235.png"></p>                 | Ordenar en orden ascendente o descendente                            | Organice los datos desde los valores más altos hasta los más bajos (o viceversa) para identificar a los de mejor rendimiento |
| <p><strong>Redimensionamiento de ejes</strong><br><br><img src="/files/5f392ec17f3a3f505db6a4ef7ced8ce255259786" alt="image-20250819-095259.png"></p>             | Redimensionar los ejes                                               | Amplíe rangos de valores específicos para examinar los datos con más detalle                                                 |
| <p><strong>Modo de diseño</strong><br><br><img src="/files/fa17e58a317704eb0b3b03faeee4cdab2b9071e6" alt="image-20250819-095318.png"></p>                         | Redimensionar el gráfico o usar el gráfico de tamaño automático      | Cambie al tamaño manual cuando necesite gráficos más grandes para presentaciones                                             |
| <p><strong>Modo de exploración</strong><br><br><img src="/files/4b440ca65fa91462774308caf226f6aa82a36dcb" alt="image-20250819-095349.png"></p>                    | Explorar datos. Puede elegir el modo de puntos o el modo de pincel   | Seleccione puntos de datos individuales o arrastre para seleccionar varios puntos para un análisis detallado                 |
| <p><strong>Exportar</strong><br><br><img src="/files/56694f454f1ca9bb88536752608dd8afe658ae62" alt="image-20250819-095401.png"></p>                               | Guardar visualizaciones (PNG o SVG)                                  | Descargue imágenes de gráficos para informes, presentaciones o documentación                                                 |
| <p><strong>Exportar como CSV</strong><br><br><img src="/files/7d55dd606482635c0c9a5f0595b59c1350f7f220" alt="image-20250819-095721.png" data-size="original"></p> | Exportar datos visualizados en formato CSV                           | Descargue los datos subyacentes para analizarlos en Excel u otros programas de hojas de cálculo                              |
| <p><strong>Exportar código</strong><br><br><img src="/files/7514a2b03b90bd56e7d017ed6899be3ec94571b2" alt="image-20250819-095828.png" data-size="original"></p>   | Exportar visualización como código en Python o JSON (Graphic Walker) | Obtenga el código para recrear este gráfico exacto en sus propios scripts de Python                                          |

</details>

## Creación de visualizaciones: flujo de trabajo de ejemplo

**Escenario de ejemplo**: Análisis de datos operativos con campos como `category_field`, `performance_metric`, `timestamp`, `region`.

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

* Arrastre un campo categórico (p. ej., `category_field`) → **Eje X**
* Arrastre un campo numérico (p. ej., `performance_metric`) → **Eje Y**
* La interfaz crea automáticamente un gráfico de barras agregado
  {% endstep %}

{% step %}
**Refinar el tipo de visualización**

Haga clic **Tipos de marcas** botón para ver alternativas:

* **Gráficos de barras**: comparaciones entre categorías
* **Gráficos de líneas**: análisis de tendencias a lo largo del tiempo
* **Diagramas de dispersión**: análisis de correlación (desactive la agregación)
  {% endstep %}

{% step %}
**Agregar profundidad analítica**

* Arrastre un campo categórico adicional → **Color** estante = diferenciación visual
* Arrastre un campo numérico → **Tamaño** estante = representación proporcional
* Varias dimensiones revelan relaciones ocultas
  {% endstep %}
  {% endstepper %}

\[CAPTURA DE PANTALLA: Creación progresiva de gráficos que muestra cómo un gráfico de barras básico evoluciona hacia un análisis multidimensional]

## Técnicas avanzadas

### Análisis de varios paneles

Cree vistas comparativas mediante **Filas/Columnas** estantes:

* Arrastre un campo categórico → **Filas** = paneles separados para cada categoría
* Las escalas consistentes permiten comparaciones cruzadas directas
* Revela patrones ocultos en las vistas agregadas

### Filtrado y enfoque

Use **Filtros** estante para análisis específicos:

* Arrastre campos categóricos para la selección de subconjuntos
* Arrastre campos numéricos para el filtrado basado en rangos
* Varios filtros se combinan para una exploración precisa de los datos

### Exploración interactiva

* Redimensionamiento manual de gráficos mediante **Redimensionar** opciones del botón
* Capacidades de zoom y desplazamiento para un examen detallado
* Capacidades de exportación para compartir e integrar

{% hint style="info" %}
**Consejo de rendimiento**: Aplique filtros antes de crear visualizaciones complejas para mantener la capacidad de respuesta con conjuntos de datos grandes.
{% endhint %}

## Evaluación de sus resultados

Después de crear visualizaciones personalizadas, evalúe si este enfoque satisface sus necesidades analíticas:

**Complejidad de la visualización**: ¿Puede crear los gráficos y la información necesarios para sus decisiones operativas?

**Profundidad de exploración de datos**: ¿Las capacidades interactivas proporcionan suficiente flexibilidad analítica?

**Uso compartido e integración**: ¿Las opciones de exportación respaldan sus flujos de trabajo de elaboración de informes y colaboración?

**Rendimiento y escalabilidad**: ¿La interfaz gestiona eficazmente su volumen de datos y sus requisitos de complejidad?

## Próximos pasos

Según su experiencia con visualizaciones personalizadas, es posible que necesite capacidades más avanzadas. Para obtener orientación completa sobre cómo seleccionar herramientas de inteligencia empresarial adecuadas que se ajusten a sus requisitos específicos y necesidades organizativas, consulte [Selección de herramientas de BI](/docs/analytics/es/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/es/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.