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

> Apache Superset est une plateforme open source d’exploration et de visualisation de données.

# Connecter Superset à 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 avec 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>;
};

<a href="https://superset.apache.org/" target="_blank">Apache Superset</a> est une plateforme open-source d’exploration de données et de visualisation écrite en Python. Superset se connecte à ClickHouse à l’aide d’un pilote Python fourni par ClickHouse. Voyons comment cela fonctionne...

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

Dans ce guide, vous allez créer un tableau de bord dans Superset à partir de données issues d'une base de données ClickHouse. Le tableau de bord ressemblera à ceci :

<Image size="md" img="https://mintcdn.com/private-7c7dfe99-detect-table-modification/svLCKm9RWi4jibqG/images/integrations/data-visualization/superset_12.webp?fit=max&auto=format&n=svLCKm9RWi4jibqG&q=85&s=174c49d036b71378d46d6b112762bcd0" alt="Tableau de bord Superset affichant les prix de l’immobilier au Royaume-Uni avec plusieurs visualisations, dont des diagrammes circulaires et des tableaux" border width="640" height="551" data-path="images/integrations/data-visualization/superset_12.webp" />

<br />

<Tip>
  **Ajoutez des données**

  Si vous n’avez pas de jeu de données à utiliser, vous pouvez en ajouter un parmi les exemples. Ce guide utilise le jeu de données [UK Price Paid](/fr/get-started/sample-datasets/uk-price-paid), vous pouvez donc choisir celui-ci. Plusieurs autres sont disponibles dans la même catégorie de documentation.
</Tip>

<div id="1-gather-your-connection-details">
  ## 1. Rassemblez les informations de connexion
</div>

Pour vous connecter à ClickHouse via HTTP(S), vous avez besoin des informations suivantes :

| Paramètre(s)              | Description                                                                                                                                    |
| ------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------- |
| `HOST` and `PORT`         | En général, le port est 8443 lors de l’utilisation de TLS, ou 8123 sans TLS.                                                                   |
| `DATABASE NAME`           | Par défaut, une base de données nommée `default` est disponible ; utilisez le nom de la base de données à laquelle vous voulez vous connecter. |
| `USERNAME` and `PASSWORD` | Par défaut, le nom d’utilisateur est `default`. Utilisez le nom d’utilisateur adapté à votre cas d’usage.                                      |

Les informations de votre service ClickHouse Cloud sont disponibles dans la console ClickHouse Cloud.
Sélectionnez un service, puis cliquez sur **Connect** :

<Image img="https://mintcdn.com/private-7c7dfe99-detect-table-modification/0yJtAU6cqYAQlCWC/images/_snippets/cloud-connect-button.webp?fit=max&auto=format&n=0yJtAU6cqYAQlCWC&q=85&s=2d1e2340e1ddccf3199ca1e41eeba836" size="md" alt="Bouton Connect du service ClickHouse Cloud" border width="998" height="932" data-path="images/_snippets/cloud-connect-button.webp" />

Choisissez **HTTPS**. Les détails de connexion s’affichent dans un exemple de commande `curl`.

<Image img="https://mintcdn.com/private-7c7dfe99-detect-table-modification/0yJtAU6cqYAQlCWC/images/_snippets/connection-details-https.webp?fit=max&auto=format&n=0yJtAU6cqYAQlCWC&q=85&s=2ea2af378046d5ec87ea8e78de573bc1" size="md" alt="Détails de connexion HTTPS ClickHouse Cloud" border width="1320" height="1184" data-path="images/_snippets/connection-details-https.webp" />

Si vous utilisez ClickHouse autogéré, les détails de connexion sont définis par votre administrateur ClickHouse.

<div id="2-install-the-driver">
  ## 2. Installer le pilote
</div>

