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

> Explo est un outil UI open source simple d’utilisation pour interroger vos données.

# Connecter Explo à ClickHouse

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

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

<CommunityMaintainedBadge />

Des analyses orientées client pour n’importe quelle plateforme. Conçu pour de superbes visualisations. Pensé pour la simplicité.

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

Dans ce guide, vous allez connecter vos données depuis ClickHouse à Explo et visualiser les résultats. Le graphique se présentera ainsi :

<Image img="https://mintcdn.com/private-7c7dfe99/PWQnWTwcu17exYX2/images/integrations/data-visualization/explo_15.webp?fit=max&auto=format&n=PWQnWTwcu17exYX2&q=85&s=2990776443cdf84538dfa5d37ae2de66" size="md" alt="Tableau de bord Explo" width="1152" height="661" data-path="images/integrations/data-visualization/explo_15.webp" />

<p />

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

  Si vous n'avez pas de jeu de données sur lequel travailler, vous pouvez en ajouter un à partir des exemples. Ce guide utilise le jeu de données [UK Price Paid](/docs/fr/get-started/sample-datasets/uk-price-paid), vous pouvez donc choisir celui-ci. Vous pouvez en consulter plusieurs autres dans cette même catégorie de la documentation.
</Tip>

<Steps>
  <Step title="Rassemblez vos informations de connexion" id="1-gather-your-connection-details">
    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** :

    <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="Bouton Connect du service ClickHouse Cloud" width="998" height="932" data-path="images/_snippets/cloud-connect-button.webp" />
      </Frame>
    </div>

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

    <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="Détails de connexion HTTPS ClickHouse Cloud" width="1320" height="1184" data-path="images/_snippets/connection-details-https.webp" />
      </Frame>
    </div>

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

  <Step title="Connectez Explo à ClickHouse" id="2--connect-explo-to-clickhouse">
    1. Créez un compte Explo.

    2. Cliquez sur l'onglet **Données** d'Explo dans la barre latérale gauche.

    <Image img="https://mintcdn.com/private-7c7dfe99/PWQnWTwcu17exYX2/images/integrations/data-visualization/explo_01.webp?fit=max&auto=format&n=PWQnWTwcu17exYX2&q=85&s=e6b224c4e839e5a9e57e600304f48916" size="sm" alt="Onglet Données" border width="432" height="500" data-path="images/integrations/data-visualization/explo_01.webp" />

    3. Cliquez sur **Connecter une source de données** en haut à droite.

    <Image img="https://mintcdn.com/private-7c7dfe99/PWQnWTwcu17exYX2/images/integrations/data-visualization/explo_02.webp?fit=max&auto=format&n=PWQnWTwcu17exYX2&q=85&s=a97279c9282e37c2c10b1857916623a4" size="sm" alt="Connecter une source de données" border width="288" height="78" data-path="images/integrations/data-visualization/explo_02.webp" />

    4. Renseignez les informations sur la page **Premiers pas**

    <Image img="https://mintcdn.com/private-7c7dfe99/PWQnWTwcu17exYX2/images/integrations/data-visualization/explo_03.webp?fit=max&auto=format&n=PWQnWTwcu17exYX2&q=85&s=4d5ae2e1a38109268e4cc07f75a819d1" size="md" alt="Premiers pas" border width="1152" height="894" data-path="images/integrations/data-visualization/explo_03.webp" />

    5. Sélectionnez **ClickHouse**

    <Image img="https://mintcdn.com/private-7c7dfe99/PWQnWTwcu17exYX2/images/integrations/data-visualization/explo_04.webp?fit=max&auto=format&n=PWQnWTwcu17exYX2&q=85&s=c8dd70cee272bcaa924c9855e684c21b" size="md" alt="ClickHouse" border width="1152" height="1156" data-path="images/integrations/data-visualization/explo_04.webp" />

    6. Saisissez vos **identifiants ClickHouse**.

    <Image img="https://mintcdn.com/private-7c7dfe99/PWQnWTwcu17exYX2/images/integrations/data-visualization/explo_05.webp?fit=max&auto=format&n=PWQnWTwcu17exYX2&q=85&s=90b3558cbf0ac21438da4c66ee247c66" size="md" alt="Identifiants" border width="1152" height="902" data-path="images/integrations/data-visualization/explo_05.webp" />

    7. Configurez **Sécurité**

    <Image img="https://mintcdn.com/private-7c7dfe99/PWQnWTwcu17exYX2/images/integrations/data-visualization/explo_06.webp?fit=max&auto=format&n=PWQnWTwcu17exYX2&q=85&s=076d67c9575c7ba733156b5406c3c6b8" size="md" alt="Sécurité" border width="1152" height="855" data-path="images/integrations/data-visualization/explo_06.webp" />

    8. Dans ClickHouse, autorisez les IP d'Explo.
       `54.211.43.19, 52.55.98.121, 3.214.169.94, et 54.156.141.148`
  </Step>

  <Step title="Créer un tableau de bord" id="3-create-a-dashboard">
    1. Accédez à l'onglet **Tableau de bord** dans la barre de navigation de gauche.

    <Image img="https://mintcdn.com/private-7c7dfe99/PWQnWTwcu17exYX2/images/integrations/data-visualization/explo_07.webp?fit=max&auto=format&n=PWQnWTwcu17exYX2&q=85&s=bedca9b3c0bc41d7a7fd887dfd85a4e2" size="sm" alt="Tableau de bord" border width="432" height="891" data-path="images/integrations/data-visualization/explo_07.webp" />

    2. Cliquez sur **Créer un tableau de bord** dans le coin supérieur droit et donnez un nom à votre tableau de bord. Vous avez maintenant créé un tableau de bord !

    <Image img="https://mintcdn.com/private-7c7dfe99/PWQnWTwcu17exYX2/images/integrations/data-visualization/explo_08.webp?fit=max&auto=format&n=PWQnWTwcu17exYX2&q=85&s=65a5fc374f54ee62d67030d04c8103e2" size="sm" alt="Créer un tableau de bord" border width="425" height="76" data-path="images/integrations/data-visualization/explo_08.webp" />

    3. Vous devriez maintenant voir un écran similaire à celui-ci :

    <Image img="https://mintcdn.com/private-7c7dfe99/PWQnWTwcu17exYX2/images/integrations/data-visualization/explo_09.webp?fit=max&auto=format&n=PWQnWTwcu17exYX2&q=85&s=568f050a91cfb6e6f7f1b94000c055c1" size="md" alt="Tableau de bord Explo" border width="1152" height="688" data-path="images/integrations/data-visualization/explo_09.webp" />
  </Step>

  <Step title="Exécuter une requête SQL" id="4-run-a-sql-query">
    1. Récupérez le nom de votre table dans la barre latérale de droite, sous le titre de votre schéma. Vous devez ensuite saisir la commande suivante dans votre éditeur de jeu de données :
       `SELECT * FROM YOUR_TABLE_NAME
       LIMIT 100`

    <Image img="https://mintcdn.com/private-7c7dfe99/PWQnWTwcu17exYX2/images/integrations/data-visualization/explo_10.webp?fit=max&auto=format&n=PWQnWTwcu17exYX2&q=85&s=d6fa75e995c4d3361a1018e449e59079" size="md" alt="Tableau de bord Explo" border width="1152" height="284" data-path="images/integrations/data-visualization/explo_10.webp" />

    2. Cliquez maintenant sur **Run**, puis accédez à l'onglet d'aperçu pour voir vos données.

    <Image img="https://mintcdn.com/private-7c7dfe99/PWQnWTwcu17exYX2/images/integrations/data-visualization/explo_11.webp?fit=max&auto=format&n=PWQnWTwcu17exYX2&q=85&s=b7f650470d5cab69c8cd519eaecc7fa1" size="md" alt="Tableau de bord Explo" border width="1152" height="329" data-path="images/integrations/data-visualization/explo_11.webp" />
  </Step>

  <Step title="Créer un graphique" id="5-build-a-chart">
    1. Depuis la gauche, faites glisser l'icône du graphique en barres sur l'écran.

    <Image img="https://mintcdn.com/private-7c7dfe99/PWQnWTwcu17exYX2/images/integrations/data-visualization/explo_16.webp?fit=max&auto=format&n=PWQnWTwcu17exYX2&q=85&s=707795b023db6f39f8d00db7ce59dda1" size="sm" alt="Tableau de bord Explo" border width="432" height="978" data-path="images/integrations/data-visualization/explo_16.webp" />

    2. Sélectionnez le jeu de données. Vous devriez maintenant voir un écran comme celui-ci :

    <Image img="https://mintcdn.com/private-7c7dfe99/PWQnWTwcu17exYX2/images/integrations/data-visualization/explo_12.webp?fit=max&auto=format&n=PWQnWTwcu17exYX2&q=85&s=265efc244dd0a93a5102a74eb8011806" size="sm" alt="Tableau de bord Explo" border width="432" height="744" data-path="images/integrations/data-visualization/explo_12.webp" />

    3. Renseignez **county** sur l'axe X et **Price** dans la section de l'axe Y, comme suit :

    <Image img="https://mintcdn.com/private-7c7dfe99/PWQnWTwcu17exYX2/images/integrations/data-visualization/explo_13.webp?fit=max&auto=format&n=PWQnWTwcu17exYX2&q=85&s=2e00df85a3c234b925d4e5f02e0f0ac3" size="sm" alt="Tableau de bord Explo" border width="432" height="754" data-path="images/integrations/data-visualization/explo_13.webp" />

    4. Remplacez ensuite l'agrégation par **AVG**.

    <Image img="https://mintcdn.com/private-7c7dfe99/PWQnWTwcu17exYX2/images/integrations/data-visualization/explo_14.webp?fit=max&auto=format&n=PWQnWTwcu17exYX2&q=85&s=c8cf7dc7e75c48e4d4543a344af6e7db" size="sm" alt="Tableau de bord Explo" border width="432" height="447" data-path="images/integrations/data-visualization/explo_14.webp" />

    5. Vous obtenez maintenant le prix moyen des logements par comté !

    <Image img="https://mintcdn.com/private-7c7dfe99/PWQnWTwcu17exYX2/images/integrations/data-visualization/explo_15.webp?fit=max&auto=format&n=PWQnWTwcu17exYX2&q=85&s=2990776443cdf84538dfa5d37ae2de66" size="md" alt="Tableau de bord Explo" width="1152" height="661" data-path="images/integrations/data-visualization/explo_15.webp" />
  </Step>
</Steps>

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

Pour en savoir plus sur Explo et sur la création de tableaux de bord, <a href="https://docs.explo.co/" target="_blank">consultez la documentation d’Explo</a>.
