> 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

Cree gráficos interactivos a partir de los resultados de consultas SQL mediante configuración de arrastrar y soltar. Agregue filtros, cambie los tipos de gráfico y organice paneles uno al lado del otro

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

## Acceder 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 en **Visualización** para acceder al generador de gráficos inmediatamente después de ejecutar la consulta.

## Visión general de la interfaz

<figure><img src="https://3863334083-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>

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

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

* **Dimensiones** - datos categóricos con iconos 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 multipanel
* **Filtros** - subconjunto de datos
* **Color/Tamaño/Opacidad** - codificación visual

**Lienzo** (derecha):

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

## Controles esenciales

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

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>Consulte la descripción de los controles principales</summary>

| **Control**                                                                                                                                                                                                                                                                                                                       | **Función**                                                            | **Uso**                                                                                                             |
| --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ---------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------- |
| <p><strong>Agregación</strong><br><br><img src="https://3863334083-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>                             | Visualización de datos brutos frente a datos agregados                 | Desactívelo para ver registros individuales; manténgalo activado para ver totales/promedios                         |
| <p><strong>Tipos de marca</strong><br><br><img src="https://3863334083-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>                         | Selección del tipo de gráfico (barras, líneas, etc.)                   | Cambie entre gráficos de barras, gráficos de líneas y diagramas de dispersión según sus necesidades de análisis     |
| <p><strong>Modo de apilado</strong><br><br><img src="https://3863334083-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>                        | Cree un gráfico apilado o normalice un gráfico                         | Apile las barras para mostrar totales; normalice para comparar porcentajes entre categorías                         |
| <p><strong>Transponer</strong><br><br><img src="https://3863334083-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>                             | Intercambie 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="https://3863334083-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>                 | Ordene en orden ascendente o descendente                               | Organice los datos de los valores más altos a los más bajos (o viceversa) para identificar a los de mejor desempeño |
| <p><strong>Redimensionamiento de ejes</strong><br><br><img src="https://3863334083-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>             | Redimensione los ejes                                                  | Acerque rangos de valores específicos para examinar los datos con más detalle                                       |
| <p><strong>Modo de diseño</strong><br><br><img src="https://3863334083-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>                         | Cambie el tamaño del gráfico o use 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="https://3863334083-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>                    | Explore los datos. Puede elegir el modo de punto 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="https://3863334083-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>                               | Guarde visualizaciones (PNG o SVG)                                     | Descargue imágenes de gráficos para reportes, presentaciones o documentación                                        |
| <p><strong>Exportar como CSV</strong><br><br><img src="https://3863334083-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> | Exporte los 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="https://3863334083-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>   | Exporte la visualización como código en Python o JSON (Graphic Walker) | Obtenga el código para recrear exactamente este gráfico en sus propios scripts de Python                            |

</details>

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

**Escenario de ejemplo**: Analizando datos operativos con campos como `category_field`, `performance_metric`, `marca de tiempo`, `region`.

{% stepper %}
{% step %}
**Cree el 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 en **Tipos de marca** botón para ver alternativas:

* **Gráficos de barras**: comparaciones de 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 %}
**Añadir 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
* Múltiples 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 multipanel

Cree vistas comparativas usando **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** el estante para un análisis dirigido:

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

### Exploración interactiva

* Redimensionamiento manual del gráfico 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 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 necesaria para sus decisiones operativas?

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

**Compartir e integrar**: ¿Las opciones de exportación admiten sus flujos de trabajo de reportes y colaboración?

**Rendimiento y escalabilidad**: ¿La interfaz maneja de manera eficaz sus requisitos de volumen y complejidad de datos?

## 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 las herramientas de inteligencia de negocios adecuadas que se ajusten a sus requisitos específicos y a las necesidades de su organización, consulte [Seleccionar 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.
