> ## 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.

# Connecter Chartbrew à ClickHouse

> Connectez Chartbrew à ClickHouse pour créer des tableaux de bord en temps réel et des rapports clients.

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>;
};

export const CommunityMaintainedBadge = () => {
  return <div className="CommunityMaintainedBadge">
            <div className="CommunityMaintainedIcon">
            <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="currentColor" viewBox="0 0 256 256">
                <path d="M244.8,150.4a8,8,0,0,1-11.2-1.6A51.6,51.6,0,0,0,192,128a8,8,0,0,1-7.37-4.89,8,8,0,0,1,0-6.22A8,8,0,0,1,192,112a24,24,0,1,0-23.24-30,8,8,0,1,1-15.5-4A40,40,0,1,1,219,117.51a67.94,67.94,0,0,1,27.43,21.68A8,8,0,0,1,244.8,150.4ZM190.92,212a8,8,0,1,1-13.84,8,57,57,0,0,0-98.16,0,8,8,0,1,1-13.84-8,72.06,72.06,0,0,1,33.74-29.92,48,48,0,1,1,58.36,0A72.06,72.06,0,0,1,190.92,212ZM128,176a32,32,0,1,0-32-32A32,32,0,0,0,128,176ZM72,120a8,8,0,0,0-8-8A24,24,0,1,1,87.24,82a8,8,0,1,0,15.5-4A40,40,0,1,0,37,117.51,67.94,67.94,0,0,0,9.6,139.19a8,8,0,1,0,12.8,9.61A51.6,51.6,0,0,1,64,128,8,8,0,0,0,72,120Z"></path>
            </svg>
        </div>
            Géré par la communauté
        </div>;
};

