2a:null 2b:["$","title",null,{"children":"TP 1 — Lire et critiquer une dataviz | Ringenbach Alex | Observable"}] 30: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.31:T571,fiche1 = ({ titre: "Population by age", auteur: "gapeminder", annee: "", lien: "https://www.gapminder.org/tools/#$chart-type=popbyage&url=v2", regime: "exploratoire", // exploratoire · explicatif · infographie // D'où sort-elle, qui l'a produite, et qu'est-ce qui manque ? p1: `Le graphique vient de Gapminder et montre la répartition de la population par âge et par continent.`, // À quelle question ce graphique répond-il ? Est-elle écrite ? p2: `Il répond à la question : comment la population est-elle répartie selon les âges dans les différents continents ?`, // Quelle variable visuelle porte quoi — et en est-elle capable ? p3: `La longueur/largeur des formes représente la proportion de population pour chaque âge.`, // Qu'affirme le texte, et le dessin le porte-t-il ? p4: `Le graphique met surtout en avant les différences de structure d’âge entre les continents, mais les échelles ne sont pas exactement les mêmes.`, // Qu'est-ce qui a été tordu — volontairement ou non ? p5: `La représentation peut donner une impression de comparaison directe entre les continents alors que leurs populations totales sont très différentes.`, // Qu'est-ce que tu gardes, qu'est-ce que tu changes ? garder: `Je garde la comparaison par âge et par continent. Je changerais les échelles pour faciliter une comparaison plus juste.` })32:T6dd,fiche2 = ({ titre: "The Loneliness Epidemic, in Data: Who Americans Spend Time With", auteur: "The Pudding / Alvin Chang", annee: "2025", lien: "https://www.youtube.com/watch?v=h7w339vE2F8", regime: "infographie", // exploratoire · explicatif · infographie // D'où sort-elle, qui l'a produite, et qu'est-ce qui manque ? p1: `Les données viennent d'une étude sur le temps que les Américains passent avec différentes personnes. Elles sont mises en scène par The Pudding. On manque surtout de détails sur les données dans la vidéo elle-même.`, // À quelle question ce graphique répond-il ? Est-elle écrite ? p2: `Le graphique répond à la question : avec qui les Américains passent-ils leur temps selon leur âge ? La question est présentée dans le titre.`, // Quelle variable visuelle porte quoi — et en est-elle capable ? p3: `La taille et la position des formes représentent la proportion de temps passé avec différentes personnes. Cette représentation permet de comparer facilement les catégories`, // Qu'affirme le texte, et le dessin le porte-t-il ? p4: `Le texte montre une progression de la solitude avec l'âge. Les dessins et animations renforcent cette idée en montrant les personnes de manière très concrète.`, // Qu'est-ce qui a été tordu — volontairement ou non ? p5: `La représentation simplifie la réalité et joue sur l'émotion pour rendre la solitude plus visible. Cela peut donner une impression plus forte que les données seules.`, // Qu'est-ce que tu gardes, qu'est-ce que tu changes ? garder: `Je garde les animations et la simplicité du graphique. Je préciserais davantage les sources, les données et les échelles pour rendre la comparaison plus précise.` })33:T60f,fiche3 = ({ titre: "Common MythConceptions", auteur: "David McCandless / Information is Beautiful", annee: "2014", lien: "https://informationisbeautiful.net/visualizations/common-mythconceptions/", regime: "infographie", // exploratoire · explicatif · infographie // D'où sort-elle, qui l'a produite, et qu'est-ce qui manque ? p1: `L'infographie vient d'Information is Beautiful. Elle rassemble des mythes et leurs sources, mais les données utilisées pourraient être davantage détaillées.`, // À quelle question ce graphique répond-il ? Est-elle écrite ? p2: `Elle répond à la question : quelles idées reçues sont fausses ? La question est surtout suggérée par le titre.`, // Quelle variable visuelle porte quoi — et en est-elle capable ? p3: `La taille, la couleur et les formes servent à classer et différencier les mythes. Elles facilitent surtout la lecture plutôt que la comparaison précise.`, // Qu'affirme le texte, et le dessin le porte-t-il ? p4: `Le texte présente le mythe puis le fait réel. Le visuel renforce ces informations avec des couleurs et des illustrations.`, // Qu'est-ce qui a été tordu — volontairement ou non ? p5: `La présentation simplifie les informations et cherche à attirer l'attention. L'aspect visuel peut donner plus d'importance à certains mythes.`, // Qu'est-ce que tu gardes, qu'est-ce que tu changes ? garder: `Je garde les couleurs et les illustrations. Je rendrais les données et les sources plus visibles pour faciliter la vérification.` })34:T526,fiche4 = ({ titre: "Gun death in Florida", auteur: "Reuters / C. Chan", annee: "2014", lien: "n'existe plus", regime: "explicatif", // exploratoire · explicatif · infographie // D'où sort-elle, qui l'a produite, et qu'est-ce qui manque ? p1: `Le graphique vient de Reuters et utilise des données du Florida Department of Law Enforcement.`, // À quelle question ce graphique répond-il ? Est-elle écrite ? p2: `Il cherche à montrer l'évolution des meurtres par arme à feu en Floride et leur lien avec la loi de 2005.`, // Quelle variable visuelle porte quoi — et en est-elle capable ? p3: `La position des points représente le nombre de meurtres selon les années. Mais l'axe vertical inversé rend la lecture trompeuse.`, // Qu'affirme le texte, et le dessin le porte-t-il ? p4: `Le graphique donne l'impression que les meurtres diminuent après 2005, alors que les données ne permettent pas forcément de conclure cela.`, // Qu'est-ce qui a été tordu — volontairement ou non ? p5: `L'axe Y est inversé : 0 est en haut et 1 000 en bas. Cela inverse visuellement la tendance du graphique.`, // Qu'est-ce que tu gardes, qu'est-ce que tu changes ? garder: `Je garde le graphique en ligne, mais je remets l'axe Y dans le bon sens et j'enlève le remplissage rouge.` })35:T54e,fiche5 = ({ titre: "Évolution des gains des vainqueurs de Grand Chelem", auteur: "Données du fichier fourni", annee: "1968-2023", lien: "n'existe pas", regime: "explicatif", // exploratoire · explicatif · infographie // D'où sort-elle, qui l'a produite, et qu'est-ce qui manque ? p1: `Le graphique utilise les données du fichier fourni. La source précise des données et leur méthode de calcul manquent.`, // À quelle question ce graphique répond-il ? Est-elle écrite ? p2: `Il répond à la question : comment les gains des vainqueurs ont-ils évolué depuis 1968 ?`, // Quelle variable visuelle porte quoi — et en est-elle capable ? p3: `La position de la ligne représente le montant des gains selon l'année. Elle permet de voir facilement l'évolution.`, // Qu'affirme le texte, et le dessin le porte-t-il ? p4: `Le titre annonce une forte augmentation des gains, ce que la courbe montre clairement, surtout depuis les années 2000.`, // Qu'est-ce qui a été tordu — volontairement ou non ? p5: `Les fortes variations peuvent donner une impression de baisse importante, sans expliquer pourquoi elles apparaissent.`, // Qu'est-ce que tu gardes, qu'est-ce que tu changes ? garder: `Je garde la courbe et les repères temporels. J'ajouterais les sources et des explications sur les fortes variations.` })36:T544,synthese = ` Parmi les cinq visualisations, je trouve que « Common MythConceptions » fait le mieux son travail. Elle est claire, attractive et permet de comprendre rapidement les informations. En revanche, elle sacrifie une partie de la nuance et de l’exhaustivité pour être plus facile à lire. C’est sur « Gun deaths in Florida » que mes cinq objets sont les plus faibles. Le graphique est trompeur à cause de son axe inversé, mais il est difficile de juger précisément les données et leur contexte avec seulement cette visualisation. Cela montre que le métier ne consiste pas seulement à faire un graphique lisible : il faut aussi vérifier les données, le contexte et la manière dont elles sont présentées. Pour la visualisation réalisée avec l’IA, le principal problème se situe surtout dans l’encodage et le texte, plus que dans la donnée elle-même. Le graphique est lisible, mais certains choix visuels ou formulations peuvent donner une interprétation trop simplifiée des données. Un humain aurait probablement vérifié les sources, questionné les variations et ajouté davantage de contexte avant de choisir la représentation finale. Au final, je pense qu’une bonne datavisualisation ne doit pas seulement être belle ou facile à comprendre : elle doit surtout être honnête avec les données. `37:T7bc,journalIA = `ChatGPT (abonnement Go) Prompt utilisé : - "Réponds à ces questions de manière courte et rapide par rapport à ce graphique." - "Réponds à ces questions avec ce lien YouTube : https://youtu.be/h7w339vE2F8?si=aPrw8EZ3ncIsmcou Questions : titre: "", auteur: "", annee: "", lien: "", regime: "", // exploratoire · explicatif · infographie // D'où sort-elle, qui l'a produite, et qu'est-ce qui manque ? p1: "" // À quelle question ce graphique répond-il ? Est-elle écrite ? p2: "" // Quelle variable visuelle porte quoi — et en est-elle capable ? p3: "" // Qu'affirme le texte, et le dessin le porte-t-il ? p4: "" // Qu'est-ce qui a été tordu — volontairement ou non ? p5: "" // Qu'est-ce que tu gardes, qu'est-ce que tu changes ? garder: "" - "Fais pareil pour celui-là, juste raccourcis un peu les réponses pour qu'elles soient un peu moins longues à lire. Lien : https://informationisbeautiful.net/visualizations/common-mythconceptions/ Puis j'ai remis les questions pour qu'il réponde bien à celles-ci et pas à des questions inventées." - "Fais pareil avec ces questions et ce graphique." J'ai envoyé une capture d'écran du graphique 5 puis de nouveau les questions. - "Quasiment le même prompt que pour le graphique 4 pour le 5." - "Ensuite, il faudrait que tu me fasses une synthèse mais pas un résumé des cinq fiches : une prise de position. Trois questions pour la structurer : 1. Parmi les cinq, laquelle fait le mieux son travail — et à quel prix ? (Une visualisation réussie sacrifie toujours quelque chose : la nuance, la liberté du lecteur, l’exhaustivité. Nomme ce qui a été sacrifié.) 2. Sur laquelle des cinq passes tes cinq objets sont-ils les plus faibles ? Ce n’est pas un hasard — qu’est-ce que ça dit du métier ? 3. La viz d’IA : où exactement se situe le problème ? Dans la donnée, dans l’encodage, dans le texte ? Et qu’est-ce qu’un humain aurait fait autrement ?" `;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}] 2e:{"id":"bff39e51928f6f9d","slug":"tp-1-lire-et-critiquer-une-dataviz","title":"TP 1 — Lire et critiquer une dataviz","thumbnail":"f970bf4d693e7b80ac56581bb23e5908729ec33b581f98540feef62767c9f350","access_level":"public","create_time":"$D2026-09-03T17:17:27.792Z","update_time":"$D2026-09-04T16:54:19.886Z","view_time":null,"first_public_time":"$D2026-09-03T17:17:41.147Z","has_unpublished_edits":null,"fork":{"id":"f02e24c75f712566","slug":"tp-1-lire-et-critiquer-une-dataviz","title":"TP 1 — Lire et critiquer une dataviz","owner":{"id":"29853dc62ffa3714","login":"mmi-montbeliard","name":"MMI Montbéliard"}},"stars":0,"starred":false,"owner":{"type":"team","id":"f3a5946840fcfbf9","login":"alex-ringenbach","name":"Ringenbach Alex","avatar_url":"https://avatars-next.observableusercontent.com/4c60b93f73f3d31c0b9ae258e7cbe65043fa6c101a532308db39843ffd2b1cdd","tier":"starter_2024"},"version":260,"publish_version":260,"role":null,"authored":false,"authors":[{"type":"individual","id":"8b21122c0fba7193","login":"alex-ringenbach","name":"Ringenbach Alex","avatar_url":"https://avatars-next.observableusercontent.com/4c60b93f73f3d31c0b9ae258e7cbe65043fa6c101a532308db39843ffd2b1cdd","tier":null}],"members":[{"type":"team","id":"f3a5946840fcfbf9","login":"alex-ringenbach","name":"Ringenbach Alex","avatar_url":"https://avatars-next.observableusercontent.com/4c60b93f73f3d31c0b9ae258e7cbe65043fa6c101a532308db39843ffd2b1cdd","tier":"starter_2024","role":"editor"}],"comments":[],"custom_thumbnail":true,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"titling":"auto","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","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"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","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":9,"value":"$30","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":119,"value":"$31","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":139,"value":"$32","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":141,"value":"$33","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":186,"value":"gunsDeath = FileAttachment(\"guns-death.webp\").image()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":145,"value":"$34","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":196,"value":"### Les données de départ","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"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","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"mens_tennis_grand_slam_winner","database":"$undefined"},{"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","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":200,"value":"### Le résultat","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":188,"value":"evolutionDesGainsDesVainqueursDeGrandChelem = FileAttachment(\"Évolution des gains des vainqueurs de Grand Chelem.png\").image()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":149,"value":"$35","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"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","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":154,"value":"$36","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"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","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":157,"value":"$37","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":210,"value":"# Vérification et rendu","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"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","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"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","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":220,"value":"# Synthèse des réponses","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"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","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"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","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":26,"value":"$38","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"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","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":63,"value":"afficheFiche = (f, n) => md`${ficheEnMarkdown(f, n)}`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":125,"value":"fiches = [fiche1, fiche2, fiche3, fiche4, fiche5]","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W39","stdlib":"2"}} 2f:"$2e:body"