31:T7ba,## Ce que tu analyses **À toi** **Cinq objets.** Les trois premiers, tu les choisis. Les deux derniers sont imposés. ### Tu choisis — un de chaque régime Un seul de chaque, pas trois du même genre : c'est la distinction du CM1 qu'on fait travailler ici. | Régime | Où chercher | |---|---| | **Exploratoire** — l'utilisateur fouille | [Gapminder](https://www.gapminder.org/tools/) · [OECD Regional Well-Being](https://www.oecdregionalwellbeing.org/) · [DataWrapper River](https://www.datawrapper.de/river) | | **Explicatif** — l'auteur mène le récit | [The Pudding](https://pudding.cool/) · [NYT / The Upshot](https://www.nytimes.com/section/upshot) · [Reuters Graphics](https://www.reuters.com/graphics/) | | **Infographie** — un message éditorialisé | [Information is Beautiful](https://informationisbeautiful.net/) | ### Imposés **Objet 4 — la viz ratée.** La même pour toute la classe. On la démonte ensemble en fin de séance : viens avec ton avis écrit, pas avec une page blanche. **Objet 5 — la viz générée par IA.** Je te donne trois choses : **le graphique**, **le prompt** qui l'a produit, et **le fichier de données** d'origine. Le tout a pris dix secondes à fabriquer. > ⚠️ Consigne particulière pour l'objet 5 : **prends trois valeurs affichées sur > le graphique et retrouve-les dans le fichier.** Pas trois au hasard — trois qui > comptent : le maximum, le minimum, et celle sur laquelle repose le titre. > > Une visualisation d'IA est propre, plausible, bien composée. Rien de tout ça > ne dit quoi que ce soit de sa justesse.32:T7f5,fiche1 = ({ titre: "Popolation", auteur: "Hisham N", annee: "", lien: "https://www.gapminder.org/tools/#$chart-type=barrank&url=v2", regime: "explicatoire", // exploratoire · explicatif · infographie // D'où sort-elle, qui l'a produite, et qu'est-ce qui manque ? p1: `Les données sont attribuées à Hisham N. mais la source réelle est cachée. L'utilisateur doit cliquer sur le point d'interrogation et télécharger un fichier Excel pour pouvoir vérifier d'où proviennent véritablement les chiffres.`, // À quelle question ce graphique répond-il ? Est-elle écrite ? p2: `Il répond à la question : "Quels sont les pays les plus peuplés au monde et comment leur classement a-t-il évolué entre 1800 et 2025 ?".`, // Quelle variable visuelle porte quoi — et en est-elle capable ? p3: `Le volume de population est porté par la taille, ce qui est la méthode la plus efficace. La hiérarchie est indiquée par la position verticale. L'appartenance continentale est portée par la couleur, ce qui est visuellement pertinent pour créer des groupes.`, // Qu'affirme le texte, et le dessin le porte-t-il ? p4: `Le texte livre des valeurs brutes exactes (ex : 1.46B) et indique clairement le rang avec des numéros (#1, #2...). Le dessin valide parfaitement cette affirmation textuelle : les barres les plus longues sont systématiquement placées tout en haut.`, // Qu'est-ce qui a été tordu — volontairement ou non ? p5: `La barre qui permet d'observer l'evolution des populations par pays peut très bien passé inaperçu, elle n'est pas assez visible et mise en avant.`, // Qu'est-ce que tu gardes, qu'est-ce que tu changes ? garder: `Je garderais les barres horizontales et le codage coloré qui rendent la comparaison des volumes immédiate. En revanche, j'ajouterais une légende pour expliquer le sens des couleurs (les continents), et j'afficherais l'année en cours en filigrane au centre du graphique pour rendre la dimension temporelle évidente sans avoir à interagir.` })33:T937,fiche2 = ({ titre: "Who’s Suing Whom in AI?", auteur: "David McCandless", annee: "2026", lien: "https://informationisbeautiful.net/visualizations/the-rise-of-generative-ai-large-language-models-llms-like-chatgpt/#suing", regime: "infographie", // exploratoire · explicatif · infographie // D'où sort-elle, qui l'a produite, et qu'est-ce qui manque ? p1: `Elle a été produite par le célèbre designer David McCandless. Les sources sont compilées à partir d'articles de presse, de Wired, etc. Ce qui manque, c'est l'état d'avancement de la majorité des plaintes et surtout les enjeux financiers (les montants réclamés). L'infographie se limite à montrer "qui" attaque "qui".`, // À quelle question ce graphique répond-il ? Est-elle écrite ? p2: `La question est écrite en gros, en guise de titre : "Qui poursuit qui en justice dans le domaine de l'IA ?" (Who's Suing Whom in AI?). Il cherche à cartographier les conflits de droits d'auteur autour de l'intelligence artificielle.`, // Quelle variable visuelle porte quoi — et en est-elle capable ? p3: `Le graphique utilise deux variables majeures de manière très pertinente. La taille des cercles représente le poids de l'organisation (de "minnow" à "behemoth") : c'est une variable quantitative parfaitement capable de traduire un volume. La COULEUR indique le secteur d'activité des plaignants (médias, musiciens, auteurs...) : c'est une variable sélective idéale pour créer des catégories visuelles.`, // Qu'affirme le texte, et le dessin le porte-t-il ? p4: `Le texte indique qu'il y a plus de 100 affaires judiciaires en cours concernant les droits d'auteur. Le dessin traduit visuellement cette impression de conflit massif et global : les géants de la tech sont placés au centre et semblent littéralement "assiégés" par une multitude de flèches qui convergent vers eux depuis l'extérieur.`, // Qu'est-ce qui a été tordu — volontairement ou non ? p5: `Pour des raisons purement esthétiques, l'auteur a opté pour une disposition radiale (en cercle). Le problème, c'est que la longueur des flèches et l'éloignement des bulles par rapport au centre ne signifient strictement rien. Les éléments sont placés là où il y a de la place, ce qui oblige certaines lignes à se croiser et complique un peu la lecture rapide.`, })34:Tb9f,fiche3 = ({ titre: "30 minutes with a stranger", auteur: "Alvin Chang", annee: "2025", lien: "https://pudding.cool/2025/06/hello-stranger/", regime: "explicatif", // exploratoire · explicatif · infographie // D'où sort-elle, qui l'a produite, et qu'est-ce qui manque ? p1: `Ce projet a été produit par le journaliste de données Alvin Chang pour le média web The Pudding. Les données s'appuient sur le "CANDOR Corpus", une base de données de recherche publique regroupant plus de 1 600 conversations entre inconnus. Il manque l'audio ou la vidéo d'origine des participants, volontairement retirés par l'auteur pour des raisons de respect de la vie privée.`, // À quelle question ce graphique répond-il ? Est-elle écrite ? p2: `Il répond principalement à la question : "Que se passe-t-il quand on oblige deux inconnus à discuter pendant 30 minutes, et comment leur humeur évolue-t-elle au fil du temps ?". Cette idée est le fil rouge de l'article, introduite dès le début pour bousculer nos préjugés sur les interactions sociales.`, // Quelle variable visuelle porte quoi — et en est-elle capable ? p3: `L'auteur utilise la couleur pour coder les tranches d'âge et certaines caractéristiques démographiques des participants ; c'est une variable sélective idéale pour différencier. La position représente l'évolution de la confiance et du confort dans le temps ; c'est une variable quantitative parfaite. Enfin, la forme est utilisée pour donner une apparence de "visage" abstrait aux dialogues, ce qui suscite l'empathie.`, // Qu'affirme le texte, et le dessin le porte-t-il ? p4: `Le texte affirme que, contrairement à ce qu'on pourrait redouter, parler à un inconnu s'avère presque toujours être une expérience très positive. Le design en "scrollytelling" (le défilement de la page) porte très bien ce message : on voit littéralement le compteur de minutes défiler et les courbes d'humeur grimper visuellement au fil de l'histoire.`, // Qu'est-ce qui a été tordu — volontairement ou non ? p5: `Pour rendre cet énorme jeu de données digeste, l'auteur a dû sélectionner une conversation spécifique (comme celle de "Kate et Dawn") pour servir de fil conducteur émotionnel. Cette sélection scénarise la donnée brute. De plus, transformer des vraies voix humaines en animations de texte lisses permet de masquer certains silences gênants ou hésitations de l'audio brut, rendant l'expérience plus fluide pour le lecteur.`, // Qu'est-ce que tu gardes, qu'est-ce que tu changes ? garder: `Je garde le format interactif et l'animation des bulles de texte qui donne l'impression d'assister à un appel Zoom en direct, c'est très immersif. Par contre, j'ajouterais peut-être la possibilité d'écouter de très courts extraits audio anonymisés pour faire passer le véritable "ton" (les rires, la gêne), car le texte seul manque un petit peu de l'authenticité de la voix humaine.` })35:T774,fiche4 = ({ titre: "Gun deaths in florida", auteur: "C.Chan", annee: "2014", lien: "", regime: "explicatif", // exploratoire · explicatif · infographie // D'où sort-elle, qui l'a produite, et qu'est-ce qui manque ? p1: `Produite par la journaliste C. Chan pour Reuters. Les données proviennent du "Florida Department of Law Enforcement".`, // À quelle question ce graphique répond-il ? Est-elle écrite ? p2: `Il permet de répondre à la question "combien de meurtres par armes à feux sont commis ?"`, // Quelle variable visuelle porte quoi — et en est-elle capable ? p3: `La position verticale porte le nombre et la position horizontale porte les années. La couleur (rouge) et la surface remplissent l'espace sous la ligne zéro.`, // Qu'affirme le texte, et le dessin le porte-t-il ? p4: `Le texte souligne l'année 2005 et l'adoption de la loi "Stand Your Ground". Mais le dessin crée une énorme dissonance cognitive : visuellement, après 2005, la ligne "descend" drastiquement, ce qui suggère au premier coup d'œil une baisse des meurtres. Or, en lisant l'axe inversé, on réalise que les meurtres ont en fait explosé (passant d'environ 500 à plus de 700).`, // Qu'est-ce qui a été tordu — volontairement ou non ? p5: `l'axe est inversé, ce qui peut mener à une mauvaise interprétation. Aussi, le fait de prendre un chiffre brut, on ne prend pas forcément compte de l'evolution de la population, ce qui est probablement volontaire.`, // Qu'est-ce que tu gardes, qu'est-ce que tu changes ? garder: `La métaphore du sang est percutante artistiquement, mais dans un contexte d'information journalistique, la clarté doit primer. Je remettrais l'axe à l'endroit (0 en bas) pour que l'augmentation dramatique des morts après 2005 saute aux yeux de manière évidente, et j'utiliserais un taux par habitant pour plus de rigueur statistique.` })36:T875,fiche5 = ({ titre: "evolution des gains des vainqueurs de grand chelem", auteur: "IA, chatgpt", annee: "", lien: "", regime: "infographie", // exploratoire · explicatif · infographie // D'où sort-elle, qui l'a produite, et qu'est-ce qui manque ? p1: `Image générée par IA avec deux données précises et un prompt "fais moi un graphique de l'évolution des gaisn des vainqueurs de grand chelem".`, // À quelle question ce graphique répond-il ? Est-elle écrite ? p2: `Il répond à la question : "Comment a évolué le gain moyen annuel des vainqueurs de Grand Chelem depuis 1968 ?"`, // Quelle variable visuelle porte quoi — et en est-elle capable ? p3: `La donnée est portée par la variable visuelle de position. La position verticale porte les gains et la position horizontale porte les années. La position 2D est la variable la plus précise et est parfaitement capable de traduire ces données. Une ligne connecte les points pour souligner la continuité.`, // Qu'affirme le texte, et le dessin le porte-t-il ? p4: `Le texte affirme montrer le "gain moyen annuel". Le dessin trace bien une courbe d'évolution de ces moyennes, mais présente des anomalies visuelles (des chutes verticales extrêmes) qui laissent penser que l'IA a tracé des erreurs sans le dire.`, // Qu'est-ce qui a été tordu — volontairement ou non ? p5: `Il n'y a pas de correction de l'inflation : 1$ de 1968 valait beaucoup plus qu'en 2023, la courbe est donc pas tout à fait exact. Les chutes libres (notamment vers 1998 ou 2020) : l'IA a probablement relié des années où il manquait des données (zéro ou null) dans le fichier CSV au lieu de les ignorer, créant des effondrements irréalistes.`, // Qu'est-ce que tu gardes, qu'est-ce que tu changes ? garder: `Je garde le choix de la courbe (graphique linéaire), qui est la meilleure représentation visuelle pour une série temporelle continue. Je change le traitement des données (ajustement sur l'inflation, nettoyage des années sans données pour éviter les chutes) et je passe sur un fond clair plus classique pour l'impression ou l'intégration dans un document.` })37:T542,synthese = `Parmi les cinq visualisations, "30 minutes with a stranger" (fiche 3) est celle qui accomplit le mieux son travail grâce à son format immersif. Cependant, cette réussite narrative a un prix : elle sacrifie l'exhaustivité et la neutralité des données, ainsi que la liberté du lecteur, au profit d'une histoire très scénarisée (le "cherry-picking" d'une seule conversation). En observant l'ensemble des fiches, on remarque que les objets sont particulièrement faibles sur la contextualisation (p1) et sur les distorsions (p5) : sources cachées (Gapminder), ratios ignorés (Floride) ou montants absents (McCandless). Cela montre que le métier de data designer n'est pas de l'affichage objectif ; c'est un travail purement éditorial où chaque choix technique est une prise de position qui oriente le message. Enfin, concernant le graphique généré par l'IA (fiche 5), le problème ne vient pas de l'encodage (le choix de la courbe est correct pour du temps), mais bien de la donnée brute. L'IA a bêtement tracé des valeurs manquantes comme des "zéros" et a ignoré l'inflation. Un data designer humain aurait commencé par vérifier et nettoyer son fichier CSV (ignorer les années vides ou utiliser des pointillés) et aurait ajusté les montants financiers à l'inflation pour livrer une information véridique.`38:T444,ficheAnalyse = () => Inputs.form({ titre: Inputs.text({ label: "Titre", width: "100%", placeholder: "Le titre de la visualisation" }), auteur: Inputs.text({ label: "Auteur · média", width: "100%", placeholder: "Qui l'a faite, et pour qui" }), annee: Inputs.text({ label: "Année", placeholder: "2019" }), lien: Inputs.text({ label: "Lien", width: "100%", placeholder: "https://…" }), regime: Inputs.radio(["exploratoire", "explicatif", "infographie"], { label: "Régime" }), // Les cinq passes, engendrées depuis PASSES ...Object.fromEntries( PASSES.map(([cle, nom, question], i) => [ cle, Inputs.textarea({ label: `${i + 1} · ${nom}`, placeholder: question, rows: 3, width: "100%" }) ]) ), garder: Inputs.textarea({ label: "Je garde / je change", placeholder: "Une phrase. Qu'est-ce que tu gardes, qu'est-ce que tu changes ?", rows: 2, width: "100%" }) })39:[{"id":"76bf2901d8b86b101dca354abc2da19cc06fbbf25b49187f6d37aea1ab0e990b3ad1382c5b7e9bc7ea837de9eed5d39b016c32fc706dacab73a60fc3ae4dc593","href":"https://static.observableusercontent.com/files/76bf2901d8b86b101dca354abc2da19cc06fbbf25b49187f6d37aea1ab0e990b3ad1382c5b7e9bc7ea837de9eed5d39b016c32fc706dacab73a60fc3ae4dc593","name":"Évolution des gains des vainqueurs de Grand Chelem.png","type":"image/png","lastModified":1786291107073.381,"size":98723},{"id":"9a3db65a301d4dd6b7a91a3eaec02a5a62d81638e5ca1185202e62a0b85388a47b568ff810d0c3fc0a8220f766c67aba0ba67da1ffb83b446fcaf301baf67d26","href":"https://static.observableusercontent.com/files/9a3db65a301d4dd6b7a91a3eaec02a5a62d81638e5ca1185202e62a0b85388a47b568ff810d0c3fc0a8220f766c67aba0ba67da1ffb83b446fcaf301baf67d26","name":"guns-death.webp","type":"image/webp","lastModified":1786290420290.712,"size":25692},{"id":"216416811cf95995a709448d9efffe2dab30020948a745d368123b68781591a6cf33e5ac5e3e81e8fe9f70a27f7b4dc447a02eaa266637941e7591e9fb20b295","href":"https://static.observableusercontent.com/files/216416811cf95995a709448d9efffe2dab30020948a745d368123b68781591a6cf33e5ac5e3e81e8fe9f70a27f7b4dc447a02eaa266637941e7591e9fb20b295","name":"Mens_Tennis_Grand_Slam_Winner.csv","type":"text/csv","lastModified":1786291143654.124,"size":23545},{"id":"1c70cbaec72faa807e5e7ece89e006d7c00b38ec148e38d6732467931955b250ca937079d2f10232e3862a6be534314346f4aa101719cf8777f3a4dd3c31eb67","href":"https://static.observableusercontent.com/files/1c70cbaec72faa807e5e7ece89e006d7c00b38ec148e38d6732467931955b250ca937079d2f10232e3862a6be534314346f4aa101719cf8777f3a4dd3c31eb67","name":"Capture d'écran 2026-09-03 173607.png","type":"image/png","lastModified":1788449768182,"size":81058},{"id":"9dcaeb4c4335c7a4a816bf6bbba61eca0f51711ae291ec6dd4f1366721b08776be4032dfa66d34f5d8c0bc1da5e714e888e587610c2246015398bd6164d2a740","href":"https://static.observableusercontent.com/files/9dcaeb4c4335c7a4a816bf6bbba61eca0f51711ae291ec6dd4f1366721b08776be4032dfa66d34f5d8c0bc1da5e714e888e587610c2246015398bd6164d2a740","name":"Capture d'écran 2026-09-03 174717.png","type":"image/png","lastModified":1788450438120,"size":142562},{"id":"689b460e7f594d0ba19194693f7794d65cdca74c41905d40ebc9d1368d5263243e3e5bf4f4c934a8b948cf5544e36377c00285addd490af41cbd106c166a757d","href":"https://static.observableusercontent.com/files/689b460e7f594d0ba19194693f7794d65cdca74c41905d40ebc9d1368d5263243e3e5bf4f4c934a8b948cf5544e36377c00285addd490af41cbd106c166a757d","name":"Capture d'écran 2026-09-03 185112.png","type":"image/png","lastModified":1788454272838,"size":1040290}] 2f:{"title":"TP 1 — Lire et critiquer une dataviz","cells":[{"id":0,"value":"# TP 1 — Lire et critiquer une dataviz\n\n**Durée : 2 h**\n\n---\n\n## ⚠️ Avant toute chose : **forke ce notebook**\n\nBouton **Fork**, en haut à droite. Sinon rien n'est enregistré.\n**Ce notebook est ton rendu**, tu en déposeras le lien sur Moodle.\n\n⚠️ Dans les cellules de réponse, écris entre les **guillemets obliques** — pas\nentre ` ' ` ni ` \" `.\n\n---\n\nAujourd'hui on n'en fabrique pas, on en lit. C'est l'ordre normal : on apprend à\njuger avant d'apprendre à produire — sinon on produit ce qu'on a déjà vu, sans\nsavoir pourquoi.\n\nÀ la fin de la séance tu sais faire deux choses :\n- lire une visualisation avec une méthode, et pas seulement avec un avis ;\n- dire **pourquoi** quelque chose ne va pas, en des termes que l'auteur pourrait\n utiliser pour la corriger.\n\nLa grille que tu utilises aujourd'hui est celle qui servira à **évaluer tous tes\nrendus**, jusqu'à la SAÉ. Garde-la.","pinned":false,"hidden":false,"mode":"md"},{"id":7,"value":"## La grille — cinq passes de lecture\n\nTu lis chaque visualisation **cinq fois**, dans cet ordre. Un axe à la fois.\n\n| | Passe | La question |\n|---|---|---|\n| 1 | **La donnée** | D'où sort-elle, qui l'a produite, et **qu'est-ce qui manque** ? |\n| 2 | **L'intention** | À quelle question ce graphique répond-il ? Est-elle écrite ? |\n| 3 | **L'encodage** | Quelle variable visuelle porte quoi — et en est-elle capable ? |\n| 4 | **La finition** | Qu'affirme le texte, et le dessin le porte-t-il ? |\n| 5 | **L'honnêteté** | Qu'est-ce qui a été tordu — volontairement ou non ? |\n\n**Une règle** : pour chaque passe, tu écris une phrase. Pas un mot, pas une note.\nUne phrase qu'un auteur pourrait lire sans se braquer et appliquer le lendemain.","pinned":false,"hidden":false,"mode":"md"},{"id":9,"value":"$31","pinned":false,"hidden":false,"mode":"md"},{"id":224,"value":"FileAttachment(\"Capture d'écran 2026-09-03 173607.png\").image()","pinned":true,"hidden":false,"mode":"ts"},{"id":119,"value":"$32","pinned":true,"hidden":false,"mode":"ojs"},{"id":226,"value":"FileAttachment(\"Capture d'écran 2026-09-03 174717.png\").image()","pinned":true,"hidden":false,"mode":"ts"},{"id":139,"value":"$33","pinned":true,"hidden":false,"mode":"ojs"},{"id":228,"value":"FileAttachment(\"Capture d'écran 2026-09-03 185112.png\").image()","pinned":true,"hidden":false,"mode":"ts"},{"id":141,"value":"$34","pinned":true,"hidden":false,"mode":"ojs"},{"id":186,"value":"gunsDeath = FileAttachment(\"guns-death.webp\").image()","pinned":false,"hidden":false,"mode":"ojs"},{"id":145,"value":"$35","pinned":true,"hidden":false,"mode":"ojs"},{"id":196,"value":"### Les données de départ","pinned":false,"hidden":false,"mode":"md"},{"id":189,"value":"mens_tennis_grand_slam_winner = await FileAttachment(\"Mens_Tennis_Grand_Slam_Winner.csv\").csv({typed: \"auto\"})","pinned":true,"hidden":false,"mode":"ojs"},{"id":198,"value":"### Le prompt\n\n*fais-moi un graphique de l'évolution des gains des vainqueurs de Grand Chelem*","pinned":false,"hidden":false,"mode":"md"},{"id":200,"value":"### Le résultat","pinned":false,"hidden":false,"mode":"md"},{"id":188,"value":"evolutionDesGainsDesVainqueursDeGrandChelem = FileAttachment(\"Évolution des gains des vainqueurs de Grand Chelem.png\").image()","pinned":true,"hidden":false,"mode":"ojs"},{"id":149,"value":"$36","pinned":true,"hidden":false,"mode":"ojs"},{"id":15,"value":"## Synthèse — 15 lignes\n\nPas un résumé des cinq fiches : une **prise de position**.\n\nTrois questions pour la structurer :\n\n1. Parmi les cinq, laquelle fait le mieux son travail — et à quel prix ?\n (Une visualisation réussie sacrifie toujours quelque chose : la nuance, la\n liberté du lecteur, l'exhaustivité. Nomme ce qui a été sacrifié.)\n2. Sur laquelle des cinq passes tes cinq objets sont-ils les plus faibles ?\n Ce n'est pas un hasard — qu'est-ce que ça dit du métier ?\n3. La viz d'IA : où exactement se situe le problème ? Dans la donnée, dans\n l'encodage, dans le texte ? Et qu'est-ce qu'un humain aurait fait autrement ?\n\n *Ta réponse, dans la cellule ci-dessous.*","pinned":false,"hidden":false,"mode":"md"},{"id":154,"value":"$37","pinned":true,"hidden":false,"mode":"ojs"},{"id":166,"value":"## Journal IA\n\nÀ remplir **même si tu n'as rien utilisé** — écris-le alors.\n\n1. Quels outils / quels prompts ?\n2. Qu'est-ce que ça t'a apporté ?\n3. Qu'est-ce que tu as dû corriger ?\n\n**Sans ce bloc, le rendu n'est pas évalué.**\n\n *Ta réponse, dans la cellule ci-dessous.*","pinned":false,"hidden":false,"mode":"md"},{"id":157,"value":"journalIA = `\n\n`","pinned":true,"hidden":false,"mode":"ojs"},{"id":210,"value":"# Vérification et rendu","pinned":false,"hidden":false,"mode":"md"},{"id":213,"value":"manques = {\n const vide = (s) => !(s ?? \"\").toString().trim();\n const gabarit = (s) => /--- .* ---/.test(s ?? \"\"); // consignes non remplacées\n\n const trous = [\n ...fiches.flatMap((f, i) => [\n ...PASSES.filter(([cle]) => vide(f[cle])).map(\n ([, nom]) => `objet ${i + 1} — ${nom}`\n ),\n ...(vide(f.titre) ? [`objet ${i + 1} — titre`] : []),\n ...(vide(f.garder) ? [`objet ${i + 1} — conclusion`] : [])\n ]),\n ...(vide(synthese) || gabarit(synthese) ? [\"la synthèse\"] : []),\n ...(vide(journalIA) || gabarit(journalIA) ? [\"le journal IA\"] : [])\n ];\n\n return trous.length\n ? md`⚠️ **${trous.length} élément(s) à compléter** : ${trous.join(\" · \")}`\n : md`✅ **Ton rendu est complet.** Dépose le lien de ce notebook.`;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":216,"value":"Inputs.table(\n fiches.map((f, i) => ({\n \"N°\": i + 1,\n Titre: f.titre || \"—\",\n Régime: f.regime || \"—\",\n Passes: `${PASSES.filter(([c]) => (f[c] ?? \"\").trim()).length} / 5`,\n Conclusion: (f.garder ?? \"\").trim() ? \"✓\" : \"—\"\n })),\n { width: { \"N°\": 44, Passes: 70, Conclusion: 90 } }\n)","pinned":false,"hidden":false,"mode":"ojs"},{"id":220,"value":"# Synthèse des réponses","pinned":false,"hidden":false,"mode":"md"},{"id":222,"value":"rendu = md`${[\n ...fiches.map((f, i) => ficheEnMarkdown(f, i + 1)),\n `## Synthèse\\n\\n${synthese}`,\n `## Journal IA\\n\\n${journalIA}`\n].join(\"\\n\\n---\\n\\n\")}`","pinned":false,"hidden":false,"mode":"ojs"},{"id":23,"value":"PASSES = [\n [\n \"p1\",\n \"La donnée\",\n \"D'où sort-elle, qui l'a produite, et qu'est-ce qui manque ?\"\n ],\n [\n \"p2\",\n \"L'intention\",\n \"À quelle question ce graphique répond-il ? Est-elle écrite ?\"\n ],\n [\n \"p3\",\n \"L'encodage\",\n \"Quelle variable visuelle porte quoi — et en est-elle capable ?\"\n ],\n [\"p4\", \"La finition\", \"Qu'affirme le texte, et le dessin le porte-t-il ?\"],\n [\"p5\", \"L'honnêteté\", \"Qu'est-ce qui a été tordu — volontairement ou non ?\"]\n]","pinned":false,"hidden":false,"mode":"ojs"},{"id":26,"value":"$38","pinned":false,"hidden":false,"mode":"ojs"},{"id":60,"value":"ficheEnMarkdown = (f, n) => {\n const vide = \"_(à remplir)_\";\n const txt = (s) => (s ?? \"\").toString().trim();\n // dans une cellule de tableau : ni « | » ni retour à la ligne\n const cell = (s) =>\n txt(s)\n ? txt(s)\n .replace(/\\|/g, \"\\\\|\")\n .replace(/\\s*\\n\\s*/g, \" \")\n : vide;\n const par = (s) => txt(s) || vide;\n\n const identite = [f.titre, f.auteur, f.annee]\n .map(txt)\n .filter(Boolean)\n .join(\" · \");\n const lien = txt(f.lien);\n\n return [\n `## Fiche — objet n° ${n}`,\n ``,\n `| | |`,\n `|---|---|`,\n `| **Titre / auteur / année** | ${cell(identite)} |`,\n `| **Lien** | ${lien ? `<${cell(lien)}>` : vide} |`,\n `| **Régime** | ${cell(f.regime)} |`,\n ``,\n ...PASSES.flatMap(([cle, nom], i) => [\n `**${i + 1} · ${nom}** — ${par(f[cle])}`,\n ``\n ]),\n `**En une phrase : qu'est-ce que tu garderais, et qu'est-ce que tu changerais ?**`,\n ``,\n par(f.garder)\n ].join(\"\\n\");\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":63,"value":"afficheFiche = (f, n) => md`${ficheEnMarkdown(f, n)}`","pinned":false,"hidden":false,"mode":"ojs"},{"id":125,"value":"fiches = [fiche1, fiche2, fiche3, fiche4, fiche5]","pinned":true,"hidden":false,"mode":"ojs"}],"files":"$W39","stdlib":"2","titling":"auto"}