2a:null 2b:["$","title",null,{"children":"TP 1 — Lire et critiquer une dataviz | Konstance Kruger | 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:Tae9,fiche1 = ({ titre: "OECD Regional Well-Being: A Closer Measure of Life", auteur: "OECD", annee: "", lien: "https://www.oecdregionalwellbeing.org", regime: "exploratoire", // exploratoire · explicatif · infographie // D'où sort-elle, qui l'a produite, et qu'est-ce qui manque ? p1: `Ca sort du projet OECD Regional Well-Being et c'est directement l'organisme OECD qui l'a produite. Le porblème est que la visualisation demande à l'utilisateur de comprendre lui meme les scores, nous ne savons pas comment le score est calculé, ce qu'ils mseurent exactement et le contexte des notes.`, // À quelle question ce graphique répond-il ? Est-elle écrite ? p2: `Oui, comment est la vie là ou j'habite, comment ma region se compare-t-elle aux autres ?`, // Quelle variable visuelle porte quoi — et en est-elle capable ? p3: `Il y a les pétales en longueur qui forment une fleur pour montrer les scores, les couleurs, les valeurds numériques et la carte du monde avec la localiosation des regions. `, // Qu'affirme le texte, et le dessin le porte-t-il ? p4: `Le texte affirme que la visualisation permet de voir comment se porte une région de l’OCDE, ue chaque région est évaluée selon 11 dimensions du bien-être et que les scores vont de 0 à 10, et qu’un score élevé signifie une meilleure performance par rapport aux autres régions. La fleur montre bien l'idée des dimensions pour calculer le bien etre mais le dessin en lui meme ne montre pas assez la comparaison et la gradation entre 0 et 10. Il y a surtout un problème avec l’affirmation « regions with similar well-being ». Le site affiche effectivement plusieurs régions dites similaires en dessous, mais le dessin ne montre pas clairement pourquoi elles sont considérées comme similaires.`, // Qu'est-ce qui a été tordu — volontairement ou non ? p5: `La comparaison quantitative est tordue par la forme radiale, les scores sont représentés par des pétales orientés dans des directions différentes, l’échelle 0–10 n’est pas dessinée en haut, les scores donnent une performance relative, pas une mesure absolue du bien-être, les régions dites similaires sont sélectionnées sans que le critère de similarité soit visible dans le dessin et il y a une séparation des informations avec les échelles garduées plus bas. `, // Qu'est-ce que tu gardes, qu'est-ce que tu changes ? garder: `Il faudrait remplacer la fleur par des barres alignées, ajouter une échelle 0–10 visible directement sur cette vue, faire remonter une partie du contexte présent plus bas, par exemple la médiane ou le rang, afin que l’utilisateur n’ait pas besoin de descendre pour interpréter le score et endre plus explicite le lien avec les régions “similaires”.` })32:Tccc,fiche2 = ({ titre: "A love Story", auteur: "Alvin Chang", annee: "2026", lien: "https://pudding.cool/2026/06/love-story/", regime: "explicatif", // exploratoire · explicatif · infographie // D'où sort-elle, qui l'a produite, et qu'est-ce qui manque ? p1: `La visualisation et le récit sont réalisés par Alvin Chang pour The Pudding. Mais les données principales viennent de l’étude How Couples Meet and Stay Together, menée par des chercheurs de Stanford University.`, // À quelle question ce graphique répond-il ? Est-elle écrite ? p2: `La visualisation cherche à montrer quel effet la pandémie de Covid-19 a eu sur les relations amoureuses aux États-Unis. La question est clairement posée dans le récit. L’auteur cherche notamment à savoir si les couples déjà solides ont mieux résisté au confinement. Les données montrent que les relations déjà satisfaisantes ont souvent eu tendance à s’améliorer tandis que les relations plus fragiles se sont davantage dégradées.`, // Quelle variable visuelle porte quoi — et en est-elle capable ? p3: `Les petits personnages représentent les personnes interrogées et les couleurs permettent de distinguer leurs réponses ou leur situation. Leur position change aussi pour former différents groupes. Ce système fonctionne bien pour comprendre les grandes tendances mais il est moins efficace pour comparer précisément des quantités. Pour connaître une valeur exacte, un chiffre ou un graphique classique est plus adapté.`, // Qu'affirme le texte, et le dessin le porte-t-il ? p4: `Le texte explique que la pandémie n’a pas eu le même effet sur tous les couples : les relations déjà solides ont souvent mieux résisté, tandis que certaines relations plus fragiles se sont davantage dégradées. Le dessin accompagne assez bien cette idée en regroupant et en colorant les personnes selon leurs réponses. Cependant, sans les explications écrites, les personnages seraient parfois difficiles à interpréter. Le texte reste donc important pour comprendre le dessin.`, // Qu'est-ce qui a été tordu — volontairement ou non ? p5: `La principale simplification vient du fait que chaque personnage semble avoir la même importance visuelle, alors que les chercheurs utilisent normalement des pondérations statistiques pour représenter la population américaine. On ne peut donc pas simplement compter les personnages pour obtenir un pourcentage exact. De plus, le récit peut donner l’impression que la pandémie est directement responsable des changements observés, alors que les données montrent surtout une évolution et un lien, pas forcément une cause certaine.`, // Qu'est-ce que tu gardes, qu'est-ce que tu changes ? garder: `Je garderais les personnages, les couleurs et le déroulement narratif, car ils rendent les données plus humaines et plus faciles à suivre. Je garderais aussi les graphiques plus classiques lorsque des valeurs précises sont nécessaires. En revanche, j’indiquerais plus tôt comment les personnages représentent les données, et j’ajouterais davantage de chiffres ou de pourcentages à côté des groupes. Cela permettrait de garder le côté visuel tout en rendant les comparaisons plus précises.` })33:T12ff,fiche3 = ({ titre: "The future of the future", auteur: "David McCandless", annee: "", lien: "", regime: "infographie", // exploratoire · explicatif · infographie // D'où sort-elle, qui l'a produite, et qu'est-ce qui manque ? p1: `Le document vient du site Information is Beautiful. Les prévisions semblent avoir été rassemblées à partir de longbets.org qui est donné comme source. La conception intellectuelle vient de David McCandless et la mise en forme graphique a été réalisée par Nicky Gibson. On distingue donc bien la source des contenus et les personnes qui ont produit la visualisation.Le document indique clairement qui l’a conçu et sa source générale mais il manque la source précise de chaque prédiction et la méthode utilisée pour les sélectionner. La date exacte de publication de l’infographie n’est pas non plus indiquée sur l’image. Il manque aussi une explication plus claire sur la méthode de sélection. On ne sait pas vraiment pourquoi ces prédictions ont été choisies plutôt que d’autres. Aussi, une légende complète pour expliquer certains symboles ou certaines catégories. Le document ne dit pas clairement si les prédictions sont plausibles, discutables, ironiques ou scientifiques. Elles sont toutes placées sur la même frise, ce qui peut donner l’impression qu’elles se valent toutes. Il manque donc du contexte pour juger la qualité ou la crédibilité des informations.`, // À quelle question ce graphique répond-il ? Est-elle écrite ? p2: `Il n'y a pas de questions précises mais nous suppposons qu'elle répond a " « Quelles prévisions pour le futur ont été faites en 2009 et pour quelles dates sont-elles annoncées ? »"`, // Quelle variable visuelle porte quoi — et en est-elle capable ? p3: `La variable visuelle est principalement la position horizontale. Elle représente le temps avec une frise allant de 2010 à 2100. Plus un élément est placé à droite, plus la prédiction concerne un futur lointain. Les icônes servent à distinguer les thèmes : robotique, argent, espace, science, extinction, etc.`, // Qu'affirme le texte, et le dessin le porte-t-il ? p4: `Le texte affirme que cette image regroupe des prévisions importantes faites en 2009 sur différents sujets : technologie, écologie, société, espace, etc. Le dessin porte assez bien cette idée car il place ces prédictions sur une grande ligne du temps, ce qui permet de voir rapidement quand elles sont censées se produire. En revanche, le dessin porte moins bien la fiabilité ou l’importance réelle de chaque prédiction. Toutes les phrases semblent visuellement assez proches alors qu’on ne sait pas si elles ont la même crédibilité, la même source exacte, ou le même niveau de sérieux.`, // Qu'est-ce qui a été tordu — volontairement ou non ? p5: `La première chose un peu “tordue”, c’est que beaucoup d’informations très différentes sont mises sur le même plan. Une avancée scientifique, une hypothèse technologique, une disparition sociale ou une idée très spéculative sont présentées ensemble, avec un traitement graphique assez similaire. La deuxième chose, c’est que la taille visuelle ou la place occupée par certaines prédictions peut leur donner plus d’importance qu’elles n’en ont réellement. Les grandes zones blanches, les effets de rayonnement et la belle composition attirent le regard, mais cela ne veut pas forcément dire que l’information est plus solide. Enfin, certaines prédictions semblent très affirmatives, alors qu’on ne sait pas sur quoi elles reposent exactement. L’image est donc très séduisante visuellement, mais elle peut donner une impression de certitude plus forte que ce que les données permettent vraiment.`, // Qu'est-ce que tu gardes, qu'est-ce que tu changes ? garder: `Je garderais la frise chronologique car elle est très efficace pour montrer que toutes les prévisions sont liées à des dates. Je garderais aussi les icônes qui aident à repérer rapidement les grands thèmes et l’ensemble de la composition qui attire l’œil et donne envie de lire. Je garderais aussi le fait que l’image permet de voir en un seul coup d’œil. Je changerais d’abord la lisibilité. Certains textes sont petits, serrés et pas toujours faciles à lire. J’ajouterais aussi une vraie légende pour expliquer les catégories, les icônes, et peut-être distinguer les prédictions plus sérieuses des plus spéculatives. Je préciserais également la source exacte de chaque prédiction ou au moins leur niveau de crédibilité. Cela aiderait à comprendre si on lit une prévision scientifique, une hypothèse futuriste ou une idée plus fantaisiste. Enfin, je rendrais plus clair le fait que la position verticale n’a pas vraiment de signification.` })34:Tb60,fiche4 = ({ titre: "Guns deads in Florida", auteur: "Reuters, C. Chan, Florida Department of Enforcement", annee: "2014", lien: "", 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 Florida Department of law enforcement en 2014. Il montre l'évolution du nombre de meurtres commis avec une arme à feu en Floride. Il manque des informations importantes comme les années exactes qui ne sont pas toutes indiquées et flous par rapport aux dates données en bas, les points ne correspondent pas clairement à leurs emplacements. Le graphique ne tient pas compte de l'évolution de la population les valeurs sont bruts et est aussi trop général car le graphique ne montre pas tous les décès par arme à feu mais seulement les meurtres. Il manque l'explication de la lecture du graphique qui est inhabituel à ce qu'on peut voir chez un graphique typique.`, // À quelle question ce graphique répond-il ? Est-elle écrite ? p2: `Aucune question n'est écrite mais nous supposons qu'il repond à la question : "Quel est le nombre de meurtre par armes à feu en Floride depuis 1985 jusqu'à 2015 ?"`, // Quelle variable visuelle porte quoi — et en est-elle capable ? p3: `les couleurs représentés sont utilisés pour representer une surface et les points pour former l'évolution.`, // Qu'affirme le texte, et le dessin le porte-t-il ? p4: `Le texte indique qu'en 2005 la Floride a adopté la loi « Stand Your Ground ». L'emplacement de cette annotation donne l'impression que le changement observé après 2005 est lié à cette loi. Après 2005, le nombre de meurtres par arme à feu augmente fortement mais comme l'axe vertical est inversé, la courbe descend. On pourrait donc croire qu'il y a une diminution alors que les chiffres montrent une augmentation.`, // Qu'est-ce qui a été tordu — volontairement ou non ? p5: `Le principal problème est l'inversion de l'axe vertical. Le lecteur peut donc comprendre exactement le contraire de ce que montrent les données. L'annotation sur la loi « Stand Your Ground » peut aussi faire penser que cette loi est responsable de l'augmentation des meurtres alors que le graphique ne permet pas de prouver une relation de cause à effet. Enfin, le titre « Gun deaths in Florida » est trompeur car les données concernent uniquement les meurtres commis avec une arme à feu.`, // Qu'est-ce que tu gardes, qu'est-ce que tu changes ? garder: `Je garderais le principe de la courbe chronologique, les points correspondant aux différentes années et l'indication de l'année 2005 mais avec des pourcentages. En revanche, je remettrais l'axe vertical dans le sens habituel, avec 0 en bas et les valeurs les plus élevées en haut. Je changerais aussi le titre pour qu'il corresponde exactement aux données.` })35:T7bd,fiche5 = ({ titre: "Évolution des gains des vainquers de Grand Chelem", auteur: "ChatGPT", annee: "2026", lien: "https://static.observableusercontent.com/files/76bf2901d8b86b101dca354abc2da19cc06fbbf25b49187f6d37aea1ab0e990b3ad1382c5b7e9bc7ea837de9eed5d39b016c32fc706dacab73a60fc3ae4dc593", regime: "explicatif", // exploratoire · explicatif · infographie // D'où sort-elle, qui l'a produite, et qu'est-ce qui manque ? p1: `Le graphique a été généré par ChatGPT à partir des informations que possede l'IA. Le fichier contient notamment l'année, le tournoi, les vainqueur et leurs gains. Il manque la devise du gain qui n'est pas indiquée dans les données alors que le graphique affiche l'axe vertical en dollars. Il manque aussi une explication précise de la méthode de calcul de la moyenne annuelle.`, // À quelle question ce graphique répond-il ? Est-elle écrite ? p2: `Il n'y a pas la question mais nous supposons que c'est "Quelle est l'évolution des gaisn des vainqueurs de Grand Cheleem au fil ddes années entre 1968 et 2023 ?".`, // Quelle variable visuelle porte quoi — et en est-elle capable ? p3: `la courbe bleu.`, // Qu'affirme le texte, et le dessin le porte-t-il ? p4: `Le texte affirme les gains de chaques joueurs de Grand Chelem depuis 1950 et le dessin porte bien la courbe et la représente assez bien.`, // Qu'est-ce qui a été tordu — volontairement ou non ? p5: `Dans les informatiosn données il n'y a pas marqué que les gains sont en dollards mais l'IA l'a mit et pour l'année 2023 on voit que la courbe baisse alors que c'est simplement que nous n'avons pas les autres vainqueurs dans la suite de l'année ce qui fait automatiquement baisser les gains tandis qu'en réalité ils augmentent toujours et e baissent pas.`, // Qu'est-ce que tu gardes, qu'est-ce que tu changes ? garder: `Je garderai la courbe mais j'enleverai les informatiosn qui peuvent désinformé sans s'en rendre compte.` })36:T70a,synthese = ` La deuxième visualisation fait, à mon sens, mieux son travail, car il y a une réelle intention de captiver l’utilisateur et de lui faire comprendre le contexte ainsi que les faits associés, de manière originale et esthétique. En revanche, il faut beaucoup faire défiler la page avant d’accéder aux données plus scientifiques et précises. Elles n’apparaissent donc pas directement lorsque l’on découvre les personnages. La visualisation est très efficace visuellement mais elle manque un peu de précision au premier regard. Pour la quatrième visualisation, la compréhension est davantage **biaisée**, notamment parce qu’elle cherche à détourner les habitudes de lecture classiques. Les couleurs, la disposition et le placement des nombres ne sont donc pas anodins. Cela montre que le métier de la visualisation de données ne consiste pas forcément à donner de fausses informations au sens strict, mais qu’il est possible **d’orienter l’attention du lecteur ou de modifier sa perception**. Un graphique peut sembler sérieux ou scientifique grâce à sa forme, tout en donnant une interprétation trompeuse des données. Enfin, le problème de la visualisation réalisée par **IA** est qu’elle cherche surtout à produire quelque chose de complet et cohérent à partir des informations qu’on lui donne, sans forcément remettre ces données en question. Elle peut, par exemple, ajouter des symboles comme le dollar parce qu’ils semblent logiques dans le contexte, ou représenter exactement les données fournies sans vérifier si certaines situations créent un biais. Ici, par exemple, **une seule victoire en 2023 peut fortement influencer la forme de la courbe**, sans que l’IA cherche forcément à signaler ce problème au lecteur. ` 37: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%" }) })38:[{"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},{"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}] 2e:{"id":"f82b0828961d82a7","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:38:05.513Z","update_time":"$D2026-09-03T20:14:05.194Z","view_time":null,"first_public_time":"$D2026-09-02T15:19:43.197Z","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":"4a664873c7e3bf4c","login":"konstance-kruger","name":"Konstance Kruger","avatar_url":"https://avatars-next.observableusercontent.com/80984bef480e4b964fb7f7aa71ab2c9e1dcb95d7e5a65cf548733d455c910ac2","tier":"starter_2024"},"version":262,"publish_version":262,"role":null,"authored":false,"authors":[{"type":"individual","id":"78b33f009f84d954","login":"konstance-kruger","name":"Konstance Kruger","avatar_url":"https://avatars-next.observableusercontent.com/80984bef480e4b964fb7f7aa71ab2c9e1dcb95d7e5a65cf548733d455c910ac2","tier":null}],"members":[{"type":"team","id":"4a664873c7e3bf4c","login":"konstance-kruger","name":"Konstance Kruger","avatar_url":"https://avatars-next.observableusercontent.com/80984bef480e4b964fb7f7aa71ab2c9e1dcb95d7e5a65cf548733d455c910ac2","tier":"starter_2024","role":"editor"}],"comments":[],"custom_thumbnail":true,"trashed":false,"lapsed":null,"subscribed":null,"forks":1,"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":"journalIA = `J'ai utilisé ChatGPT avec ce prompt : Je te passe cette page de ce site web et tu vas devoir améliorer les réponses que je vais te donner et analyser ce qui manque potentiellement. Si tu n'as pas de réponses ne les mets pas, sois sur à 100% de ce que tu vas me transmettre. Le but est d'analyser le graphique mais pas forcement les informations qu'il me transmet directement. Il va falloir analyser ce qui ne va pas, qu'est ce qu'elle représente etc. Donc voici les questions pour te reperer et je vais te donner mes réponses au fur et a mesure et tu me diras les points positifs et négatifs pour améliorer mes réponses.\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":"$37","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":"$W38","stdlib":"2"}} 2f:"$2e:body"