Commencer ici
Courts chemins vers l'atlas — choisissez-en un et suivez les sept sections.
Populaire dans Tout sur la visualisation
FAQ visualisation
Le studio remplace-t-il une suite design complète ?
Les scores sacrent-ils le « meilleur » graphique ?
Le studio garantit-il le passage WCAG ?
Les camemberts sont-ils toujours mauvais ?
Studio
Parcourir l’atlas
📊 Graphiques
Barres, courbes, camemberts, nuages, chaleur, cascade, entonnoir, treemap.
▮ Diagramme en barres
Comparer des catégories sur une même base — le graphique honnête par défaut.
Ouvrir →
📈 Graphique en courbes
Montrer le changement dans le temps par un tracé continu.
Ouvrir →
◐ Camembert et donut
Une forme séduisante du tout et des parts — forte en pub, risquée si les parts se multiplient.
Ouvrir →
⚬ Nuage de points
Deux variables mesurées en nuage — la façon honnête de parler de corrélation.
Ouvrir →
▦ Carte de chaleur
Une matrice d’intensité — dense, séduisante, facile à fausser avec un arc-en-ciel.
Ouvrir →
📶 Cascade
Comment un total s’est construit : départ, plus, moins, fin.
Ouvrir →
▽ Entonnoir
Des étapes qui rétrécissent — le marketing l’adore ; la science doit demander si les largeurs sont honnêtes.
Ouvrir →
▭ Treemap
Hiérarchie en rectangles emboîtés — fichiers, budgets, portefeuilles.
Ouvrir →
📶 Histogramme
Effectifs par classe : où une mesure s’empile, pas une comparaison de catégories.
Ouvrir →
🔀 Diagrammes
Flux, org, carte mentale, Venn, frise.
⇨ Organigramme de flux
Boîtes et flèches pour un processus — classique des devoirs, encore en ops.
Ouvrir →
🌳 Organigramme
Qui rend compte à qui — un arbre pour l’entreprise ou le projet de classe.
Ouvrir →
✦ Carte mentale
Un dump radial d’idées — superbe pour réviser, faible comme argument fini.
Ouvrir →
◯ Diagramme de Venn
Ensembles qui se chevauchent — chéri de l’école, trop vu en pub.
Ouvrir →
— Frise chronologique
Événements sur un rail de temps — devoirs d’histoire, lancements, campagnes.
Ouvrir →
⬡ Formes
Géométrie, flèches, encadrés, blocs.
▲ Formes géométriques
Cercles, carrés, triangles, hexagones — l’alphabet des pubs et des icônes.
Ouvrir →
→ Flèches et connecteurs
La direction est un argument — pubs et diapos vivent de la flèche.
Ouvrir →
💬 Encadrés et badges
Le cri de la mise en page — badges promo, bulles, étapes numérotées.
Ouvrir →
▣ Blocs d’infographie
Une page en tuiles — magazines, landings, stands de sciences.
Ouvrir →
🎯 Métier
Couleur, encre de données, accessibilité.
🎨 Systèmes de couleur
La teinte est un outil, pas un décor — échelles catégorielles, séquentielles, divergentes.
Ouvrir →
✒️ Encre de données
Chaque pixel doit mériter sa place — le test de Tufte pour les rapports.
Ouvrir →
♿ Viz accessible
Si ça ne marche qu’en teinte, ça ne marche pas — motifs, contraste, texte en gris.
Ouvrir →
✦ Studio
Rapports, pubs, école, pitch.
📁 Rapports de travail
Le pack hebdo et trimestriel — barres, cascades et tuiles en quatre minutes.
Ouvrir →
📣 Pubs et créas
Des formes qui doivent marcher d’un coup d’œil — badges, flèches, crops, un chiffre.
Ouvrir →
📚 Devoirs scolaires
Des figures qu’un prof peut noter — axes légendés, source, graphique qui répond.
Ouvrir →
🎬 Pitch decks
Dix à quinze diapos qui argumentent — marché, coin, preuve, ask.
Ouvrir →
W Façons
Vingt manuels pratiques — contraste, grilles, Mermaid, ECharts, D3, Lucide et plus — avec licences et liens GitHub.
A11Y Vérification du contraste WCAG
Vérifiez le contraste du texte et de l'arrière-plan avant l'expédition : le gain d'accessibilité le plus rapide pour les diapositives, les sites et les affiches.
Ouvrir →
PAL Générateur de palettes et d'échelles
Créez des palettes catégorielles, séquentielles et divergentes qui survivent à l'impression et à la visualisation daltonienne.
Ouvrir →
Aa Échelle de typographie
Choisissez une échelle de caractères modulaire afin que les titres, le corps et les légendes cessent de se battre sur les diapositives et les pages d'une page.
Ouvrir →
GRID Grille de diapositives et de documents
Alignez chaque bloc sur une grille simple afin que les rapports, les présentations et les affiches semblent intentionnels sans l'intervention d'un concepteur.
Ouvrir →
CHOOSE Décision données-graphiques
Faites correspondre la question à un encodage (comparaison, tendance, partie-tout, corrélation) avant d'ouvrir un outil.
Ouvrir →
MM Diagrammes de texte de sirène
Écrivez un organigramme ou une séquence en texte brut - versionnable, révisable et gratuit via Mermaid.
Ouvrir →
SEQ Modèles de diagramme de séquence
Montrez qui parle à qui au fil du temps : le modèle de bureau et de salle de classe pour les API, les transferts et les protocoles.
Ouvrir →
SKETCH Wireframes d'esquisse Excalidraw
Esquissez l'idée avec Excalidraw avant de la peaufiner : la clarté dessinée à la main bat la création prématurée de pixels.
Ouvrir →
EC Tableaux de bord Apache ECharts
Expédiez des tableaux de bord de bureau interactifs avec Apache ECharts - Apache-2.0, un énorme catalogue de graphiques, sans grattage propriétaire.
Ouvrir →
CJ Graphiques rapides Chart.js
Déposez Chart.js dans une page pour des barres et des lignes honnêtes lorsque vous avez besoin d'un graphique Web aujourd'hui, pas d'une plate-forme.
Ouvrir →
D3 Artisanat personnalisé D3
Atteignez D3 lorsque l'encodage n'existe pas dans un modèle - contrôle total, coût de fabrication plus élevé.
Ouvrir →
VL Grammaire Vega-Lite
Déclarez les encodages en JSON avec Vega-Lite - des graphiques reproductibles qui enseignent la grammaire des graphiques.
Ouvrir →
PLOT Kit de tracé observable
Tracez des tableaux bien rangés avec Observable Plot - concis, sous licence ISC et convivial pour les explicateurs d'analyse.
Ouvrir →
ROUGH Annotation Rough.js
Utilisez les traits Rough.js pour annoter et souligner la persuasion à travers des marques d'apparence humaine, pas du chrome.
Ouvrir →
SANK Histoires de flux Sankey
Racontez comment la quantité évolue entre les étapes avec un Sankey : budgets, entonnoirs et histoires énergétiques.
Ouvrir →
NET Cartes graphiques de réseau
Mappez les relations sous forme de nœuds et de liens (équipes, citations, dépendances) avec des bibliothèques de graphiques ouvertes.
Ouvrir →
MAP Cartes narratives choroplèthes
Ombrez les régions selon un taux (élections, santé, ventes) avec des piles géographiques ouvertes et des échelles de couleurs honnêtes.
Ouvrir →
ICO Systèmes d'icônes ouvertes
Choisissez un jeu d'icônes ouvert et respectez-le - les métaphores cohérentes battent les cliparts mixtes dans les decks et les produits.
Ouvrir →
CV Reprendre la recette infographique
Créez un CV visuel d'une page : grille, échelle de caractères, barres de compétences honnêtes, icônes ouvertes - pas de vidage de cliparts.
Ouvrir →
QBR Visuels du rapport trimestriel
Un pack trimestriel reproductible : pont en cascade, lignes de tendance, type sans contraste, une idée par diapositive.
Ouvrir →