[Chartbrew](https://chartbrew.com) est une plateforme de visualisation de données qui vous permet de créer des tableaux de bord et de surveiller vos données en temps réel. Elle prend en charge plusieurs sources de données, dont ClickHouse, et fournit une interface no-code pour créer des graphiques et des rapports.

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

Dans ce guide, vous allez connecter Chartbrew à ClickHouse, exécuter une requête SQL et créer une visualisation. À la fin, votre tableau de bord devrait ressembler à ceci :

<Image img="https://mintcdn.com/private-7c7dfe99-detect-table-modification/L7_COrR7NltKl_Va/images/integrations/data-visualization/chartbrew_01.webp?fit=max&auto=format&n=L7_COrR7NltKl_Va&q=85&s=42326e70ce4cdc7334d394ae53dd943a" size="lg" alt="Tableau de bord Chartbrew" width="2400" height="1289" data-path="images/integrations/data-visualization/chartbrew_01.webp" />

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

  Si vous n'avez pas de jeu de données à utiliser, vous pouvez en ajouter un à partir des exemples. Ce guide utilise le jeu de données [UK Price Paid](/fr/get-started/sample-datasets/uk-price-paid).
</Tip>

<div id="1-gather-your-connection-details">
  ## 1. Récupérez vos 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-connect-chartbrew-to-clickhouse">
  ## 2. Connecter Chartbrew à ClickHouse
</div>

1. Connectez-vous à [Chartbrew](https://chartbrew.com/login), puis accédez à l’onglet **Connexions**.

2. Cliquez sur **Créer une connexion** et sélectionnez **ClickHouse** parmi les bases de données disponibles.

   <Image img="https://mintcdn.com/private-7c7dfe99-detect-table-modification/L7_COrR7NltKl_Va/images/integrations/data-visualization/chartbrew_02.webp?fit=max&auto=format&n=L7_COrR7NltKl_Va&q=85&s=1efe419de8f271eaa0c512bd142c404c" size="lg" alt="Sélectionner une connexion ClickHouse dans Chartbrew" width="1600" height="1132" data-path="images/integrations/data-visualization/chartbrew_02.webp" />

3. Saisissez les informations de connexion de votre base de données ClickHouse :

   * **Nom d’affichage** : nom permettant d’identifier la connexion dans Chartbrew.
   * **Hôte** : nom d’hôte ou adresse IP de votre serveur ClickHouse.
   * **Port** : généralement `8443` pour les connexions HTTPS.
   * **Nom de la base de données** : base de données à laquelle vous souhaitez vous connecter.
   * **Nom d’utilisateur** : votre nom d’utilisateur ClickHouse.
   * **Mot de passe** : votre mot de passe ClickHouse.

   <Image img="https://mintcdn.com/private-7c7dfe99-detect-table-modification/L7_COrR7NltKl_Va/images/integrations/data-visualization/chartbrew_03.webp?fit=max&auto=format&n=L7_COrR7NltKl_Va&q=85&s=1276d502fe1e5803c3a073b468329d2f" size="lg" alt="Paramètres de connexion ClickHouse dans Chartbrew" width="1600" height="1141" data-path="images/integrations/data-visualization/chartbrew_03.webp" />

4. Cliquez sur **Tester la connexion** pour vérifier que Chartbrew peut se connecter à ClickHouse.

5. Si le test réussit, cliquez sur **Enregistrer la connexion**. Chartbrew récupérera automatiquement le schéma de ClickHouse.

   <Image img="https://mintcdn.com/private-7c7dfe99-detect-table-modification/L7_COrR7NltKl_Va/images/integrations/data-visualization/chartbrew_04.webp?fit=max&auto=format&n=L7_COrR7NltKl_Va&q=85&s=fd5375329492fbb597f0a41365f34465" size="lg" alt="Schéma JSON ClickHouse dans Chartbrew" width="1600" height="855" data-path="images/integrations/data-visualization/chartbrew_04.webp" />

<div id="3-create-a-dataset-and-run-a-sql-query">
  ## 3. Créer un jeu de données et exécuter une requête SQL
</div>

1. Cliquez sur le bouton **Create jeu de données** ou accédez à l’onglet **Datasets** pour en créer un.
2. Sélectionnez la connexion ClickHouse que vous avez créée précédemment.

<Image img="https://mintcdn.com/private-7c7dfe99-detect-table-modification/L7_COrR7NltKl_Va/images/integrations/data-visualization/chartbrew_05.webp?fit=max&auto=format&n=L7_COrR7NltKl_Va&q=85&s=b3de22f8c6a59c93992b996664b4ff17" size="lg" alt="Sélectionner la connexion ClickHouse pour le jeu de données" width="1600" height="725" data-path="images/integrations/data-visualization/chartbrew_05.webp" />

Rédigez une requête SQL pour extraire les données que vous souhaitez visualiser. Par exemple, cette requête calcule le prix moyen payé par an à partir du jeu de données `uk_price_paid` :

```sql theme={null}
  SELECT toYear(date) AS year, avg(price) AS avg_price
  FROM uk_price_paid
  GROUP BY year
  ORDER BY year;
```

<Image img="https://mintcdn.com/private-7c7dfe99-detect-table-modification/L7_COrR7NltKl_Va/images/integrations/data-visualization/chartbrew_07.webp?fit=max&auto=format&n=L7_COrR7NltKl_Va&q=85&s=e7f18edb8bf9e8cff5b932c37bc0475a" size="lg" alt="Requête ClickHouse SQL dans Chartbrew" width="1600" height="928" data-path="images/integrations/data-visualization/chartbrew_07.webp" />

Cliquez sur **Exécuter la requête** pour récupérer les données.

Si vous ne savez pas comment rédiger la requête, vous pouvez utiliser **l'assistant IA de Chartbrew** pour générer des requêtes SQL à partir du schéma de votre base de données.

<Image img="https://mintcdn.com/private-7c7dfe99-detect-table-modification/L7_COrR7NltKl_Va/images/integrations/data-visualization/chartbrew_06.webp?fit=max&auto=format&n=L7_COrR7NltKl_Va&q=85&s=06d5f9eaab20b2b9f16d194263ba6e72" size="lg" alt="Assistant SQL IA ClickHouse dans Chartbrew" width="2400" height="1184" data-path="images/integrations/data-visualization/chartbrew_06.webp" />

Une fois les données récupérées, cliquez sur **Configurer le jeu de données** pour configurer les paramètres de la visualisation.

<div id="4-create-a-visualization">
  ## 4. Créer une visualisation
</div>

1. Définissez une métrique (valeur numérique) et une dimension (valeur catégorielle) pour votre visualisation.
2. Prévisualisez le jeu de données pour vous assurer que le résultat de la requête est correctement structuré.
3. Choisissez un type de graphique (par exemple, graphique en courbes, histogramme, camembert) et ajoutez-le à votre tableau de bord.
4. Cliquez sur **Complete jeu de données** pour finaliser la configuration.

<Image img="https://mintcdn.com/private-7c7dfe99-detect-table-modification/L7_COrR7NltKl_Va/images/integrations/data-visualization/chartbrew_08.webp?fit=max&auto=format&n=L7_COrR7NltKl_Va&q=85&s=470c0482b165c4e8cb7ecc09ec77de2a" size="lg" alt="Tableau de bord Chartbrew avec des données ClickHouse" width="2400" height="1068" data-path="images/integrations/data-visualization/chartbrew_08.webp" />

Vous pouvez créer autant de jeux de données que vous le souhaitez pour visualiser différents aspects de vos données. À partir de ces jeux de données, vous pouvez créer plusieurs tableaux de bord pour suivre différentes métriques.

<Image img="https://mintcdn.com/private-7c7dfe99-detect-table-modification/L7_COrR7NltKl_Va/images/integrations/data-visualization/chartbrew_01.webp?fit=max&auto=format&n=L7_COrR7NltKl_Va&q=85&s=42326e70ce4cdc7334d394ae53dd943a" size="lg" alt="Tableau de bord Chartbrew avec des données ClickHouse" width="2400" height="1289" data-path="images/integrations/data-visualization/chartbrew_01.webp" />

<div id="5-automate-data-updates">
  ## 5. Automatiser les mises à jour des données
</div>

Pour que votre tableau de bord reste à jour, vous pouvez planifier des mises à jour automatiques des données :

1. Cliquez sur l’icône de calendrier à côté du bouton d’actualisation du jeu de données.
2. Configurez l’intervalle de mise à jour (par exemple, toutes les heures ou tous les jours).
3. Enregistrez les paramètres pour activer l’actualisation automatique.

<Image img="https://mintcdn.com/private-7c7dfe99-detect-table-modification/L7_COrR7NltKl_Va/images/integrations/data-visualization/chartbrew_09.webp?fit=max&auto=format&n=L7_COrR7NltKl_Va&q=85&s=93fc59013d2591f5603a55a20c961a87" size="lg" alt="Paramètres d’actualisation du jeu de données Chartbrew" width="1600" height="899" data-path="images/integrations/data-visualization/chartbrew_09.webp" />

<div id="learn-more">
  ## En savoir plus
</div>

Pour en savoir plus, consultez l’article de blog sur [Chartbrew et ClickHouse](https://chartbrew.com/blog/visualizing-clickhouse-data-with-chartbrew-a-step-by-step-guide/).
