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:T5b6,fiche1 = ({ titre: "Population by Age", auteur: "?", annee: "?", lien: "https://www.gapminder.org/tools/#$model$markers$pyramid$encoding$frame$value=2026;;;;;&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: `La donnée viens des différents recensements effectués dans le monde par les gouvernements de chaque pays. Il manque sur ce graphique la différenciation entre hommes et femmes, qui n'ont pas forcément la même espérance de vie, et qui est donnée dans la plupart des cas pour ce type de graphique`, // À quelle question ce graphique répond-il ? Est-elle écrite ? p2: `Ce graphique représente les différentes portions d'âges de populations de différentes zones de la Terre`, // Quelle variable visuelle porte quoi — et en est-elle capable ? p3: `Les variables visuelles ne portent pas toujours d'information. Les couleurs ne semblent pas avoir de sens caché si ce n'est de mieux les voir`, // Qu'affirme le texte, et le dessin le porte-t-il ? p4: `Il n'y à pas de texte`, // Qu'est-ce qui a été tordu — volontairement ou non ? p5: `Je ne vois aucune donnée tordue`, // Qu'est-ce que tu gardes, qu'est-ce que tu changes ? garder: `J'ajouterai le sexe sur le graphique, ainsi qu'un text explicatif sur les différentes formes que peut prendre le graphique, ainsi que leur raison` })33:T767,fiche2 = ({ titre: "How many jerseys is too many?", auteur: "Mayank Munjal & Sumanta Sen", annee: "2026", lien: "https://www.reuters.com/graphics/SOCCER-ENGLAND/JERSEYS/egpbwxwzwvq/", regime: "explicatif", // exploratoire · explicatif · infographie // D'où sort-elle, qui l'a produite, et qu'est-ce qui manque ? p1: `Les données, ainsi que les images, viennent du Football Kit Archive, avec des vérifications additionelles de Old Football Shirts, Liverpool Shirts Museum, Vintage Football Shirts & le Museum of Jerseys. Pour la saison 2026-2027, les données sur les nombres, types et prix des jerseys viennent des magasins en ligne des équipes. Le revenue des équipes de la Première League en 2024-2025 viennent de l'Annual Review of Football Finance report 2026 par Deloitte. The share of revenue earned through kit and merchandise sales is via UEFA’s European Club Finance and Investment Landscape report, 2025.`, // À quelle question ce graphique répond-il ? Est-elle écrite ? p2: `Y'a-t-il un moment ou il y a trop de maillots? La question est écrite dans le titre`, // Quelle variable visuelle porte quoi — et en est-elle capable ? p3: `L'article contient de nombreux schémas montrant diverses informations liées à l'évolution du nombre de jerseys`, // Qu'affirme le texte, et le dessin le porte-t-il ? p4: `Le texte affirme que le nombre de jerseys produits à explosé, les graphiques portent cette affirmation`, // Qu'est-ce qui a été tordu — volontairement ou non ? p5: `Je n'ai pas vraiment vu d'information tordues, même si l'on peut voir que les auteurs ont l'habitude d'écrire des articles portant sur l'écologie des energies fossiles (mention de recyclage de polyester à la fin)`, // Qu'est-ce que tu gardes, qu'est-ce que tu changes ? garder: `Certains graphiques ont une légende assez difficilement lisible` })34:T552,fiche3 = ({ 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: `Les données viennent de ChatGPTisEatingTheWorld.com, Wired et des infos`, // À quelle question ce graphique répond-il ? Est-elle écrite ? p2: `Le graphique montre qui à porté plainte contre quelle entreprise pour son intelligence artificielle. La question est écrite dans le titre`, // Quelle variable visuelle porte quoi — et en est-elle capable ? p3: `Le graphique est simple: des cercles représentant les plaintifs liés par des flèches à sens unique aux organisations vendant l'IA.`, // Qu'affirme le texte, et le dessin le porte-t-il ? p4: `Le texte affirme que plusieurs entreprises et particuliers ont porté plainte contre différentes IA, principalement pour violations de droits d'auteurs`, // Qu'est-ce qui a été tordu — volontairement ou non ? p5: `Je ne sais pas si c'est tordu, mais les entreprises d'IA sont serrées au milieu, donne une impression de victimisation.`, // Qu'est-ce que tu gardes, qu'est-ce que tu changes ? garder: `` })35: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%" }) })36:[{"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}] 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":119,"value":"$32","pinned":true,"hidden":false,"mode":"ojs"},{"id":139,"value":"$33","pinned":true,"hidden":false,"mode":"ojs"},{"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":"fiche4 = ({\n titre: \"Nombre de morts par armes a feu en Floride\",\n auteur: \"C. Chan\",\n annee: \"2014\",\n lien: \"\",\n regime: \"\", // exploratoire · explicatif · infographie\n\n // D'où sort-elle, qui l'a produite, et qu'est-ce qui manque ?\n p1: `Les données vienent du Département de police de Floride`,\n // À quelle question ce graphique répond-il ? Est-elle écrite ?\n p2: `Elle n'est pas écrite, mais reste implicite`,\n // Quelle variable visuelle porte quoi — et en est-elle capable ?\n p3: ``,\n // Qu'affirme le texte, et le dessin le porte-t-il ?\n p4: `Le texte parle d'une hausse des meurtres juste après le passage d'une loi. Le graphique porte mal cette information, car il est a l'envers`,\n // Qu'est-ce qui a été tordu — volontairement ou non ?\n p5: `Le graphique à été retourné`,\n\n // Qu'est-ce que tu gardes, qu'est-ce que tu changes ?\n garder: `retourner le graphique, ajouter d'autres éléments en correlation pour croiser les informations potentiellement utiles`\n})","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":"fiche5 = ({\n titre: \"Evolution Des Gains Des Vainqueurs De Grand Chelem\",\n auteur: \"\",\n annee: \"\",\n lien: \"\",\n regime: \"infographie\", // exploratoire · explicatif · infographie\n\n // D'où sort-elle, qui l'a produite, et qu'est-ce qui manque ?\n p1: `les données semblent venir de https://github.com/Moonlamyh/Dataset/blob/main/Mens_Tennis_Grand_Slam_Winner.csv`,\n // À quelle question ce graphique répond-il ? Est-elle écrite ?\n p2: ``,\n // Quelle variable visuelle porte quoi — et en est-elle capable ?\n p3: ``,\n // Qu'affirme le texte, et le dessin le porte-t-il ?\n p4: ``,\n // Qu'est-ce qui a été tordu — volontairement ou non ?\n p5: `En 2023, les quatres tournois ne sont pas tous comptés. La moyenne est donc faussée`,\n\n // Qu'est-ce que tu gardes, qu'est-ce que tu changes ?\n garder: `ChatGPT à halluciné la monaie en ajoutant '$'`\n})","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":"synthese = `\nLa dataviz ayant le mieux fait son travail est pour moi celle de Reuters (explicatif). L'article est incroyablement détaillé, et couvre tous les aspects de la question posée au début. Il laisse aussi la tâche de répondre à la question au lecteur. Le problème est que l'article est trop long, trop détaillé. C'est un bon point pour un analyste, mais un nouveau venu se perdrais avec autant d'informations et de graphiques complexes, rendant la réponse mentionnée plus tôt difficile à trouver.\n`","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 = `\nJ'ai demandé à une LLM locale (gemma-4-e4b) de m'expliquer mieux les consignes car je n'avais pas bien compris certaines des passes. Pour ce prompt, j'ai copié collé les passes et demandé une meilleure explication. Je lui ai aussi demandé l'origine du graphique de l'objet n°1. Voici le prompt: 'when was the first Population pyramid graph made'. Gemma a reformulé les 5 passes de manière plus détaillée, et m'a expliqué que l'origine du graphique est difficile à déclarer, car le recensement est quelque chose d'ancien, mais que le besoin de mettre plusieurs variables dans un seul graphique est né vers le milieu du 19e siècle. J'ai vérifié sur wikipedia, et dans l'article français, la source la plus ancienne notée est Roland Pressat, L'analyse démographique, Paris, PUF, 1973, ce qui est après la moitié du siècle.\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":"$35","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":"$W36","stdlib":"2","titling":"auto"}