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:T774,fiche1 = ({ titre: "GDP per capita, life expectancy and population", auteur: "Gapminder", annee: "2025", lien: "https://www.gapminder.org/tools/", regime: "exploratoire", // exploratoire · explicatif · infographie // D'où sort-elle, qui l'a produite, et qu'est-ce qui manque ? p1: `Les données permettent de comparer les pays selon leur PIB par habitant, leur espérance de vie et leur population, mais la source précise des données n'est pas directement visible sur le graphique.`, // À quelle question ce graphique répond-il ? Est-elle écrite ? p2: `Le graphique permet d'explorer les relations entre richesse, espérance de vie et population selon les pays et leur évolution dans le temps.`, // Quelle variable visuelle porte quoi — et en est-elle capable ? p3: `Le PIB par habitant est représenté sur l'axe horizontal, l'espérance de vie sur l'axe vertical, la population par la taille des bulles et les régions du monde par la couleur, ce qui permet de comparer plusieurs variables simultanément.`, // Qu'affirme le texte, et le dessin le porte-t-il ? p4: `Les informations affichées comme les niveaux de revenus et l'année 2025 accompagnent correctement la visualisation, mais l'absence d'un titre explicatif oblige l'utilisateur à comprendre lui-même ce que montre le graphique.`, // Qu'est-ce qui a été tordu — volontairement ou non ? p5: `La représentation est globalement honnête car les variables sont clairement associées aux axes, à la taille et à la couleur, mais l'échelle logarithmique du PIB peut rendre les écarts entre les pays moins intuitifs.`, // Qu'est-ce que tu gardes, qu'est-ce que tu changes ? garder: `Je garderais le système de bulles interactif et les différentes variables visuelles, mais j'ajouterais un titre et une indication plus claire sur les sources des données pour faciliter la compréhension.` })33:T722,fiche2 = ({ titre: "A descent of 4,500m across 100km", auteur: "Reuters Graphics", annee: "2026", lien: "https://www.reuters.com/graphics/NEPAL-FLOODS/MAP/byvrdywwlve/", regime: "explicatif", // exploratoire · explicatif · infographie // D'où sort-elle, qui l'a produite, et qu'est-ce qui manque ? p1: `Les données proviennent notamment du modèle numérique d'élévation NASA/USGS SRTM et de Google Earth, mais certaines informations comme l'élévation du glacier sont présentées comme approximatives.`, // À quelle question ce graphique répond-il ? Est-elle écrite ? p2: `Le graphique cherche à montrer comment les eaux issues de l'effondrement du glacier ont parcouru plus de 100 km en descendant fortement en altitude à travers les vallées du Népal.`, // Quelle variable visuelle porte quoi — et en est-elle capable ? p3: `La distance est représentée sur l'axe horizontal et l'altitude sur l'axe vertical, tandis que la carte et les numéros permettent de relier les différentes étapes du parcours à leur position géographique.`, // Qu'affirme le texte, et le dessin le porte-t-il ? p4: `Le titre affirme une descente de 4 500 mètres sur 100 km et le graphique permet bien de visualiser cette forte diminution d'altitude tout au long du trajet.`, // Qu'est-ce qui a été tordu — volontairement ou non ? p5: `La visualisation reste honnête en indiquant que l'altitude du point de départ est approximative et en donnant les sources utilisées pour construire le profil du terrain.`, // Qu'est-ce que tu gardes, qu'est-ce que tu changes ? garder: `Je garderais le profil d'altitude associé à la carte, car il permet de comprendre rapidement le trajet des eaux, mais je rendrais les informations sur les sources et les approximations encore plus visibles.` })34:T7bf,fiche3 = ({ titre: "Vaccines, vaccination and autism — what does the scientific evidence say", auteur: "David McCandless", annee: "2025", lien: "https://informationisbeautiful.net/visualizations/vaccines-vacccination-and-autism-what-does-the-scientific-evidence-say", regime: "infographie", // exploratoire · explicatif · infographie // D'où sort-elle, qui l'a produite, et qu'est-ce qui manque ? p1: `Les données proviennent de différentes sources scientifiques regroupées par Information is Beautiful, mais les sources détaillées ne sont pas directement visibles sur le graphique.`, // À quelle question ce graphique répond-il ? Est-elle écrite ? p2: `Le graphique cherche à montrer que le fait que les enfants reçoivent certains vaccins au même âge que les premiers diagnostics d'autisme ne signifie pas qu'il existe un lien entre les deux.`, // Quelle variable visuelle porte quoi — et en est-elle capable ? p3: `L'âge est représenté sur l'axe horizontal tandis que le nombre de cas est représenté par la hauteur des points, avec des couleurs et des annotations pour situer les différents vaccins.`, // Qu'affirme le texte, et le dessin le porte-t-il ? p4: `Le texte affirme que les explications simples peuvent sembler convaincantes sans être exactes, et le graphique illustre correctement cette idée en comparant les âges sans établir de causalité.`, // Qu'est-ce qui a été tordu — volontairement ou non ? p5: `La visualisation évite de présenter une corrélation entre vaccination et autisme comme une causalité, mais la comparaison des deux phénomènes peut malgré tout être mal interprétée sans le contexte scientifique.`, // Qu'est-ce que tu gardes, qu'est-ce que tu changes ? garder: `Je garderais la comparaison entre l'âge des diagnostics et celui des vaccinations, mais je rendrais les sources et les explications scientifiques plus visibles pour éviter les mauvaises interprétations.` })35:T74e,fiche4 = ({ titre: "Gun deaths in Florida", auteur: "C.Chan", annee: "2014", lien: "X", regime: "infographie", // exploratoire · explicatif · infographie // D'où sort-elle, qui l'a produite, et qu'est-ce qui manque ? p1: `Les données viennent du Florida Department of Law Enforcement, mais le graphique ne précise pas clairement la période exacte ni les données utilisées pour chaque année.`, // À quelle question ce graphique répond-il ? Est-elle écrite ? p2: `Le graphique cherche à montrer l'évolution du nombre de meurtres commis avec une arme à feu en Floride et semble attirer l'attention sur l'effet de la loi « Stand Your Ground » adoptée en 2005.`, // Quelle variable visuelle porte quoi — et en est-elle capable ? p3: `Le nombre de meurtres est représenté par la position des points sur une courbe, mais l'axe vertical est inversé : 0 est en haut et 1000 en bas, ce qui rend la lecture de l'évolution contre-intuitive. Le rouge agit comme une surface, mais il n'y a pas d'autres surfaces en comparaison, il évoque aussi le danger et la violence.`, // Qu'affirme le texte, et le dessin le porte-t-il ? p4: `Le texte met fortement en avant l'adoption de la loi en 2005, mais le graphique ne permet pas à lui seul d'affirmer que cette loi est responsable de l'évolution observée après 2005.`, // Qu'est-ce qui a été tordu — volontairement ou non ? p5: `L'axe vertical inversé et l'annotation sur la loi de 2005 peuvent donner une impression trompeuse et inversé de l'évolution des meurtres et de l'effet de cette loi.`, // Qu'est-ce que tu gardes, qu'est-ce que tu changes ? garder: `e garderais la courbe et l'indication de la loi de 2005, mais je remettrais l'axe vertical dans le sens habituel et j'ajouterais des informations permettant de mieux comprendre les causes de l'évolution` })36:T69a,fiche5 = ({ titre: "Evolution des vainqueurs du grand Chelem", auteur: "IA", annee: "2016", lien: "", regime: "infographie", // exploratoire · explicatif · infographie // D'où sort-elle, qui l'a produite, et qu'est-ce qui manque ? p1: `Les données proviennent du fichier fourni, mais le graphique ne permet pas de vérifier si les valeurs affichées correspondent exactement aux données originales.`, // À quelle question ce graphique répond-il ? Est-elle écrite ? p2: `Le graphique cherche à montrer l'évolution des gains moyens annuels des vainqueurs de Grand Chelem au fil du temps.`, // Quelle variable visuelle porte quoi — et en est-elle capable ? p3: `L'année est représentée sur l'axe horizontal et le montant des gains sur l'axe vertical, avec une courbe qui permet de visualiser leur évolution.`, // Qu'affirme le texte, et le dessin le porte-t-il ? p4: `Le titre et le sous-titre annoncent une évolution des gains des vainqueurs, mais la représentation ne précise pas clairement comment les différents gains ont été regroupés pour obtenir une moyenne annuelle.`, // Qu'est-ce qui a été tordu — volontairement ou non ? p5: `Le graphique semble crédible mais plusieurs valeurs affichées ne correspondent pas aux données originales, notamment le gain de 2001 et ceux de 2019, ce qui montre que l'IA a déformé les données fournies.`, // Qu'est-ce que tu gardes, qu'est-ce que tu changes ? garder: `Je garderais la courbe et la comparaison dans le temps, mais je corrigerais les valeurs pour qu'elles correspondent aux données originales et je préciserais la méthode utilisée pour les calculer.J` })37:T7e2,synthese = `Parmi les cinq visualisations, je trouve que celle de Reuters sur l’effondrement du glacier fait le mieux son travail. Elle permet de comprendre rapidement le trajet de l’eau et surtout l’importante différence d’altitude grâce au profil associé à la carte. En revanche, elle sacrifie une partie de la liberté du lecteur car elle nous guide vers une interprétation et un récit déjà construits. Cela la rend très efficace pour expliquer l’événement, mais moins adaptée pour explorer librement les données. Sur l’ensemble des visualisations, je trouve que la passe de l’honnêteté est celle qui pose le plus de problèmes. Certaines représentations peuvent orienter notre interprétation par leurs axes, leurs annotations ou la manière dont elles sélectionnent et présentent les données. Cela montre que le travail d’un créateur de datavisualisation ne consiste pas seulement à rendre des données lisibles ou esthétiques. Il doit aussi faire des choix et être capable de les justifier pour ne pas induire le lecteur en erreur. Une datavisualisation n’est donc jamais totalement neutre puisque sa construction influence forcément notre manière de lire les données. La visualisation générée par IA montre particulièrement bien ce problème. Son principal défaut se situe dans la donnée, car plusieurs valeurs représentées ne correspondent pas aux valeurs du fichier original. Par exemple, le gain de 2001 présent dans les données ne correspond pas à celui que l’on peut lire sur la courbe générée. Le problème se retrouve ensuite dans l’encodage puisque ces mauvaises valeurs sont transformées en une courbe qui paraît pourtant cohérente. Le titre et la présentation renforcent encore cette impression de fiabilité alors que les données représentées sont incorrectes. Un humain aurait dû vérifier les valeurs, comprendre les données manquantes et contrôler le résultat final avant de considérer la visualisation comme correcte. `38:T736,journalIA = ` J’ai utilisé ChatGPT et Claude comme outils d’aide à la rédaction et à l’organisation de mon analyse. J’ai demandé à ChatGPT de m’aider à construire un prompt que je pouvais ensuite donner à Claude, auparavant j'ai aussi envoyé tout le sujet à Chatpgt. Prompt Construis moi un prompt pour Claude pour m'aider dans mon tp avec ce que je vais te dire: Je réalise un travail d’analyse critique de plusieurs analyses de datas. Pour chacune d’elles, j’ai déjà fait mes propres observations et mon analyse. Je vais te transmettre mes idées pour chacune des cinq questions du travail. Ton rôle n’est pas de réaliser une nouvelle analyse des graphiques à ma place mais de m’aider à organiser ce que j’ai relevé pour que mon analyse réponde précisément aux questions posées. Juste avec les éléments que je te donne, reformule et organise mes idées sous la forme d’une phrase pour chaque question, pour obtenir une réponse cohérente et adaptée aux consignes du TP. Conserve mon raisonnement et le sens de mes observations, sans ajouter de nouvelles interprétations ou conclusions qui ne viennent pas de moi. L’utilisation de ces outils m’a surtout permis de mieux structurer mon analyse et de transformer mes notes et mes différentes idées en réponses plus claires et adaptées aux questions du TP. ChatGPT m’a aidé à mieux formuler les consignes données à Claude pour que celui-ci respecte mes analyses et se concentre principalement sur leur organisation et leur rédaction. J’ai dû relire les réponses obtenues et vérifier qu’elles correspondaient bien à mes observations de départ. J’ai parfois modifié certaines formulations lorsque Claude s’éloignait de ce que je voulais exprimer ou ajoutait des éléments qui ne faisaient pas partie de mon analyse `39: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%" }) })3a:[{"id":"9a3db65a301d4dd6b7a91a3eaec02a5a62d81638e5ca1185202e62a0b85388a47b568ff810d0c3fc0a8220f766c67aba0ba67da1ffb83b446fcaf301baf67d26","href":"https://static.observableusercontent.com/files/9a3db65a301d4dd6b7a91a3eaec02a5a62d81638e5ca1185202e62a0b85388a47b568ff810d0c3fc0a8220f766c67aba0ba67da1ffb83b446fcaf301baf67d26","name":"guns-death.webp","type":"image/webp","lastModified":1786290420290.712,"size":25692},{"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":"216416811cf95995a709448d9efffe2dab30020948a745d368123b68781591a6cf33e5ac5e3e81e8fe9f70a27f7b4dc447a02eaa266637941e7591e9fb20b295","href":"https://static.observableusercontent.com/files/216416811cf95995a709448d9efffe2dab30020948a745d368123b68781591a6cf33e5ac5e3e81e8fe9f70a27f7b4dc447a02eaa266637941e7591e9fb20b295","name":"Mens_Tennis_Grand_Slam_Winner.csv","type":"text/csv","lastModified":1786291143654.124,"size":23545},{"id":"fd51e5c9d58279809fccc8a3ceb28ef9c209e720087c9d7b98c628e7d23fc354ca6f3bd6f210ccd09a83ec87930aa4545db43788e29ca33c2f4fee0e53cf941a","href":"https://static.observableusercontent.com/files/fd51e5c9d58279809fccc8a3ceb28ef9c209e720087c9d7b98c628e7d23fc354ca6f3bd6f210ccd09a83ec87930aa4545db43788e29ca33c2f4fee0e53cf941a","name":"graphique bulles.png","type":"image/png","lastModified":1788446356589,"size":344137},{"id":"0e6077aabbfc66b754992a6edd434339a76f342bc86beda14457d9ff00db56790a8e63cfa90c9a807dc691afb247c1da5e0010d059f95fe810168d867d10b1d6","href":"https://static.observableusercontent.com/files/0e6077aabbfc66b754992a6edd434339a76f342bc86beda14457d9ff00db56790a8e63cfa90c9a807dc691afb247c1da5e0010d059f95fe810168d867d10b1d6","name":"graphique glacier.png","type":"image/png","lastModified":1788446393415,"size":279954},{"id":"a60c961553cb3683cfad13fa4212f659ea441c5abb172abf7d711bf859d1e5c965744768b47e1fbb6a1e2a5ddd735804d69f522d94fb9eafb27fae14b1aa80f8","href":"https://static.observableusercontent.com/files/a60c961553cb3683cfad13fa4212f659ea441c5abb172abf7d711bf859d1e5c965744768b47e1fbb6a1e2a5ddd735804d69f522d94fb9eafb27fae14b1aa80f8","name":"graphique vaccin.png","type":"image/png","lastModified":1788446407810,"size":595025}] 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(\"graphique bulles.png\").image()","pinned":true,"hidden":false,"mode":"ts"},{"id":119,"value":"$32","pinned":true,"hidden":false,"mode":"ojs"},{"id":225,"value":"FileAttachment(\"graphique glacier.png\").image()","pinned":true,"hidden":false,"mode":"ts"},{"id":139,"value":"$33","pinned":true,"hidden":false,"mode":"ojs"},{"id":226,"value":"","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":"$38","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":"$39","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":"$W3a","stdlib":"2","titling":"auto"}