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

> Zing Data est une solution simple de business intelligence collaborative pour ClickHouse, disponible sur iOS, Android et le Web.

# Connecter Zing Data à 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}) => {
  return <Frame>
      <img src={img} alt={alt} />
    </Frame>;
};

<a href="https://www.zingdata.com/" target="_blank">Zing Data</a> est une plateforme d'exploration et de visualisation de données. Zing Data se connecte à ClickHouse à l’aide du driver JavaScript fourni par ClickHouse.

<div id="how-to-connect">
  ## Comment se connecter
</div>

1. Récupérez vos informations de connexion.

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-mintlify-fbfa8bee/Qke-GQkmVyWEhvPu/images/_snippets/cloud-connect-button.png?fit=max&auto=format&n=Qke-GQkmVyWEhvPu&q=85&s=a41d53ce6c46ccccb2855331a8dcc841" size="md" alt="Bouton Connect du service ClickHouse Cloud" border width="998" height="932" data-path="images/_snippets/cloud-connect-button.png" />

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

<Image img="https://mintcdn.com/private-7c7dfe99-mintlify-fbfa8bee/Qke-GQkmVyWEhvPu/images/_snippets/connection-details-https.png?fit=max&auto=format&n=Qke-GQkmVyWEhvPu&q=85&s=0377c34215bd524b359c0d20dd96bed3" size="md" alt="Détails de connexion HTTPS ClickHouse Cloud" border width="1320" height="1184" data-path="images/_snippets/connection-details-https.png" />

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

