5 min

Démarrage rapide

Ce guide vous accompagne de la connexion de votre source de données à la publication de votre premier graphique interactif — en moins de 5 minutes.

Avant de commencer

Un compte Embases actif — gratuit, aucune carte bancaire requise.
Une base Notion, une table Airtable ou une feuille Google Sheets avec au moins quelques lignes de données.
Un site, CMS ou outil no-code où vous souhaitez intégrer le graphique (optionnel pour tester).

Connecter une source de données

Depuis la barre latérale, cliquez sur « Intégrations ». Trois cartes apparaissent : Notion, Airtable, Google Sheets. Cliquez sur « Connecter » sur la carte de votre choix — une fenêtre OAuth s'ouvre sur le service concerné.

Notion : sélectionnez les pages et bases de données à partager avec Embases. Seules les bases explicitement sélectionnées sont accessibles.
Airtable : autorisez l'accès à votre compte. Vous pourrez ensuite choisir la base et la table dans l'éditeur.
Google Sheets : connectez votre compte Google et choisissez les fichiers à autoriser.

Astuce : Embases n'accède qu'en lecture seule. Aucune ligne n'est écrite, modifiée ou supprimée dans votre source.

Créer un nouvel embed

De retour sur My Hub, cliquez sur le bouton « Nouvel embed » en haut à droite. Une fenêtre s'ouvre avec la liste de vos sources connectées.

1Sélectionnez la source de données (Notion, Airtable ou Google Sheets).
2Choisissez la base de données, la table ou la feuille à utiliser.
3Donnez un nom à votre embed (modifiable plus tard).
4Cliquez sur « Créer » — l'éditeur s'ouvre avec un aperçu vide.

Configurer le graphique

L'éditeur est divisé en deux parties : le panneau de configuration à gauche (ou en bas sur mobile) et l'aperçu du graphique à droite. Choisissez d'abord un type de graphique, puis mappez vos colonnes.

Type	Axe X	Axe Y / Valeur	Usage typique
Barres	Catégorie (texte)	Valeur numérique	Comparaison entre catégories
Ligne	Date ou catégorie	Valeur numérique	Évolution dans le temps
Secteurs	Catégorie (texte)	Valeur numérique	Répartition en proportions
Donut	Catégorie (texte)	Valeur numérique	Répartition avec total central
KPI	—	Valeur numérique	Afficher une seule métrique agrégée

Astuce : Cliquez sur « Rafraîchir » pour recharger les données depuis votre source si elles ont changé pendant la configuration.

Copier le code iFrame

Une fois le graphique configuré, ouvrez le panneau « Partager ». Trois options sont disponibles : iFrame, Lien direct, Export image. Pour l'intégration web, copiez le code iFrame et collez-le dans votre page HTML, votre CMS ou votre outil no-code.

iFrame : intégration dans une page HTML, WordPress, Webflow, Notion, etc. Recommandé pour les sites.
Lien direct : URL de l'embed seul, à ouvrir dans un onglet ou à partager par email.
Export image : capture statique (PNG) du graphique à l'instant T, sans mise à jour automatique.

Vérifier le rendu

Ouvrez votre page et vérifiez que le graphique s'affiche. Les données sont rechargées depuis votre source à chaque chargement de l'iFrame. Si quelque chose ne s'affiche pas correctement, voici les vérifications à faire :

L'embed ne s'affiche pas : vérifiez que l'embed est en mode Public (ou que vous avez ajouté ?token=TOKEN si privé).
iFrame vide sur un domaine tiers : vérifiez que le domaine est ajouté dans Paramètres → Sécurité des embeds.
Données manquantes ou incorrectes : cliquez sur « Rafraîchir » dans l'éditeur pour forcer un rechargement depuis la source.
Graphique mal configuré : revenez dans l'éditeur et vérifiez le mappage des colonnes X et Y.