2e:null 2f:["$","title",null,{"children":"TP 1 — Lire et critiquer une dataviz | Lola Brouart | Observable"}] 34: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.35:Tb42,fiche1 = ({ titre: "Des infections sans précédent en 2026", auteur: "The Johns Hopkins University Measles Tracking Team", annee: "2026", lien: "https://www.lemonde.fr/les-decodeurs/article/2026/08/26/rougeole-aux-etats-unis-ou-en-est-l-epidemie-et-pourquoi-elle-inquiete_6757358_4355770.html", regime: "explicatif", // exploratoire · explicatif · infographie // D'où sort-elle, qui l'a produite, et qu'est-ce qui manque ? p1: `L'université de Hopkins a une équipe pour suivre l'évolution de la rougeole. Elle a compilé des résultats de sources officielles (services de santé publique des États et des comtés, autorités sanitaires municipales, communiqués de presse et articles de presse vérifiés au niveau des comtés) et n'a pris en compte que des cas confirmés par des laboratoires. Ils fournissent la liste des sources organisée par état dans leur Github. On peut les contacter facilement, ils mettent leurs données à jour toutes les semaines... Ils permettent d'avoir une vision globale sur leur travail. L'article parle de la différence de situation avec les années 2000, il aurait donc peut-être fallu étendre le nombre d'années étudiées pour que l'on ait un réel apperçu de l'évolution du virus sur ce lapse de temps.`, // À quelle question ce graphique répond-il ? Est-elle écrite ? p2: `La question n'est pas explicitement écrite, le graphique répond à "Il y a-t-il une augmentation des cas de rougeole depuis le mendant de D.Trump ?" `, // Quelle variable visuelle porte quoi — et en est-elle capable ? p3: `Une courbe s'étend vers la droit pour exprimer le passage du temps, un cercle permet de désigner un moment précis et consulter l'état du virus sur toutes les années choisies. La courbe de 2026 est mise en couleur (le reste étant grisé) pour mettre en avant la situation actuelle par rapport au passé. Ces dispositifs fonctionnent.`, // Qu'affirme le texte, et le dessin le porte-t-il ? p4: `Le texte déplore l'explosion des cas de rougeole aux États Unis en 2026, alors qu'elle avait disparu en 2000. Le graphique montre bel et bien une montée exponentielle du virus lors de ces dernières années.`, // Qu'est-ce qui a été tordu — volontairement ou non ? p5: `L'article parle de la différence de situation avec les années 2000, il aurait donc peut-être fallu étendre le nombre d'années étudiées pour que l'on ait un réel apperçu de l'évolution du virus sur ce lapse de temps. C'est peut-être un choix volontaire pour alléger la lecture du graphique, le garder lisible en format plutôt réduit.`, // Qu'est-ce que tu gardes, qu'est-ce que tu changes ? garder: `J'aurai étendu les années étudiées jusque 2000, sans noter toutes celles jusque 2026, uniquement tous les 5 ans, voire en ajoutant les années qui une étape phare du développement du virus.` })36:T992,fiche2 = ({ titre: "Bourgogne-Franche-Comté", auteur: "Organisation de ccopération et de développement économiques (OECD)", annee: "2024", lien: "https://www.oecdregionalwellbeing.org/FRC.html", regime: "exploratoire", // exploratoire · explicatif · infographie // D'où sort-elle, qui l'a produite, et qu'est-ce qui manque ? p1: `L'organisation pour une ccopération et un développement économiques travaille avec des décideurs politiques et des citoyens pour établir des sortes de bilan sur la qualité de vie à travers le monde. On ne précise pas les sources précises qui ont servies à trouver les valeurs données. De plus, les données sont sous forme de note en tre 10 et 0 (10 étant la meilleure) mais elles sont en fonction de la situation des régions voisines : il y a donc peu de précision sur ces information car elles sont subjectives et relatives à leur environnement.`, // À quelle question ce graphique répond-il ? Est-elle écrite ? p2: `"Quelle est la qualité de vie en Bourgogne Franche Comté ?". Elle n'est pas écrite explicitement mais c'est le principe-même du site de découvrir cette information dans plusieurs régions du monde.`, // Quelle variable visuelle porte quoi — et en est-elle capable ? p3: `Des barres sont organisées en étoiles, chacune avec un critère et une couleur attitrée, plus la note est haute, plus la barre s'allonge. Cette méthode est plutôt efficiace : on a une vision globale immédiate et toutes les informations sont visibles et compréhensives. C'est d'autant plus intéressant de passer à une autre région : les barres bougent pour s'ajuster à la nouvelle note ce qui permet d'avoir une forme de comparaison dynamique.`, // Qu'affirme le texte, et le dessin le porte-t-il ? p4: `Le texte n'affirme rien, c'est un service qui apporte des données sans un extraire grand chose. Il s'agit de sensibiliser l'utilisateur sur la qualité de vie de son propre environnement où ailleurs.`, // Qu'est-ce qui a été tordu — volontairement ou non ? p5: `Les critères sont de nature optimiste ("sécurité" et non "risque" etc), on en a donc une image un peu enjolivée mais ce n'est pas très gênant : une mauvaise note reste une mauvaise note, cela réduit peut-être la perception de la gravité de certains résultats.`, // Qu'est-ce que tu gardes, qu'est-ce que tu changes ? garder: `L'ensemble fonctionne globalement bien.'` })37:T766,fiche3 = ({ titre: "Common MythConceptions", auteur: "David McCandless", annee: "créé en 2014, mis à jour en 2025", lien: "https://informationisbeautiful.net/visualizations/common-mythconceptions/", regime: "infographie & exploratoire", // exploratoire · explicatif · infographie // D'où sort-elle, qui l'a produite, et qu'est-ce qui manque ? p1: `On a accès à un excel ressençant toutes les sources pour chaque information, le nombre de clocs et de mentions qui justifie l'ampleur illustrée. Tout y est.`, // À quelle question ce graphique répond-il ? Est-elle écrite ? p2: `Quelles sont les idées conçues les plus communes (et quelle est leur vérité)? Ce n'est pas écrit.`, // Quelle variable visuelle porte quoi — et en est-elle capable ? p3: `Une taille de bulle maximum est indiquée en pointillets gris, il y a en son centre une bulle de couleur plus ou moins grosse qui exprime à quel point cette idée est répandue et une illustration permet de comprendre en un premier regard le thème global de cette idée. Il y a aussi des filtres pour préciser un thème.`, // Qu'affirme le texte, et le dessin le porte-t-il ? p4: `Il n'y a pas de texte mais on comprend assez vite que l'idée est de se rendre compte du nombre hallucinant de mythes que l'on ingère sans s'en rendre compte.`, // Qu'est-ce qui a été tordu — volontairement ou non ? p5: `Rien, tout est sourcé, chaque bulle mène vers un article qui dément le myth auquel il est attribué.`, // Qu'est-ce que tu gardes, qu'est-ce que tu changes ? garder: `C'est efficace, on comprend instinctivement comment le système fonctionne. De plus, c'est un bon outil éducatif : on a accès aux faits réels pour corriger une idée préconçue. C'est un peu long, il y a beaucoup d'information, j'aurai peut-être sélectionné les plus communes et les plus étonnantes.` })38:T727,fiche4 = ({ titre: "Gun Death in Florida", auteur: "C.Chan", annee: "2014", lien: "", regime: "infographie", // exploratoire · explicatif · infographie // D'où sort-elle, qui l'a produite, et qu'est-ce qui manque ? p1: `Ce graphique a pour source le département de l'application de la loi de Floride.`, // À quelle question ce graphique répond-il ? Est-elle écrite ? p2: `"La loi "Stand your grounds a-t-elle fait emplifié les meutres à l'arme à feu ?" La question n'est pas écrite explicitement, il y a une phrase-légende qui accompagne le titre qui explique ce que le graphique illustre.`, // Quelle variable visuelle porte quoi — et en est-elle capable ? p3: `La couleur rouge, les points et la courbe qui marquent l'évolution.`, // Qu'affirme le texte, et le dessin le porte-t-il ? p4: `Il n'y a pas de texte, mais on peut comprendre que l'on veut dénoncer la mise en rigueur de cette loi, à travers les couleurs et la mise en avant de cette seule information contextuelle.`, // Qu'est-ce qui a été tordu — volontairement ou non ? p5: `La valeur du nombre de meutre va de haut en bas. Instinctivement on le lit de bas en haut, j'ai mus un certain nombre de minutes avant de le comprendre. D'autant plus que le remplissage rouge sur la partie supérieure de la courbe incite à plutôt regarder vers le bas. On indique en 2005 la mise en rigueur de la loi "Stand your Ground", même si ce n'est pas dit explicitement, on voit l'évolution qui suit comme une conséquence de cette loi. Le rouge et les traits noirs dentés évoquent la violence.`, // Qu'est-ce que tu gardes, qu'est-ce que tu changes ? garder: `J'ajoute du contexte, j'inverse l'axe des valeurs du nombre de meutres, on peut aussi ajouter d'autres données pour mettre cette évolution en perspective.` })39:T5cc,fiche5 = ({ titre: "Évolution des gains des vaiqueurs de Grand Chelem", auteur: "IA", annee: "2023", lien: "", regime: "infographie", // exploratoire · explicatif · infographie // D'où sort-elle, qui l'a produite, et qu'est-ce qui manque ? p1: `Les données ont été données à une IA pour produire ce graphique. L'année 2023 ne comporte qu'une seule entrée quand les autres en ont 4, cette information est donc faussée. De même, avant 2006, il y a des valeurs manquantes, rendant aussi ces valeurs inexploitables.`, // À quelle question ce graphique répond-il ? Est-elle écrite ? p2: `Comment les ains du Grand Cheleme ont-ils évolué au fil du temps ? Elle n'est pas écrite mais on la devine.`, // Quelle variable visuelle porte quoi — et en est-elle capable ? p3: `une courbe indique l'évolution en fonction du temps, de l'année.`, // Qu'affirme le texte, et le dessin le porte-t-il ? p4: `Il n'y a pas de texte, le graphique montre néanmoins que les gains ont tendance à devenir de plus en plus importants.`, // Qu'est-ce qui a été tordu — volontairement ou non ? p5: `Il y a la valeur du dollar alors qu'elle n'est pas présente dans le tableau de données initial, comme dit plus tôt, il y a des données inexploitables qui ont été prises en compte, faussant la courbe.`, // Qu'est-ce que tu gardes, qu'est-ce que tu changes ? garder: `Il faut préciser la devise des gains, retirer les valeurs inexploitables.` })3a: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%" }) })3b:[{"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}] 32:{"id":"a27de89ad39138ae","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-02T12:27:16.241Z","update_time":"$D2026-09-02T16:32:00.259Z","view_time":null,"first_public_time":"$D2026-09-02T14:00:29.030Z","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":1,"starred":false,"owner":{"type":"team","id":"9438ec4e621668e9","login":"lolabrt","name":"Lola Brouart","avatar_url":"https://avatars-next.observableusercontent.com/e89feec449e909fc2dc5259001320af230a1002b94be665ed48fcff49f1ada93","tier":"starter_2024"},"version":263,"publish_version":263,"role":null,"authored":false,"authors":[{"type":"individual","id":"04b64770b6035c6a","login":"lolabrt","name":"Lola Brouart","avatar_url":"https://avatars-next.observableusercontent.com/e89feec449e909fc2dc5259001320af230a1002b94be665ed48fcff49f1ada93","tier":null}],"members":[{"type":"team","id":"9438ec4e621668e9","login":"lolabrt","name":"Lola Brouart","avatar_url":"https://avatars-next.observableusercontent.com/e89feec449e909fc2dc5259001320af230a1002b94be665ed48fcff49f1ada93","tier":"starter_2024","role":"editor"}],"comments":[],"custom_thumbnail":true,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"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","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","output":"","database":"$undefined"},{"id":9,"value":"$34","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":119,"value":"$35","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":139,"value":"$36","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":141,"value":"$37","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":186,"value":"gunsDeath = FileAttachment(\"guns-death.webp\").image()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":145,"value":"$38","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":196,"value":"### Les données de départ","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$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","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","output":"","database":"$undefined"},{"id":200,"value":"### Le résultat","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$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","output":"$undefined","database":"$undefined"},{"id":149,"value":"$39","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$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","output":"","database":"$undefined"},{"id":154,"value":"synthese = `\n1. Common MythConception fait très bien son travail : il n'y a pas de parti pris, on redonne simplement la vérité là où elle est dûe. C'est cependant un outil qui ne peut se voir en un coup d'oeil, il faut prendre le temps de scroller pour avoir accès à une première couche d'information puis cliquer et lire les articles pour tout avoir. Peu de personnes vont enregistrer toutes ces informations, il y en a beaucoup.\n2.\n`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$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","output":"","database":"$undefined"},{"id":157,"value":"journalIA =\n\n`Travail 100% humain.`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":210,"value":"# Vérification et rendu","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$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","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","output":"$undefined","database":"$undefined"},{"id":220,"value":"# Synthèse des réponses","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$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","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","output":"$undefined","database":"$undefined"},{"id":26,"value":"$3a","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$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","output":"$undefined","database":"$undefined"},{"id":63,"value":"afficheFiche = (f, n) => md`${ficheEnMarkdown(f, n)}`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":125,"value":"fiches = [fiche1, fiche2, fiche3, fiche4, fiche5]","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W3b","stdlib":"2","titling":"auto"}} 33:"$32:body"