> ## Documentation Index
> Fetch the complete documentation index at: https://clickhouse.com/docs/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 = "lg"}) => {
  const normalizedSize = ["sm", "md", "lg"].includes(size) ? size : "lg";
  return <div className={`ch-image-${normalizedSize}`}>
      <Frame>
        <img src={img} alt={alt} />
      </Frame>
    </div>;
};

<ClickHouseSupportedBadge />

<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/etDiFo_9fGSe5rMN/images/integrations/data-visualization/superset_12.webp?fit=max&auto=format&n=etDiFo_9fGSe5rMN&q=85&s=679288076599288c1852e3848bb4037e" 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.webp" />

<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](/docs/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>

<Steps>
  <Step title="Reúne la información de conexión" id="1-gather-your-connection-details">
    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**:

    <div className="ch-image-md">
      <Frame>
        <img src="https://mintcdn.com/private-7c7dfe99/CFFsa2agBPbviR4r/images/_snippets/cloud-connect-button.webp?fit=max&auto=format&n=CFFsa2agBPbviR4r&q=85&s=ec0a298a33ca841e947fa5e8bae47362" alt="Botón Connect del servicio de ClickHouse Cloud" width="998" height="932" data-path="images/_snippets/cloud-connect-button.webp" />
      </Frame>
    </div>

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

    <div className="ch-image-md">
      <Frame>
        <img src="https://mintcdn.com/private-7c7dfe99/CFFsa2agBPbviR4r/images/_snippets/connection-details-https.webp?fit=max&auto=format&n=CFFsa2agBPbviR4r&q=85&s=cb0fbd98aa2b5b7ca484c9f53395ee07" alt="Detalles de conexión HTTPS de ClickHouse Cloud" width="1320" height="1184" data-path="images/_snippets/connection-details-https.webp" />
      </Frame>
    </div>

    Si usa ClickHouse autogestionado, los detalles de conexión los establece su administrador de ClickHouse.
  </Step>

  <Step title="Instalar el controlador" id="2-install-the-driver">
    1. Superset usa el driver `clickhouse-connect` para conectarse a ClickHouse. La información sobre `clickhouse-connect` está disponible 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, consulta la [guía de configuración de la base de datos de Superset](https://superset.apache.org/user-docs/6.0.0/configuration/databases/) para obtener instrucciones sobre cómo añadir `clickhouse-connect` a tu contenedor.
    </Info>

    2. Inicia (o reinicia) Superset.
  </Step>

  <Step title="Conectar Superset con ClickHouse" id="3-connect-superset-to-clickhouse">
    1. En Superset, selecciona **Data** en el menú superior y luego **Databases** en el menú desplegable. Añade una nueva base de datos haciendo clic en el botón **+ Database**:

    <Image size="lg" img="https://mintcdn.com/private-7c7dfe99/etDiFo_9fGSe5rMN/images/integrations/data-visualization/superset_01.webp?fit=max&auto=format&n=etDiFo_9fGSe5rMN&q=85&s=4eec14a85a54563cdbb20676610ceeed" 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.webp" />

    <br />

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

    <Image size="sm" img="https://mintcdn.com/private-7c7dfe99/etDiFo_9fGSe5rMN/images/integrations/data-visualization/superset_02.webp?fit=max&auto=format&n=etDiFo_9fGSe5rMN&q=85&s=e4b7b80fe77e598e2cd8d8b327375f44" alt="Asistente de conexión de base de datos de Superset con la opción ClickHouse Connect seleccionada" border width="622" height="920" data-path="images/integrations/data-visualization/superset_02.webp" />

    <br />

    3. En el segundo paso:

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

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

    <br />

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

  <Step title="Añadir un conjunto de datos" id="4-add-a-dataset">
    1. Para interactuar con tus datos de ClickHouse en Superset, necesitas definir un ***conjunto de datos***. En el menú superior de Superset, selecciona **Data** y luego **Datasets** en el menú desplegable.

    2. Haz clic en el botón para añadir un conjunto de datos. Selecciona tu nueva base de datos como origen de datos y verás las tablas definidas en ella:

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

    <br />

    3. Haz clic en el botón **ADD** en la parte inferior del cuadro de diálogo y tu tabla aparecerá en la lista de conjuntos de datos. ¡Ya estás listo para crear un dashboard y analizar tus datos de ClickHouse!
  </Step>

  <Step title="Creación de gráficos y un dashboard en Superset" id="5--creating-charts-and-a-dashboard-in-superset">
    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/etDiFo_9fGSe5rMN/images/integrations/data-visualization/superset_05.webp?fit=max&auto=format&n=etDiFo_9fGSe5rMN&q=85&s=c78c472da68986e3038ae35aadfcb4ee" 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.webp" />

    <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/etDiFo_9fGSe5rMN/images/integrations/data-visualization/superset_06.webp?fit=max&auto=format&n=etDiFo_9fGSe5rMN&q=85&s=a75ae3e391a146023ba46f2f3fcc2527" 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.webp" />

    <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/etDiFo_9fGSe5rMN/images/integrations/data-visualization/superset_08.webp?fit=max&auto=format&n=etDiFo_9fGSe5rMN&q=85&s=8904d36cde3ff39ddac578257817eed5" 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.webp" />

    <Image size="md" img="https://mintcdn.com/private-7c7dfe99/etDiFo_9fGSe5rMN/images/integrations/data-visualization/superset_09.webp?fit=max&auto=format&n=etDiFo_9fGSe5rMN&q=85&s=e846384c93bb111a9e658f3d734486a3" 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.webp" />

    <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/etDiFo_9fGSe5rMN/images/integrations/data-visualization/superset_10.webp?fit=max&auto=format&n=etDiFo_9fGSe5rMN&q=85&s=0568cde0a54513227d9ade0d6958bda5" 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.webp" />

    <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/etDiFo_9fGSe5rMN/images/integrations/data-visualization/superset_11.webp?fit=max&auto=format&n=etDiFo_9fGSe5rMN&q=85&s=ccca62277d5c0c6899ec2a8933d4f8ae" 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.webp" />

    <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/etDiFo_9fGSe5rMN/images/integrations/data-visualization/superset_12.webp?fit=max&auto=format&n=etDiFo_9fGSe5rMN&q=85&s=679288076599288c1852e3848bb4037e" 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.webp" />

    <br />
  </Step>
</Steps>
