2a:null 2b:["$","title",null,{"children":"TP 1 — Lire et critiquer une dataviz | Ncaritey | 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:T91a,fiche1 = ({ titre: "Gapminder Tools, graphique en bulles", auteur: "Gapminder Foundation", annee: "2025", lien: "https://www.gapminder.org/tools/#$chart-type=bubbles&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 la Gapminder Foundation, une fondation suédoise indépendante. Les données viennent de sources comme l’ONU, la Banque mondiale ou l’IHME. Certaines sont ensuite corrigées ou calculées par Gapminder. Les sources précises ne sont pas toujours visibles directement.`, // À quelle question ce graphique répond-il ? Est-elle écrite ? p2: `Le graphique permet de comparer la richesse d’un pays avec un autre indicateur. La question n’est pas écrite : l’utilisateur choisit les variables. Il est donc surtout exploratoire, car il permet de chercher des relations entre les données.`, // Quelle variable visuelle porte quoi — et en est-elle capable ? p3: `Les axes X et Y montrent les deux variables choisies. La taille de la bulle représente la population et la couleur indique une région ou un groupe. Le mouvement montre l’évolution dans le temps. Ces choix facilitent les comparaisons, mais la taille des bulles est moins précise que leur position.`, // Qu'affirme le texte, et le dessin le porte-t-il ? p4: `Le graphique montre des relations entre plusieurs indicateurs, comme le PIB et l’espérance de vie. Il permet de voir des tendances, mais ne prouve pas de lien de causalité. L’utilisateur doit donc interpréter les données lui-même.`, // Qu'est-ce qui a été tordu — volontairement ou non ? p5: `Les données sont regroupées et parfois estimées pour faciliter les comparaisons. L’échelle logarithmique peut modifier la perception des écarts. La taille des bulles peut aussi donner une impression de différence. Ces choix rendent les données plus lisibles, mais influencent leur interprétation.`, // Qu'est-ce que tu gardes, qu'est-ce que tu changes ? garder: `Je garde le graphique en bulles et l’animation dans le temps, car ils facilitent la compréhension. Je rendrais les sources, les dates et la légende plus visibles. J’ajouterais aussi un titre ou une question claire pour guider la lecture.` })32:T62e,fiche2 = ({ titre: "The Pudding", auteur: "The Pudding", annee: "2017", lien: "https://pudding.cool/", regime: "explicatif", // exploratoire · explicatif · infographie // D'où sort-elle, qui l'a produite, et qu'est-ce qui manque ? p1: `Le graphique vient de The Pudding, un site qui crée des articles avec des visualisations de données. Les auteurs et les sources des données sont indiqués selon les projets, mais certaines informations peuvent manquer.`, // À quelle question ce graphique répond-il ? Est-elle écrite ? p2: `Il cherche à répondre à une question précise sur un sujet. La question est généralement présentée dans le titre ou au début de l'article.`, // Quelle variable visuelle porte quoi — et en est-elle capable ? p3: `Les couleurs, les formes, les tailles et les positions représentent les données. L'animation et l'interactivité permettent de mieux voir les évolutions et les différences.`, // Qu'affirme le texte, et le dessin le porte-t-il ? p4: `Le texte explique les informations et guide le lecteur. Le graphique permet de visualiser ce que le texte affirme.`, // Qu'est-ce qui a été tordu — volontairement ou non ? p5: `Les données sont simplifiées et mises en scène. Les choix de couleurs, d'échelle et d'animation peuvent influencer la façon dont on comprend les données.`, // Qu'est-ce que tu gardes, qu'est-ce que tu changes ? garder: `Je garde les formes, les animations, les jeux intercatifs mais je change pas grand chose mise à part peut etre l'accessibilité aux sources.` })33:T686,fiche3 = ({ titre: "Information is Beautiful", auteur: "David McCandless et l'équipe d'Information is Beautiful", annee: "2009", lien: "https://informationisbeautiful.net/", regime: "infographie", // exploratoire · explicatif · infographie // D'où sort-elle, qui l'a produite, et qu'est-ce qui manque ? p1: `Le site est créé par Information is Beautiful et utilise des données provenant de différentes sources. Les sources sont parfois indiquées, mais la méthode de sélection des données n'est pas toujours détaillée.`, // À quelle question ce graphique répond-il ? Est-elle écrite ? p2: `Les graphiques répondent à des questions sur des sujets variés. La question est souvent suggérée par le titre plutôt qu'écrite directement.`, // Quelle variable visuelle porte quoi — et en est-elle capable ? p3: `Les couleurs, formes, tailles et positions représentent les données. Elles rendent les informations faciles à comprendre, mais peuvent parfois manquer de précision.`, // Qu'affirme le texte, et le dessin le porte-t-il ? p4: `Le texte présente l'idée principale et le dessin la rend plus facile à comprendre. Les deux fonctionnent généralement bien ensemble.`, // Qu'est-ce qui a été tordu — volontairement ou non ? p5: `Les données sont simplifiées et la mise en forme peut influencer notre interprétation. Certains choix sont faits pour rendre le graphique plus attractif.`, // Qu'est-ce que tu gardes, qu'est-ce que tu changes ? garder: `Je garde les couleurs, la simplicité et le côté visuel. Je changerais les formes trop décoratives pour rendre les comparaisons plus précises.` })34:T109b,fiche4 = ({ titre: "Gun deaths in Florida", auteur: "C. Chan / Reuters", annee: "2014", lien: "https://static.observableusercontent.com/files/9a3db65a301d4dd6b7a91a3eaec02a5a62d81638e5ca1185202e62a0b85388a47b568ff810d0c3fc0a8220f766c67aba0ba67da1ffb83b446fcaf301baf67d26", regime: "explicatif", // exploratoire · explicatif · infographie // D'où sort-elle, qui l'a produite, et qu'est-ce qui manque ? p1: `Le graphique a été réalisé par Reuters, avec des données provenant du Florida Department of Law Enforcement. Il présente le nombre de meurtres commis avec une arme à feu en Floride. La source des données est indiquée, mais il manque notamment des informations permettant de mieux comprendre le contexte, la population de la Floride, le taux de meurtres par habitant et les autres facteurs pouvant expliquer les évolutions. Le graphique ne permet donc pas, à lui seul, de mesurer l'effet réel de la loi « Stand Your Ground ».`, // À quelle question ce graphique répond-il ? Est-elle écrite ? p2: `Le graphique semble chercher à répondre à la question, « Quel a été l'effet de la loi Stand Your Ground sur le nombre de meurtres commis avec des armes à feu en Floride ? ». Cette question n'est pas écrite explicitement, mais l'annotation indiquant que la loi a été adoptée en 2005 incite fortement le lecteur à faire le lien entre la loi et l'évolution des meurtres. Le graphique oriente donc l'interprétation vers une relation de cause à effet.`, // Quelle variable visuelle porte quoi — et en est-elle capable ? p3: `L'axe horizontal représente le temps, des années 1990 aux années 2010, tandis que l'axe vertical représente le nombre de meurtres commis avec une arme à feu. La ligne et les points montrent l'évolution de cette quantité. Cependant, l'axe vertical est inversé, 0 est en haut et 1 000 en bas. Cette convention perturbe fortement la lecture, car une augmentation du nombre de meurtres donne visuellement l'impression d'une baisse. La variable visuelle est donc mal adaptée à la compréhension immédiate de l'évolution Mais aussi la surface rouge qui n'a pas vraiment de sens concret.`, // Qu'affirme le texte, et le dessin le porte-t-il ? p4: `Le texte met en évidence l'adoption de la loi « Stand Your Ground » en 2005 et suggère implicitement que les meurtres avec arme à feu diminuent après cette date. Pourtant, les données montrent l'inverse, le nombre de meurtres passe d'environ 521 en 2005 à 825 en 2007, avant de redescendre ensuite. Le dessin donne donc une impression contraire à la réalité à cause de l'inversion de l'axe vertical. Le graphique ne permet pas non plus d'affirmer que la loi est la cause de cette évolution.`, // Qu'est-ce qui a été tordu — volontairement ou non ? p5: `L'élément principalement « tordu » est l'axe vertical. Il est présenté à l'envers, avec 0 en haut et 1 000 en bas. Cela transforme visuellement une augmentation en diminution et peut faire croire que les meurtres ont diminué après 2005. Le remplissage rouge renforce également cette impression en donnant beaucoup de poids à la partie située au-dessus de la courbe. Il s'agit donc d'une représentation potentiellement trompeuse, même si les données elles-mêmes peuvent être correctes. Le graphique confond aussi corrélation et causalité en mettant en évidence la loi de 2005 sans démontrer qu'elle est responsable de l'évolution observée.`, // Qu'est-ce que tu gardes, qu'est-ce que tu changes ? garder: `Je garde la courbe temporelle, les points de données et l'indication de l'année 2005, car ils permettent de situer l'évolution dans le temps. Je garde également la source des données. En revanche, j'inverse l'axe vertical pour avoir 0 en bas et les valeurs les plus élevées en haut. Je supprimerais ou modifierais le remplissage rouge afin de ne pas accentuer artificiellement une impression de baisse. J'ajouterais également les valeurs clés et surtout le taux de meurtres pour 100 000 habitants, afin de tenir compte de l'évolution de la population. Enfin, je préciserais qu'il s'agit d'une évolution observée après l'adoption de la loi et non d'une preuve que la loi en est la cause.` })35:T9f3,fiche5 = ({ titre: "Évolution des gains des vainqueurs de Grand Chelem", auteur: "Données du fichier fourni", annee: "1968–2023", lien: "", regime: "explicatif", // exploratoire · explicatif · infographie // D'où sort-elle, qui l'a produite, et qu'est-ce qui manque ? p1: `Le graphique provient du fichier de données fourni, qui contient les résultats des tournois du Grand Chelem. Il a été produit à partir de ces données pour représenter l’évolution du gain moyen annuel. Ce qui manque est surtout l’auteur ou la personne ayant créé le graphique, ainsi que la source originale des données et la méthode précise utilisée pour calculer la moyenne mais également les tournois féminins.`, // À quelle question ce graphique répond-il ? Est-elle écrite ? p2: `Il répond à la question : « Comment les gains moyens des vainqueurs de Grand Chelem ont-ils évolué au fil des années ? ». Cette question est écrite directement dans le titre du graphique.`, // Quelle variable visuelle porte quoi — et en est-elle capable ? p3: `L'axe horizontal représente les années et l'axe vertical représente le gain moyen annuel des vainqueurs, en dollars. La ligne permet de visualiser l'évolution des gains au cours du temps. Cette représentation est efficace pour montrer une tendance générale et les fortes variations.`, // Qu'affirme le texte, et le dessin le porte-t-il ? p4: `Le titre affirme que les gains des vainqueurs de Grand Chelem évoluent au fil du temps. Le graphique montre effectivement une forte augmentation générale, les gains passent de quelques milliers de dollars à plusieurs millions. Il montre également quelques baisses ponctuelles, notamment au début des années 2000 et autour de 2020.`, // Qu'est-ce qui a été tordu — volontairement ou non ? p5: `Ce qui est simplifié, c'est le fait de représenter plusieurs gains individuels par une seule moyenne annuelle. Cette moyenne masque donc les différences entre les quatre tournois et entre les années. La forte augmentation générale peut aussi être liée à l'évolution de la valeur de l'argent et à l'augmentation des récompenses dans le tennis professionnel.`, // Qu'est-ce que tu gardes, qu'est-ce que tu changes ? garder: `Je garde le titre, les axes et la courbe, car ils permettent de comprendre rapidement l'évolution générale des gains. Je pourrais ajouter les valeurs exactes de certains points et différencier les quatre tournois pour mieux comprendre les écarts entre eux.` })36: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%" }) })37:[{"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":"3bd75cfe9b105ed4","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-02T14:26:11.452Z","update_time":"$D2026-09-02T18:36:20.332Z","view_time":null,"first_public_time":"$D2026-09-02T15:19:53.585Z","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":"f2c47674714dfd78","login":"noemiecaritey","name":"Ncaritey","avatar_url":"https://avatars-next.observableusercontent.com/0d31a408992ebf6a3983c221eb3d072eeeb30033df1548336d1a68c714184ef4","tier":"starter_2024"},"version":256,"publish_version":256,"role":null,"authored":false,"authors":[{"type":"individual","id":"93825ce866e089ea","login":"noemiecaritey","name":"Ncaritey","avatar_url":"https://avatars-next.observableusercontent.com/0d31a408992ebf6a3983c221eb3d072eeeb30033df1548336d1a68c714184ef4","tier":null}],"members":[{"type":"team","id":"f2c47674714dfd78","login":"noemiecaritey","name":"Ncaritey","avatar_url":"https://avatars-next.observableusercontent.com/0d31a408992ebf6a3983c221eb3d072eeeb30033df1548336d1a68c714184ef4","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":"synthese = `1. The Pudding fait le mieux son travail : les animations et l’interactivité rendent les données faciles à comprendre. En revanche, cela sacrifie un peu de précision et de liberté d’interprétation, car le lecteur est guidé par la mise en scène.\n\n2. C’est surtout Gun deaths in Florida. L’encodage visuel peut complètement changer le message des données. Cela montre que le choix de représentation est aussi important que les données elles-mêmes.\n\n3. Le problème est surtout dans l’encodage et le texte, plus que dans la donnée. L’IA peut produire un graphique visuellement convaincant mais avec une échelle trompeuse ou un message mal interprété. Un humain vérifierait les données, les sources, l’échelle et le contexte avant de valider le graphique.\n\n`","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":"journalIA =''\n\n`","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":"$36","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":"$W37","stdlib":"2"}} 2f:"$2e:body"