> ## 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 é uma plataforma open source de exploração e visualização de dados.

# Conectar o Superset ao 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>
            Suportado pelo 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> é uma plataforma open source de exploração e visualização de dados, escrita em Python. O Superset se conecta ao ClickHouse usando um driver em Python fornecido pelo ClickHouse. Vamos ver como isso funciona...

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

Neste guia, você vai criar um dashboard no Superset com dados de um banco de dados do ClickHouse. O dashboard ficará assim:

<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 do Superset mostrando preços de imóveis do Reino Unido com várias visualizações, incluindo gráficos de pizza e tabelas" border width="640" height="551" data-path="images/integrations/data-visualization/superset_12.png" />

<br />

<Tip>
  **Adicione alguns dados**

  Se você não tiver um conjunto de dados para usar, pode adicionar um dos exemplos. Este guia usa o conjunto de dados [UK Price Paid](/pt-BR/get-started/sample-datasets/uk-price-paid), então essa pode ser uma boa opção. Há vários outros para consultar na mesma categoria da documentação.
</Tip>

<div id="1-gather-your-connection-details">
  ## 1. Reúna as informações de conexão
</div>

Para se conectar ao ClickHouse via HTTP(S), você precisa das seguintes informações:

| Parâmetro(s)              | Descrição                                                                                                         |
| ------------------------- | ----------------------------------------------------------------------------------------------------------------- |
| `HOST` and `PORT`         | Normalmente, a porta é 8443 ao usar TLS ou 8123 quando não se usa TLS.                                            |
| `DATABASE NAME`           | Por padrão, há um banco de dados chamado `default`; use o nome do banco de dados ao qual você deseja se conectar. |
| `USERNAME` and `PASSWORD` | Por padrão, o nome de usuário é `default`. Use o nome de usuário apropriado para o seu caso de uso.               |

Os detalhes do seu serviço do ClickHouse Cloud estão disponíveis no console do ClickHouse Cloud.
Selecione um serviço e clique em **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ão Connect do serviço do ClickHouse Cloud" border width="998" height="932" data-path="images/_snippets/cloud-connect-button.png" />

Escolha **HTTPS**. Os detalhes de conexão são exibidos em um comando `curl` de exemplo.

<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="detalhes de conexão HTTPS do ClickHouse Cloud" border width="1320" height="1184" data-path="images/_snippets/connection-details-https.png" />

Se você estiver usando ClickHouse autogerenciado, os detalhes de conexão são definidos pelo administrador do seu ClickHouse.

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