1. Superset utilise le pilote `clickhouse-connect` pour se connecter à ClickHouse. Plus d’informations sur `clickhouse-connect` sont disponibles à l’adresse <a href="https://pypi.org/project/clickhouse-connect/" target="_blank">[https://pypi.org/project/clickhouse-connect/](https://pypi.org/project/clickhouse-connect/)</a>. Vous pouvez l’installer avec la commande suivante :

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

<Info>
  **Configuration avec Docker Compose**

  Pour les installations basées sur Docker, consultez le [guide de configuration de la base de données de Superset](https://superset.apache.org/docs/configuration/databases/#clickhouse) pour savoir comment ajouter `clickhouse-connect` à votre conteneur.
</Info>

2. Démarrez (ou redémarrez) Superset.

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

1. Dans Superset, sélectionnez **Data** dans le menu supérieur, puis **Databases** dans le menu déroulant. Ajoutez une nouvelle base de données en cliquant sur le bouton **+ Database** :

<Image size="lg" img="https://mintcdn.com/private-7c7dfe99-detect-table-modification/svLCKm9RWi4jibqG/images/integrations/data-visualization/superset_01.webp?fit=max&auto=format&n=svLCKm9RWi4jibqG&q=85&s=35d9d6552fadb98a7f768b1b4f4c46f3" alt="Interface de Superset montrant le menu Database avec le bouton + Database mis en évidence" border width="1572" height="243" data-path="images/integrations/data-visualization/superset_01.webp" />

<br />

2. À la première étape, sélectionnez **ClickHouse Connect** comme type de base de données :

<Image size="sm" img="https://mintcdn.com/private-7c7dfe99-detect-table-modification/svLCKm9RWi4jibqG/images/integrations/data-visualization/superset_02.webp?fit=max&auto=format&n=svLCKm9RWi4jibqG&q=85&s=4f9b28955366dea0676d5380876a0990" alt="Assistant de connexion à la base de données de Superset montrant l'option ClickHouse Connect sélectionnée" border width="622" height="920" data-path="images/integrations/data-visualization/superset_02.webp" />

<br />

3. À la deuxième étape :

* Activez ou désactivez SSL.
* Saisissez les informations de connexion que vous avez relevées précédemment.
* Indiquez le **DISPLAY NAME** : vous pouvez choisir le nom que vous voulez. Si vous vous connectez à plusieurs bases de données ClickHouse, choisissez un nom plus explicite.

<Image size="sm" img="https://mintcdn.com/private-7c7dfe99-detect-table-modification/svLCKm9RWi4jibqG/images/integrations/data-visualization/superset_03.webp?fit=max&auto=format&n=svLCKm9RWi4jibqG&q=85&s=6c7b0c6a5f1f81d47a9c376af03f660c" alt="Formulaire de configuration de connexion de Superset montrant les paramètres de connexion ClickHouse" border width="499" height="838" data-path="images/integrations/data-visualization/superset_03.webp" />

<br />

4. Cliquez sur **CONNECT**, puis sur **FINISH** pour terminer l'assistant de configuration. Votre base de données devrait alors apparaître dans la liste des bases de données.

<div id="4-add-a-dataset">
  ## 4. Ajouter un jeu de données
</div>

1. Pour interagir avec vos données ClickHouse dans Superset, vous devez définir un ***jeu de données***. Dans le menu supérieur de Superset, sélectionnez **Data**, puis **Datasets** dans le menu déroulant.

2. Cliquez sur le bouton d’ajout d’un jeu de données. Sélectionnez votre nouvelle base de données comme source de données, et vous devriez voir les tables définies dans votre base de données :

<Image size="sm" img="https://mintcdn.com/private-7c7dfe99-detect-table-modification/svLCKm9RWi4jibqG/images/integrations/data-visualization/superset_04.webp?fit=max&auto=format&n=svLCKm9RWi4jibqG&q=85&s=2911156e736a59248bc9a5f86f7c8fef" alt="Boîte de dialogue de création d’un jeu de données dans Superset affichant les tables disponibles de la base de données ClickHouse" border width="412" height="323" data-path="images/integrations/data-visualization/superset_04.webp" />

<br />

3. Cliquez sur le bouton **ADD** en bas de la boîte de dialogue, et votre table apparaîtra dans la liste des jeux de données. Vous êtes alors prêt à créer un tableau de bord et à analyser vos données ClickHouse !

<div id="5--creating-charts-and-a-dashboard-in-superset">
  ## 5.  Création de graphiques et d’un tableau de bord dans Superset
</div>

Si vous connaissez déjà Superset, vous vous sentirez tout de suite à l’aise dans cette section. Si vous découvrez Superset, eh bien… c’est comme beaucoup d’autres excellents outils de visualisation : la prise en main est rapide, mais on en apprend les détails et les subtilités au fil de l’usage.

1. Vous commencez par un tableau de bord. Dans le menu supérieur de Superset, sélectionnez **Dashboards**. Cliquez sur le bouton en haut à droite pour ajouter un nouveau tableau de bord. Le tableau de bord suivant s’appelle **UK property prices** :

<Image size="md" img="https://mintcdn.com/private-7c7dfe99-detect-table-modification/svLCKm9RWi4jibqG/images/integrations/data-visualization/superset_05.webp?fit=max&auto=format&n=svLCKm9RWi4jibqG&q=85&s=87631ef32bb189f46e6bf0025e90ee4e" alt="Tableau de bord Superset vide nommé UK property prices, prêt à recevoir des graphiques" border width="959" height="445" data-path="images/integrations/data-visualization/superset_05.webp" />

<br />

2. Pour créer un nouveau graphique, sélectionnez **Charts** dans le menu supérieur, puis cliquez sur le bouton pour ajouter un nouveau graphique. De nombreuses options s’affichent. L’exemple suivant montre un graphique **Pie Chart** utilisant le jeu de données **uk\_price\_paid** dans la liste déroulante **CHOOSE A DATASET** :

<Image size="md" img="https://mintcdn.com/private-7c7dfe99-detect-table-modification/svLCKm9RWi4jibqG/images/integrations/data-visualization/superset_06.webp?fit=max&auto=format&n=svLCKm9RWi4jibqG&q=85&s=a5afa33b2839ded74b22575b2d4351b2" alt="Interface de création de graphique Superset avec le type de visualisation Pie Chart sélectionné" border width="1098" height="998" data-path="images/integrations/data-visualization/superset_06.webp" />

<br />

3. Les graphiques en secteurs de Superset nécessitent une **Dimension** et une **Metric** ; tous les autres paramètres sont facultatifs. Vous pouvez choisir les champs de votre choix pour la dimension et la métrique ; dans cet exemple, le champ ClickHouse `district` est utilisé comme dimension et `AVG(price)` comme métrique.

<Image size="md" img="https://mintcdn.com/private-7c7dfe99-detect-table-modification/svLCKm9RWi4jibqG/images/integrations/data-visualization/superset_08.webp?fit=max&auto=format&n=svLCKm9RWi4jibqG&q=85&s=bec9ee6982810ee8d0d50df64aadda07" alt="Configuration de la dimension montrant le champ district sélectionné pour le graphique en secteurs" border width="657" height="633" data-path="images/integrations/data-visualization/superset_08.webp" />

<Image size="md" img="https://mintcdn.com/private-7c7dfe99-detect-table-modification/svLCKm9RWi4jibqG/images/integrations/data-visualization/superset_09.webp?fit=max&auto=format&n=svLCKm9RWi4jibqG&q=85&s=c35b9158acf999cfc288099c8d82e1b9" alt="Configuration de la métrique montrant la fonction d’agrégation AVG(price) pour le graphique en secteurs" border width="657" height="605" data-path="images/integrations/data-visualization/superset_09.webp" />

<br />

5. Si vous préférez les graphiques en anneau aux graphiques en secteurs, vous pouvez définir cette option et d’autres sous **CUSTOMIZE** :

<Image size="sm" img="https://mintcdn.com/private-7c7dfe99-detect-table-modification/svLCKm9RWi4jibqG/images/integrations/data-visualization/superset_10.webp?fit=max&auto=format&n=svLCKm9RWi4jibqG&q=85&s=861d93ea542d3778ef8c476d1f330dbc" alt="Panneau Customize montrant l’option de graphique en anneau et d’autres paramètres de configuration du graphique en secteurs" border width="320" height="929" data-path="images/integrations/data-visualization/superset_10.webp" />

<br />

6. Cliquez sur le bouton **SAVE** pour enregistrer le graphique, puis sélectionnez **UK property prices** dans la liste déroulante **ADD TO DASHBOARD** ; **SAVE & GO TO DASHBOARD** enregistre alors le graphique et l’ajoute au tableau de bord :

<Image size="md" img="https://mintcdn.com/private-7c7dfe99-detect-table-modification/svLCKm9RWi4jibqG/images/integrations/data-visualization/superset_11.webp?fit=max&auto=format&n=svLCKm9RWi4jibqG&q=85&s=941da2cf48398f80eaad4ac191460fd0" alt="Boîte de dialogue d’enregistrement du graphique avec liste déroulante de sélection du tableau de bord et bouton Save & Go to Dashboard" border width="1442" height="792" data-path="images/integrations/data-visualization/superset_11.webp" />

<br />

7. C’est tout. Créer des tableaux de bord dans Superset à partir des données de ClickHouse ouvre tout un monde d’analyses de données ultra-rapides !

<Image size="md" img="https://mintcdn.com/private-7c7dfe99-detect-table-modification/svLCKm9RWi4jibqG/images/integrations/data-visualization/superset_12.webp?fit=max&auto=format&n=svLCKm9RWi4jibqG&q=85&s=174c49d036b71378d46d6b112762bcd0" alt="Tableau de bord Superset finalisé avec plusieurs visualisations des données sur les prix de l’immobilier au Royaume-Uni provenant de ClickHouse" border width="640" height="551" data-path="images/integrations/data-visualization/superset_12.webp" />

<br />
