> ## Documentation Index
> Fetch the complete documentation index at: https://private-7c7dfe99-mintlify-8c05c8a2.mintlify.site/llms.txt
> Use this file to discover all available pages before exploring further.

> Apache Superset es una plataforma de código abierto para la exploración y visualización de datos.

# Conectar Superset con ClickHouse

export const ClickHouseSupportedBadge = () => {
  return <div className="ClickHouseSupportedBadge">
            <div className="ClickHouseSupportedIcon">
                <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M1.30762 1.39073C1.30762 1.3103 1.37465 1.22986 1.46849 1.22986H2.64824C2.72868 1.22986 2.80912 1.29689 2.80912 1.39073V14.4886C2.80912 14.5691 2.74209 14.6495 2.64824 14.6495H1.46849C1.38805 14.6495 1.30762 14.5825 1.30762 14.4886V1.39073Z" fill="currentColor" />
                    <path d="M4.2832 1.39073C4.2832 1.3103 4.35023 1.22986 4.44408 1.22986H5.62383C5.70427 1.22986 5.7847 1.29689 5.7847 1.39073V14.4886C5.7847 14.5691 5.71767 14.6495 5.62383 14.6495H4.44408C4.36364 14.6495 4.2832 14.5825 4.2832 14.4886V1.39073Z" fill="currentColor" />
                    <path d="M7.25977 1.39073C7.25977 1.3103 7.3268 1.22986 7.42064 1.22986H8.60039C8.68083 1.22986 8.76127 1.29689 8.76127 1.39073V14.4886C8.76127 14.5691 8.69423 14.6495 8.60039 14.6495H7.42064C7.3402 14.6495 7.25977 14.5825 7.25977 14.4886V1.39073Z" fill="currentColor" />
                    <path d="M10.2354 1.39073C10.2354 1.3103 10.3024 1.22986 10.3962 1.22986H11.576C11.6564 1.22986 11.7369 1.29689 11.7369 1.39073V14.4886C11.7369 14.5691 11.6698 14.6495 11.576 14.6495H10.3962C10.3158 14.6495 10.2354 14.5825 10.2354 14.4886V1.39073Z" fill="currentColor" />
                    <path d="M13.2256 6.6057C13.2256 6.52526 13.2926 6.44482 13.3865 6.44482H14.5662C14.6466 6.44482 14.7271 6.51186 14.7271 6.6057V9.27354C14.7271 9.35398 14.6601 9.43442 14.5662 9.43442H13.3865C13.306 9.43442 13.2256 9.36739 13.2256 9.27354V6.6057Z" fill="currentColor" />
                </svg>
            </div>
            Compatible con ClickHouse
        </div>;
};

export const Image = ({img, alt, size}) => {
  return <Frame>
      <img src={img} alt={alt} />
    </Frame>;
};

<a href="https://superset.apache.org/" target="_blank">Apache Superset</a> es una plataforma de código abierto para la exploración y visualización de datos escrita en Python. Superset se conecta a ClickHouse con un controlador de Python proporcionado por ClickHouse. Veamos cómo funciona...

<div id="goal">
  ## Objetivo
</div>

En esta guía crearás un dashboard en Superset con datos de una base de datos de ClickHouse. El dashboard tendrá este aspecto:

<Image size="md" img="https://mintcdn.com/private-7c7dfe99-mintlify-8c05c8a2/vfHgNA2m-RvjLmC8/images/integrations/data-visualization/superset_12.png?fit=max&auto=format&n=vfHgNA2m-RvjLmC8&q=85&s=c0523c589489a88fd3e46da95bb231a9" alt="Dashboard de Superset que muestra precios de propiedades del Reino Unido con múltiples visualizaciones, incluidos gráficos circulares y tablas" border width="640" height="551" data-path="images/integrations/data-visualization/superset_12.png" />

<br />

<Tip>
  **Agrega algunos datos**

  Si no tienes un conjunto de datos con el que trabajar, puedes añadir uno de los conjuntos de datos de ejemplo. Esta guía utiliza el conjunto de datos [UK Price Paid](/es/get-started/sample-datasets/uk-price-paid), así que puedes elegir ese. Hay varios más en la misma categoría de la documentación.