2. Téléchargez Zing Data ou rendez-vous sur le site

   * Pour utiliser ClickHouse avec Zing Data sur mobile, téléchargez l’application Zing Data sur le [Google Play Store](https://play.google.com/store/apps/details?id=com.getzingdata.android) ou l’[Apple App Store](https://apps.apple.com/us/app/zing-data-collaborative-bi/id1563294091).

   * Pour utiliser ClickHouse avec Zing Data sur le web, rendez-vous sur la [console web Zing](https://console.getzingdata.com/) et créez un compte.

3. Ajoutez une source de données

   * Pour interagir avec vos données ClickHouse dans Zing Data, vous devez définir une ***source de données***. Dans le menu de l’application mobile Zing Data, sélectionnez **Sources**, puis cliquez sur **Add a Datasource**.

   * Pour ajouter une source de données sur le web, cliquez sur **Data Sources** dans le menu supérieur, puis sur **New Datasource** et sélectionnez **ClickHouse** dans le menu déroulant

   <Image size="md" img="https://mintcdn.com/private-7c7dfe99-mintlify-fbfa8bee/SuhGaqX11zhHEe0p/images/integrations/data-visualization/zing_01.png?fit=max&auto=format&n=SuhGaqX11zhHEe0p&q=85&s=7fb5a2b7fd87172386ec50a50c8ee1e2" alt="Interface de Zing Data affichant le bouton New Datasource et l’option ClickHouse dans le menu déroulant" border width="2420" height="278" data-path="images/integrations/data-visualization/zing_01.png" />

   <br />

4. Renseignez les informations de connexion, puis cliquez sur **Check Connection**.

   <Image size="md" img="https://mintcdn.com/private-7c7dfe99-mintlify-fbfa8bee/SuhGaqX11zhHEe0p/images/integrations/data-visualization/zing_02.png?fit=max&auto=format&n=SuhGaqX11zhHEe0p&q=85&s=a7be494629d23d432a96b749c0e22566" alt="Formulaire de configuration de connexion ClickHouse dans Zing Data avec des champs pour le serveur, le port, la base de données, le nom d’utilisateur et le mot de passe" border width="2242" height="2210" data-path="images/integrations/data-visualization/zing_02.png" />

   <br />

5. Si la connexion réussit, Zing vous redirigera vers la sélection des tables. Sélectionnez les tables requises et cliquez sur **Save**. Si Zing ne parvient pas à se connecter à votre source de données, un message vous demandera de vérifier vos identifiants et de réessayer. Si vous rencontrez toujours des problèmes après cela, <a id="contact_link" href="mailto:hello@getzingdata.com">contactez le support Zing ici.</a>

   <Image size="md" img="https://mintcdn.com/private-7c7dfe99-mintlify-fbfa8bee/SuhGaqX11zhHEe0p/images/integrations/data-visualization/zing_03.png?fit=max&auto=format&n=SuhGaqX11zhHEe0p&q=85&s=f15734c9b26e823f8c396ec2eecb3e15" alt="Interface de sélection des tables de Zing Data affichant les tables ClickHouse disponibles avec des cases à cocher" border width="2248" height="1232" data-path="images/integrations/data-visualization/zing_03.png" />

   <br />

6. Une fois la source de données ClickHouse ajoutée, elle sera disponible pour tous les membres de votre organisation Zing, dans l’onglet **Data Sources** / **Sources**.

<div id="creating-charts-and-dashboards-in-zing-data">
  ## Création de graphiques et de tableaux de bord dans Zing Data
</div>

1. Une fois votre source de données ClickHouse ajoutée, cliquez sur **Zing App** sur le Web, ou sur la source de données sur mobile pour commencer à créer des graphiques.

2. Cliquez sur une table dans la liste des tables pour créer un graphique.

   <Image size="sm" img="https://mintcdn.com/private-7c7dfe99-mintlify-fbfa8bee/SuhGaqX11zhHEe0p/images/integrations/data-visualization/zing_04.png?fit=max&auto=format&n=SuhGaqX11zhHEe0p&q=85&s=fe2c639c0a0f2c42bcf0a9cd871e3c66" alt="Interface de Zing Data affichant la liste des tables avec les tables ClickHouse disponibles" border width="836" height="422" data-path="images/integrations/data-visualization/zing_04.png" />

   <br />

3. Utilisez le query builder visuel pour sélectionner les champs, agrégations, etc. souhaités, puis cliquez sur **Run Question**.

   <Image size="md" img="https://mintcdn.com/private-7c7dfe99-mintlify-fbfa8bee/SuhGaqX11zhHEe0p/images/integrations/data-visualization/zing_05.png?fit=max&auto=format&n=SuhGaqX11zhHEe0p&q=85&s=1a6f9fe6c73999e8422a5d88745d3c55" alt="Interface du query builder visuel de Zing Data avec sélection de champs et options d’agrégation" border width="2624" height="1734" data-path="images/integrations/data-visualization/zing_05.png" />

   <br />

4. Si vous maîtrisez SQL, vous pouvez également écrire du SQL personnalisé pour exécuter des requêtes et créer un graphique.

   <Image size="md" img="https://mintcdn.com/private-7c7dfe99-mintlify-fbfa8bee/SuhGaqX11zhHEe0p/images/integrations/data-visualization/zing_06.png?fit=max&auto=format&n=SuhGaqX11zhHEe0p&q=85&s=68ad3961bfe1cf9ab2bbddc49ea0e60d" alt="Mode SQL Editor dans Zing Data affichant l’interface de rédaction de requêtes SQL" border width="2636" height="140" data-path="images/integrations/data-visualization/zing_06.png" />

   <Image size="md" img="https://mintcdn.com/private-7c7dfe99-mintlify-fbfa8bee/SuhGaqX11zhHEe0p/images/integrations/data-visualization/zing_07.png?fit=max&auto=format&n=SuhGaqX11zhHEe0p&q=85&s=1740d0de0d38a74ecd3f21b94ffa48b2" alt="Résultats de requête SQL dans Zing Data avec les données affichées sous forme tabulaire" border width="2632" height="1030" data-path="images/integrations/data-visualization/zing_07.png" />

5. Voici à quoi peut ressembler un graphique. La question peut être enregistrée à l’aide du menu à trois points. Vous pouvez commenter le graphique, identifier des membres de votre équipe, créer des alertes en temps réel, changer le type de graphique, etc.

   <Image size="md" img="https://mintcdn.com/private-7c7dfe99-mintlify-fbfa8bee/SuhGaqX11zhHEe0p/images/integrations/data-visualization/zing_08.png?fit=max&auto=format&n=SuhGaqX11zhHEe0p&q=85&s=dc6be47919f4cb9adcdf1cd90c5aed25" alt="Exemple de visualisation de graphique dans Zing Data affichant des données de ClickHouse avec un menu d’options" border width="2634" height="1252" data-path="images/integrations/data-visualization/zing_08.png" />

   <br />

6. Vous pouvez créer des tableaux de bord à l’aide de l’icône « + » sous **Dashboards** sur l’écran d’accueil. Les questions existantes peuvent y être glissées pour être affichées sur le tableau de bord.

   <Image size="md" img="https://mintcdn.com/private-7c7dfe99-mintlify-fbfa8bee/SuhGaqX11zhHEe0p/images/integrations/data-visualization/zing_09.png?fit=max&auto=format&n=SuhGaqX11zhHEe0p&q=85&s=98bd88e53ecc37204c4eef2f76aa50e2" alt="Vue du tableau de bord Zing Data affichant plusieurs visualisations organisées dans une disposition de tableau de bord" border width="2606" height="764" data-path="images/integrations/data-visualization/zing_09.png" />

   <br />

<div id="related-content">
  ## Contenu associé
</div>

* [Documentation](https://docs.getzingdata.com/docs/)
* [Quick Start](https://getzingdata.com/quickstart/)
* Guide pour [créer des tableaux de bord](https://getzingdata.com/blog/new-feature-create-multi-question-dashboards/)
