3e:null 3f:["$","title",null,{"children":"TP 1 — Lire et critiquer une dataviz | Leslie Laurent | Observable"}] 45: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.46:Ta86,fiche1 = ({ titre: "OECD Regional Well-Being – Bourgogne-Franche-Comté", auteur: "OCDE", annee: "2025", 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: `cette visualisation interactive provient du site OECD regional Well-being et a été par l'OCDE. elle présente le niveau de bien-être d'une région selon 11 dimensions tels que la santé, l'emploi, l'éducation... Dans le visuel principale on a pas la date des données, leurs sources précises et les valeurs d'origine`, // À quelle question ce graphique répond-il ? Est-elle écrite ? p2: `Comment la bourgogne-Franche-Comté se situe-t-elle en matière de bien-être par rapport aux autres régions ? La question générale est clairement annoncée sur le site et ensuite on peut navigue selon chaque région`, // Quelle variable visuelle porte quoi — et en est-elle capable ? p3: `longeurs des branches reprèsente le score de chaque dimension selon une échelle de 0-10, la couleur sert à differencier chaques dimensions mais ne représente pas de valeur. La longueur est adaptée pour reprèsenter une donnée quantitative mais la comparaison des cercles restent difficiles pour être précis que des barres alignés`, // Qu'affirme le texte, et le dessin le porte-t-il ? p4: `le texte montre que le bien-être d'une région repose sur différentes dimensions et que les résultats peuvent être comparé avec ceux d'autres régions. Et le visuel porte bien ce message car on identifie rapidement les infos et différentes dimensions. Le seul petit truc, c'est que on pourrait penser que c'est un score globale et pas l'accumulation de toutes les dimensions. `, // Qu'est-ce qui a été tordu — volontairement ou non ? p5: `les données originales ont été transformées en scores de 0 à 10 pour pouvoir comparer les indicateurs plus simplement.Les indicateurs négatifs type chômage sont inversés pour qu'un score élévé corresponde toujours à une bonne situation, certains indicateurs sont regroupés pour obtenir le score d'une même catégorie. Tout ça facilite la lecture mais on en perd certaines infos d'origines et un score de 8 ne veut pas dire 80%`, // Qu'est-ce que tu gardes, qu'est-ce que tu changes ? garder: `je garderais l'interactivité, les couleurs par catégories, l'échelle commune à toutes les dimensions et les 11 dimension car ça facilite la lecture. Mais je changerais la forme radiale par des barres alligné pour facilité la comparaison et j'ajouterais les infos comme sources, dates & valeurs.` })47:Tb20,fiche2 = ({ titre: "A journey Through Infertility", auteur: "Lam Thuy Vo", annee: "2026", lien: "https://pudding.cool/2026/03/ivf/", regime: "explicatif", // exploratoire · explicatif · infographie // D'où sort-elle, qui l'a produite, et qu'est-ce qui manque ? p1: `Cette visualisation interactive a été publié en 2026 par the Pudding, elle est écrite par Lam Thuy Vo, avec jan Diehm et Michelle Pera-McGhee, et illustrée par Rose Wong. ça raconte le parcours de fécondation in vitro de Lam Thuy Vo en combinant expérience personelle, données suivie et info médicale générale. Le contenus a été vérifié plusieurs fois et validé par des pro de la santé. Cependant sources et méthode pas toujours visible immédiatement car une parties des données et infos sont placé dans sections secondaire.`, // À quelle question ce graphique répond-il ? Est-elle écrite ? p2: `Que traverse une personne au cours d'un parcours de FIV et que se passe-t-il en parrallèle côté biologique ? Explicite car objectifs formulé dès le début même si la questions n'est pas posé`, // Quelle variable visuelle porte quoi — et en est-elle capable ? p3: `pas qu'une variable car bcp de types de visualisations, dans le parcours principal, la position & déplacement des personnages qui représente la progression à travers les différentes étapes de la FIV. Les 2 chemins représentent les 2 PDV enfant et parent. Les formes, décors et couleurs servent surtout pour l'ambiance et à représenter les obstacles mais ne représente pas vraiment des valeurs numériques. Et dans les sections secondaires, on a différentes variables visuelles sont utilisé selon les données présentées. ça fonctionne bien le fait que ce soit visuelle mais qu'en même temps on t'explique avec le système d'interactivité c'est attractif pour les petit et les grands.`, // Qu'affirme le texte, et le dessin le porte-t-il ? p4: `Le texte présente la FIV comme un long parcours, incertains et rempli d'obstacle qui se confirme visuellement. Ici le visuel porte vraiment le récit et n'est pas là que pour l'esthetisme.`, // Qu'est-ce qui a été tordu — volontairement ou non ? p5: `Ici les données médicales sont rendu plus personnelle , vulgariser afin que ça s'integre à la dimension personnelle du visuelle et à la vision de l'auteur suite à son parcour.`, // Qu'est-ce que tu gardes, qu'est-ce que tu changes ? garder: `Je garderais le principe des 2 parcours , l'interactivité et l'association illustration, récit et données car ça rends un sujet complexe en quelques chose d'accessible niveau compréhension. Les sections secondaires, je les garderait car ça permet de ne pas surcharger le visuel. MAIS je rendrais leur précense plus visible , et j'indiquerais plus clairement les sources.` })48:Tf2b,fiche3 = ({ titre: "Aliments - Potential AI-induced Mental & Behavioural Disorders", auteur: "David McCandless", annee: "2026", lien: "https://informationisbeautiful.net/visualizations/ai-induced-mental-disorders-ai-mental-health-glossary-burnout-addiction-mania/", regime: "infographie", // exploratoire · explicatif · infographie // D'où sort-elle, qui l'a produite, et qu'est-ce qui manque ? p1: `cette infographie provient du site Information is beautiful et a été conçue et écrite par David McCandless,avec des contributions de Nik Roope, Cal Newport et Hanna Piotrowska. Elle présente sous forme de glossaire des habitudes, comportements et compulsions qui pourraient apparaître avec l’usage de l’IA. CEPENDANT ce n'est en aucun cas des maladies officiellement reconnue. Il manque également des données quantitatives, la méthode de collecte et des sources scientifiques permettant de mesurer la fréquence ou l’importance réelle de ces comportements.`, // À quelle question ce graphique répond-il ? Est-elle écrite ? p2: `« Quels nouveaux comportements ou habitudes peuvent être associés à l’usage de l’IA ? », Cette question n’est pas formulée exactement ainsi, mais elle est annoncée dans l’introduction`, // Quelle variable visuelle porte quoi — et en est-elle capable ? p3: `Il n’y a pas de véritable variable visuelle quantitative : aucune taille, longueur ou position ne représente une valeur numérique. La mise en page sépare les différents comportements, tandis que les illustrations et les formes permettent de représenter ou d’évoquer chaque concept. Les couleurs servent plus à distinguer les choses sans coder de quantité ou un niveau de gravité. C'est adaptés à une infographie explicative, mais ça ne permet pas de comparer objectivement la fréquence ou l’importance des différents comportements`, // Qu'affirme le texte, et le dessin le porte-t-il ? p4: `Le texte suggère que l’utilisation croissante de l’IA peut entraîner de nouvelles habitudes, dépendances ou comportements problématiques. Le dessin porte bien cette idée grâce à des noms détournés comme « NarcAIssism », « PolyLLMory » ou « FOFAB », avec des illustrations qui rendent chaque comportement identifiable. Le ton visuel et les jeux de mots donnent un aspect humoristique au sujet, alors que le vocabulaire utilisé rappelle celui des véritables troubles psychologiques. Ce pourquoi l’auteur précise explicitement qu’il ne s’agit pas de maladies reconnues `, // Qu'est-ce qui a été tordu — volontairement ou non ? p5: `La principale déformation est le choix de présenter des observations et comportements sous la forme de faux troubles ou diagnostics. Des phénomènes très différents sont nommés, simplifiés et rangés dans des catégories comme s’ils appartenaient à un véritable glossaire médical. C'est un choix volontaire et humoristique, mais le vocabulaire utilisé peut leur donner une apparence plus scientifique ou médicale qu’ils ne le sont réellement.De plus, aucune fréquence ou importance n’est indiquée. L’infographie repose plus sur l’observation et la mise en récit que sur une démonstration statistique `, // Qu'est-ce que tu gardes, qu'est-ce que tu changes ? garder: `Je garde la mise en page claire, les illustrations, les jeux de mots et les courtes définitions, car ils rendent le sujet accessible et mémorable. Mais également l'avertissement. Je rendrais par contre cet avertissement encore plus visible et je distinguerais davantage les comportements simplement observés de ceux pour lesquels il existe des recherches scientifiques. En plus, je mettrais des sources et/ou quelques données chiffrées lorsqu’elles existent pour éviter que toutes les catégories semblent avoir la même valeur scientifique. ` })49:T714,fiche4 = ({ titre: "Gun deaths in Florida", auteur: "C.Chan", annee: "2014", lien: "source n'existe plus mais reprise par différents médias", regime: "Infographie", // exploratoire · explicatif · infographie // D'où sort-elle, qui l'a produite, et qu'est-ce qui manque ? p1: `La source de ce graphique provient du département de police de Floride au Etats-Unis, et elle est produite par le département de police également.`, // À quelle question ce graphique répond-il ? Est-elle écrite ? p2: `Quels est le nombre de meurtres en Floride causé par une armes à feu ? non c'est implicite`, // Quelle variable visuelle porte quoi — et en est-elle capable ? p3: `la position X : montre le temps et les années et c'est efficace, position Y : le nombre de meurtre commis par arme à feu, ça fontionne mais piegeur car 0 en haut et 1000 en bas (inhabituelle), la ligne est clair et on voit bien la différent. Niveau couleur pas d'info ni de code couleur. Taille : point identique`, // Qu'affirme le texte, et le dessin le porte-t-il ? p4: `Le texte met en avant l’adoption de la loi en 2005, mais le graphique la présente de façon trompeuse : la courbe semble baisser alors que les meurtres augmentent, à cause de l'axe Y inversé`, // Qu'est-ce qui a été tordu — volontairement ou non ? p5: `l'axe Y fait penser que le nombre de meurtres par armes à feu auraient diminuer alors que c'est le contraire suite à la loi de 2005`, // Qu'est-ce que tu gardes, qu'est-ce que tu changes ? garder: `Je garderais les données et la chronologie, mais je remetrais l’axe Y dans le bon sens et j’éviterais de suggérer que la loi est forcément la cause de la hausse car plusieurs choses sont à prendre en compte selon les victimes et le profil du criminel.` })4a:T6d4,fiche5 = ({ titre: "Evolution des gains des vainqueurs de Grand Chelem", auteur: "IA", annee: "2026", lien: "le graphique a été créer par l'IA mais les données viennent de ce site ", regime: "ìnfographie", // exploratoire · explicatif · infographie // D'où sort-elle, qui l'a produite, et qu'est-ce qui manque ? p1: `le graphique a été créer par une IA, apres avoir reçu les données par l'utilisateur qu'il a lui même récupéré sur un site, il manque des annotation comme par exemple des indication car là ca fait trés vide et pas vraiment compréhensible mais surtout il manque les femmes.`, // À quelle question ce graphique répond-il ? Est-elle écrite ? p2: `Comment les gains des vainqueurs de Grand Chelem ont-ils évolué ? explicite car le titre sous-entend bien la question`, // Quelle variable visuelle porte quoi — et en est-elle capable ? p3: `position axe X & Y : bien positionnée pour les données, ligne montre l'évolution dans le temps, couleurs pas d'importance, le point : à quoi sert-il ? la moyenne de la moyenne ? `, // Qu'affirme le texte, et le dessin le porte-t-il ? p4: `pas de texte vraiment contextuels, juste niveau argent ça a mis en dollars alors que pas de réel indication monétaire sur la source où les données ont été prise`, // Qu'est-ce qui a été tordu — volontairement ou non ? p5: `avec les IA il est possible que des données soient inventés malgrès le fournissage de ses propres données`, // Qu'est-ce que tu gardes, qu'est-ce que tu changes ? garder: `pas grand chose, je trouve que ça manque de lisibilité, nous ne sommes pas sur que toutes les données soient correctes donc hormis gardez les axes le reste serait à changer.` })4b:T8c4,synthese = `1. La visualisation de The Pudding sur la FIV est celle qui fait le mieux son travail. Elle réussit à rendre un sujet complexe compréhensible et engageant grâce au récit, à l’interactivité et aux deux parcours « Parent » et « Child ». Par contre, cette efficacité se fait au détriment de la liberté du lecteur et d’une partie de l’exhaustivité. Le parcours est guidé : les auteurs choisissent l’ordre, les informations mises en avant et la manière dont l’histoire doit être comprise. De plus, le récit repose en partie sur une expérience personnelle, qui ne peut pas représenter tous les parcours de FIV. 2.La passe la plus faible dans l’ensemble est celle sur la provenance, les sources et ce qui manque. Les 5 ne présentent pas toujours toutes les informations nécessaires pour comprendre d’où viennent les données, comment elles ont été sélectionnées ou transformées. C’est particulièrement visible avec le graphique IA des Grand Chelem, qui indique seulement « Data from the provided file », mais aussi avec les autres visualisations où certaines informations méthodologiques sont reléguées dans des pages ou sections secondaires, ça montre qu’en datavisualisation, le métier consiste à faire des choix et des compromis.Mais une bonne dataviz ne doit pas sacrifier la transparence : les sources, les transformations et le contexte restent essentiels pour pouvoir faire confiance au résultat 3. Pour le graphique généré par IA sur les gains des vainqueurs de Grand Chelem entre 1968 et 2023, l’encodage visuel est globalement adapté : les années sont en horizontal, les gains en vertical et la ligne montre l’évolution. Le problème vient surtout de la donnée et du contexte. La source « Data from the provided file » n’est pas vérifiable et on ne sait pas quelle monnaie est utilisée ni si les montants sont corrigés suite aux diverses changement économique. L’IA produit donc un graphique visuellement correct, mais sans assez questionner les données. À l’inverse, dans le graphique sur les meurtres par armes à feu en Floride, le problème vient surtout de l’encodage, avec un axe vertical inversé qui donne une impression fausse. `4c: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%" }) })4d:[{"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}] 43:{"id":"f788085db02a4c61","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:01.946Z","update_time":"$D2026-09-03T13:47:09.798Z","view_time":null,"first_public_time":"$D2026-09-02T15:19:39.827Z","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":"3c0d4877c37c4c19","login":"leslielaurent","name":"Leslie Laurent","avatar_url":"https://avatars-next.observableusercontent.com/3af9eabf84d076f7d2e8d49fe4438d58442e689878616275c8f6f5c065135735","tier":"starter_2024","bio":""},"version":305,"publish_version":305,"role":null,"authored":false,"authors":[{"type":"individual","id":"d30f394e3db7773e","login":"leslielaurent","name":"Leslie Laurent","avatar_url":"https://avatars-next.observableusercontent.com/3af9eabf84d076f7d2e8d49fe4438d58442e689878616275c8f6f5c065135735","tier":null,"bio":""}],"members":[{"type":"team","id":"3c0d4877c37c4c19","login":"leslielaurent","name":"Leslie Laurent","avatar_url":"https://avatars-next.observableusercontent.com/3af9eabf84d076f7d2e8d49fe4438d58442e689878616275c8f6f5c065135735","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","tool":"$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","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":9,"value":"$45","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":119,"value":"$46","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":139,"value":"$47","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":141,"value":"$48","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$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","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":145,"value":"$49","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$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","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","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","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":200,"value":"### Le résultat","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":225,"value":"","pinned":true,"hidden":false,"mode":"ts","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","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","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":149,"value":"$4a","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$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","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":154,"value":"$4b","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$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","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":157,"value":"journalIA = ` 1 . J’ai utilisé ChatGPT surtout pour vérifier certaines réponses quand j’avais un doute et pour corriger ou reformuler quelques passages. Exemple de prompt : « J’ai analysé cette visualisation de données et voici ma réponse. Peux-tu me dire si mon analyse est correcte, s’il manque un élément important et corriger uniquement les erreurs ou les formulations imprécises, sans refaire tout le travail à ma place ? Le niveau attendu est celui d’un étudiant en BUT MMI2. »\n2. Ça m’a permis de confirmer certaines analyses, de mieux comprendre quelques choix de visualisation et d’améliorer la précision de mes réponses.\n3. J’ai dû raccourcir certaines réponses car j'ai tendance à faire de longue phrase (mon côté littéraire probablement), retirer des formulations trop ambigue et garder uniquement ce qui correspondait réellement aux visualisations et à mon analyse en essayant d'être le plus objectif et honnête possible.\n\n`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$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","tool":"$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","tool":"$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","tool":"$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","tool":"$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","tool":"$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","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":26,"value":"$4c","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$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","tool":"$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","tool":"$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","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W4d","stdlib":"2"}} 44:"$43:body"