</Tip>

<div id="1-gather-your-connection-details">
  ## 1. Recopila los datos de conexión
</div>

Para conectarse a ClickHouse con HTTP(S), necesita esta información:

| Parámetro(s)              | Descripción                                                                                                                       |
| ------------------------- | --------------------------------------------------------------------------------------------------------------------------------- |
| `HOST` and `PORT`         | Normalmente, el puerto es 8443 cuando se usa TLS o 8123 cuando no se usa TLS.                                                     |
| `DATABASE NAME`           | De forma predeterminada, existe una base de datos llamada `default`; use el nombre de la base de datos a la que desea conectarse. |
| `USERNAME` and `PASSWORD` | De forma predeterminada, el nombre de usuario es `default`. Use el nombre de usuario adecuado para su caso de uso.                |

Los detalles de su servicio de ClickHouse Cloud están disponibles en la consola de ClickHouse Cloud.
Seleccione un servicio y haga clic en **Connect**:

<Image img="https://mintcdn.com/private-7c7dfe99-mintlify-8c05c8a2/Yn9Ty-XK2U8NF3YT/images/_snippets/cloud-connect-button.png?fit=max&auto=format&n=Yn9Ty-XK2U8NF3YT&q=85&s=b686c12ce9557c68eca40985010c95e0" size="md" alt="Botón Connect del servicio de ClickHouse Cloud" border width="998" height="932" data-path="images/_snippets/cloud-connect-button.png" />

Elija **HTTPS**. Los detalles de conexión se muestran en un comando `curl` de ejemplo.

<Image img="https://mintcdn.com/private-7c7dfe99-mintlify-8c05c8a2/Yn9Ty-XK2U8NF3YT/images/_snippets/connection-details-https.png?fit=max&auto=format&n=Yn9Ty-XK2U8NF3YT&q=85&s=8791490ebb8e7ab70bff1b5b8b3e39e8" size="md" alt="Detalles de conexión HTTPS de ClickHouse Cloud" border width="1320" height="1184" data-path="images/_snippets/connection-details-https.png" />

Si usa ClickHouse autogestionado, los detalles de conexión los establece su administrador de ClickHouse.

<div id="2-install-the-driver">
  ## 2. Instale el controlador
</div>