1. O Superset usa o driver `clickhouse-connect` para se conectar ao ClickHouse. Mais detalhes sobre o `clickhouse-connect` estão em <a href="https://pypi.org/project/clickhouse-connect/" target="_blank">[https://pypi.org/project/clickhouse-connect/](https://pypi.org/project/clickhouse-connect/)</a>, e ele pode ser instalado com o seguinte comando:

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

<Info>
  **Configuração do Docker Compose**

  Para instalações baseadas em Docker, consulte o [guia de configuração de banco de dados do Superset](https://superset.apache.org/docs/configuration/databases/#clickhouse) para ver instruções sobre como adicionar o `clickhouse-connect` ao seu contêiner.
</Info>

2. Inicie (ou reinicie) o Superset.

<div id="3-connect-superset-to-clickhouse">
  ## 3. Conecte o Superset ao ClickHouse
</div>

1. No Superset, selecione **Data** no menu superior e, em seguida, **Databases** no menu suspenso. Adicione um novo banco de dados clicando no botão **+ 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="Interface do Superset mostrando o menu Database com o botão + Database destacado" border width="1572" height="243" data-path="images/integrations/data-visualization/superset_01.png" />

<br />

2. Na primeira etapa, selecione **ClickHouse Connect** como o tipo de banco de dados:

<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="Assistente de conexão de banco de dados do Superset mostrando a opção ClickHouse Connect selecionada" border width="622" height="920" data-path="images/integrations/data-visualization/superset_02.png" />

<br />

3. Na segunda etapa:

* Ative ou desative o SSL.
* Insira as informações de conexão que você coletou anteriormente.
* Especifique o **DISPLAY NAME**: pode ser qualquer nome de sua preferência. Se você for se conectar a vários bancos de dados do ClickHouse, use um nome mais descritivo.

<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="Formulário de configuração de conexão do Superset mostrando os parâmetros de conexão do ClickHouse" border width="499" height="838" data-path="images/integrations/data-visualization/superset_03.png" />

<br />

4. Clique nos botões **CONNECT** e depois **FINISH** para concluir o assistente de configuração. Em seguida, você deverá ver seu banco de dados na lista de bancos de dados.

<div id="4-add-a-dataset">
  ## 4. Adicionar um conjunto de dados
</div>

1. Para interagir com seus dados do ClickHouse no Superset, você precisa definir um ***conjunto de dados***. No menu superior do Superset, selecione **Data** e, em seguida, **Datasets** no menu suspenso.

2. Clique no botão para adicionar um conjunto de dados. Selecione seu novo banco de dados como fonte de dados, e você verá as tabelas definidas no seu banco de dados:

<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="Caixa de diálogo de criação de conjunto de dados no Superset mostrando as tabelas disponíveis no banco de dados ClickHouse" border width="412" height="323" data-path="images/integrations/data-visualization/superset_04.png" />

<br />

3. Clique no botão **ADD** na parte inferior da caixa de diálogo, e sua tabela aparecerá na lista de conjuntos de dados. Agora você está pronto para criar um dashboard e analisar seus dados do ClickHouse!

<div id="5--creating-charts-and-a-dashboard-in-superset">
  ## 5.  Criando gráficos e um dashboard no Superset
</div>

Se você já conhece o Superset, vai se sentir em casa nesta próxima seção. Se ainda não conhece, bem... ele é como muitas outras ferramentas legais de visualização por aí: não leva muito tempo para começar, mas os detalhes e nuances você aprende com o tempo, à medida que usa a ferramenta.

1. Você começa com um dashboard. No menu superior do Superset, selecione **Dashboards**. Clique no botão no canto superior direito para adicionar um novo dashboard. O dashboard a seguir se chama **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 vazio do Superset chamado UK property prices, pronto para receber gráficos" border width="959" height="445" data-path="images/integrations/data-visualization/superset_05.png" />

<br />

2. Para criar um novo gráfico, selecione **Charts** no menu superior e clique no botão para adicionar um novo gráfico. Você verá várias opções. O exemplo a seguir mostra um gráfico **Pie Chart** usando o conjunto de dados **uk\_price\_paid** no menu suspenso **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="Interface de criação de gráfico do Superset com o tipo de visualização Pie Chart selecionado" border width="1098" height="998" data-path="images/integrations/data-visualization/superset_06.png" />

<br />

3. Os gráficos de pizza do Superset precisam de uma **Dimension** e uma **Metric**; o restante das configurações é opcional. Você pode escolher seus próprios campos para a dimensão e a métrica; este exemplo usa o campo `district` do ClickHouse como dimensão e `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="Configuração de dimensão mostrando o campo district selecionado para o gráfico de pizza" 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="Configuração de métrica mostrando a função de agregação AVG(price) para o gráfico de pizza" border width="657" height="605" data-path="images/integrations/data-visualization/superset_09.png" />

<br />

5. Se você prefere gráficos de rosca a gráficos de pizza, pode definir isso e outras opções em **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="Painel de personalização mostrando a opção de gráfico de rosca e outras configurações do gráfico de pizza" border width="320" height="929" data-path="images/integrations/data-visualization/superset_10.png" />

<br />

6. Clique no botão **SAVE** para salvar o gráfico, depois selecione **UK property prices** no menu suspenso **ADD TO DASHBOARD**; em seguida, **SAVE & GO TO DASHBOARD** salva o gráfico e o adiciona ao 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="Caixa de diálogo para salvar gráfico com menu suspenso de seleção de dashboard e botão Save & Go to Dashboard" border width="1442" height="792" data-path="images/integrations/data-visualization/superset_11.png" />

<br />

7. É isso. Criar dashboards no Superset com base em dados no ClickHouse abre todo um mundo de análises de dados extremamente rápidas!

<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 completo do Superset com várias visualizações de dados de preços de imóveis do Reino Unido no ClickHouse" border width="640" height="551" data-path="images/integrations/data-visualization/superset_12.png" />

<br />