1. Superset usa el controlador `clickhouse-connect` para conectarse a ClickHouse. Encontrará más información sobre `clickhouse-connect` en <a href="https://pypi.org/project/clickhouse-connect/" target="_blank">[https://pypi.org/project/clickhouse-connect/](https://pypi.org/project/clickhouse-connect/)</a>, y puede instalarse con el siguiente comando:

   ```console theme={null}
   pip install clickhouse-connect
   ```

<Info>
  **Configuración de Docker Compose**

  Para instalaciones basadas en Docker, consulte la [guía de configuración de bases de datos de Superset](https://superset.apache.org/docs/configuration/databases/#clickhouse) para obtener instrucciones sobre cómo añadir `clickhouse-connect` a su contenedor.
</Info>

2. Inicie (o reinicie) Superset.

<div id="3-connect-superset-to-clickhouse">
  ## 3. Conectar Superset a ClickHouse
</div>

1. En Superset, selecciona **Data** en el menú superior y luego **Databases** en el menú desplegable. Agrega una nueva base de datos haciendo clic en el botón **+ Database**:

<Image size="lg" img="https://mintcdn.com/private-7c7dfe99-mintlify-8c05c8a2/vfHgNA2m-RvjLmC8/images/integrations/data-visualization/superset_01.png?fit=max&auto=format&n=vfHgNA2m-RvjLmC8&q=85&s=590b86f637cd393154791a546c2c77c3" alt="Interfaz de Superset que muestra el menú Database con el botón + Database resaltado" border width="1572" height="243" data-path="images/integrations/data-visualization/superset_01.png" />

<br />

2. En el primer paso, selecciona **ClickHouse Connect** como tipo de base de datos:

<Image size="sm" img="https://mintcdn.com/private-7c7dfe99-mintlify-8c05c8a2/vfHgNA2m-RvjLmC8/images/integrations/data-visualization/superset_02.png?fit=max&auto=format&n=vfHgNA2m-RvjLmC8&q=85&s=787ffad8daa4fb1846b253a422404c26" alt="Asistente de conexión de base de datos de Superset que muestra la opción ClickHouse Connect seleccionada" border width="622" height="920" data-path="images/integrations/data-visualization/superset_02.png" />

<br />

3. En el segundo paso:

* Activa o desactiva SSL.
* Introduce la información de conexión que recopilaste antes.
* Especifica el **DISPLAY NAME**: puede ser cualquier nombre que prefieras. Si te vas a conectar a varias bases de datos de ClickHouse, haz que el nombre sea más descriptivo.

<Image size="sm" img="https://mintcdn.com/private-7c7dfe99-mintlify-8c05c8a2/vfHgNA2m-RvjLmC8/images/integrations/data-visualization/superset_03.png?fit=max&auto=format&n=vfHgNA2m-RvjLmC8&q=85&s=1242aeefb3c64fd379319c2546f865f8" alt="Formulario de configuración de conexión de Superset que muestra los parámetros de conexión de ClickHouse" border width="499" height="838" data-path="images/integrations/data-visualization/superset_03.png" />

<br />

4. Haz clic en los botones **CONNECT** y luego **FINISH** para completar el asistente de configuración, y deberías ver tu base de datos en la lista de bases de datos.

<div id="4-add-a-dataset">
  ## 4. Añadir un conjunto de datos
</div>

1. Para interactuar con sus datos de ClickHouse en Superset, debe definir un ***conjunto de datos***. En el menú superior de Superset, seleccione **Data** y, a continuación, **Datasets** en el menú desplegable.

2. Haga clic en el botón para añadir un conjunto de datos. Seleccione su nueva base de datos como origen de datos y debería ver las tablas definidas en ella:

<Image size="sm" img="https://mintcdn.com/private-7c7dfe99-mintlify-8c05c8a2/vfHgNA2m-RvjLmC8/images/integrations/data-visualization/superset_04.png?fit=max&auto=format&n=vfHgNA2m-RvjLmC8&q=85&s=82d9befeae0dda3c9131ca183e5330d5" alt="Cuadro de diálogo de creación de conjuntos de datos de Superset que muestra las tablas disponibles de la base de datos de ClickHouse" border width="412" height="323" data-path="images/integrations/data-visualization/superset_04.png" />

<br />

3. Haga clic en el botón **ADD** en la parte inferior del cuadro de diálogo y su tabla aparecerá en la lista de conjuntos de datos. Ya está listo para crear un dashboard y analizar sus datos de ClickHouse.

<div id="5--creating-charts-and-a-dashboard-in-superset">
  ## 5.  Creación de gráficos y un dashboard en Superset
</div>

Si ya conoces Superset, esta sección te resultará muy familiar. Si no, bueno... es como muchas otras herramientas de visualización: empezar es rápido, pero los detalles y matices se van aprendiendo con el tiempo a medida que usas la herramienta.

1. Se empieza con un dashboard. En el menú superior de Superset, selecciona **Dashboards**. Haz clic en el botón de la esquina superior derecha para añadir un nuevo dashboard. El siguiente dashboard se llama **UK property prices**:

<Image size="md" img="https://mintcdn.com/private-7c7dfe99-mintlify-8c05c8a2/vfHgNA2m-RvjLmC8/images/integrations/data-visualization/superset_05.png?fit=max&auto=format&n=vfHgNA2m-RvjLmC8&q=85&s=f0a3bcf25b27d5d90acd06810334c261" alt="Dashboard vacío de Superset llamado UK property prices, listo para añadir gráficos" border width="959" height="445" data-path="images/integrations/data-visualization/superset_05.png" />

<br />

2. Para crear un nuevo gráfico, selecciona **Charts** en el menú superior y haz clic en el botón para añadirlo. Verás muchas opciones. El siguiente Example muestra un gráfico **Pie Chart** usando el conjunto de datos **uk\_price\_paid** del desplegable **CHOOSE A DATASET**:

<Image size="md" img="https://mintcdn.com/private-7c7dfe99-mintlify-8c05c8a2/vfHgNA2m-RvjLmC8/images/integrations/data-visualization/superset_06.png?fit=max&auto=format&n=vfHgNA2m-RvjLmC8&q=85&s=14bede656e6cda65223a2bf9579e4df5" alt="Interfaz de creación de gráficos de Superset con el tipo de visualización Pie Chart seleccionado" border width="1098" height="998" data-path="images/integrations/data-visualization/superset_06.png" />

<br />

3. Los gráficos circulares de Superset necesitan una **Dimension** y una **Metric**; el resto de la configuración es opcional. Puedes elegir los campos que quieras para la dimensión y la métrica; en este Example se usa el campo `district` de ClickHouse como dimensión y `AVG(price)` como métrica.

<Image size="md" img="https://mintcdn.com/private-7c7dfe99-mintlify-8c05c8a2/vfHgNA2m-RvjLmC8/images/integrations/data-visualization/superset_08.png?fit=max&auto=format&n=vfHgNA2m-RvjLmC8&q=85&s=d5010136cdf49c3499ece1126c5420a0" alt="Configuración de Dimension con el campo district seleccionado para el gráfico circular" border width="657" height="633" data-path="images/integrations/data-visualization/superset_08.png" />

<Image size="md" img="https://mintcdn.com/private-7c7dfe99-mintlify-8c05c8a2/vfHgNA2m-RvjLmC8/images/integrations/data-visualization/superset_09.png?fit=max&auto=format&n=vfHgNA2m-RvjLmC8&q=85&s=69988b2f4b68bbc54579e839ddf86fb0" alt="Configuración de Metric con la aggregate function AVG(price) para el gráfico circular" border width="657" height="605" data-path="images/integrations/data-visualization/superset_09.png" />

<br />

5. Si prefieres los gráficos de dona a los gráficos circulares, puedes configurar esa y otras opciones en **CUSTOMIZE**:

<Image size="sm" img="https://mintcdn.com/private-7c7dfe99-mintlify-8c05c8a2/vfHgNA2m-RvjLmC8/images/integrations/data-visualization/superset_10.png?fit=max&auto=format&n=vfHgNA2m-RvjLmC8&q=85&s=14fc50784eb138b1cb24546075f0f6dc" alt="Panel CUSTOMIZE con la opción de gráfico de dona y otros ajustes de configuración del gráfico circular" border width="320" height="929" data-path="images/integrations/data-visualization/superset_10.png" />

<br />

6. Haz clic en el botón **SAVE** para guardar el gráfico; después, selecciona **UK property prices** en el desplegable **ADD TO DASHBOARD**. Luego, **SAVE & GO TO DASHBOARD** guarda el gráfico y lo añade al dashboard:

<Image size="md" img="https://mintcdn.com/private-7c7dfe99-mintlify-8c05c8a2/vfHgNA2m-RvjLmC8/images/integrations/data-visualization/superset_11.png?fit=max&auto=format&n=vfHgNA2m-RvjLmC8&q=85&s=64bcc68b16e7ffe0894073ce744b073a" alt="Cuadro de diálogo para guardar el gráfico con desplegable de selección de dashboard y botón Save & Go to Dashboard" border width="1442" height="792" data-path="images/integrations/data-visualization/superset_11.png" />

<br />

7. Eso es todo. Crear dashboards en Superset a partir de datos de ClickHouse abre todo un mundo de analítica de datos ultrarrápida.

<Image size="md" img="https://mintcdn.com/private-7c7dfe99-mintlify-8c05c8a2/vfHgNA2m-RvjLmC8/images/integrations/data-visualization/superset_12.png?fit=max&auto=format&n=vfHgNA2m-RvjLmC8&q=85&s=c0523c589489a88fd3e46da95bb231a9" alt="Dashboard de Superset completado con varias visualizaciones de datos de precios inmobiliarios del Reino Unido desde ClickHouse" border width="640" height="551" data-path="images/integrations/data-visualization/superset_12.png" />

<br />
