29:null 2a:["$","title",null,{"children":"TP 1 — Lire et critiquer une dataviz | Yanis Chouhib-Forster | Observable"}] 2f: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.30:T60b,fiche1 = ({ titre: "Comment va la vie là où tu es", auteur: "OECD", annee: "2024", lien: "https://www.oecdregionalwellbeing.org/FRF.html", regime: "exploratoire", // exploratoire · explicatif · infographie // D'où sort-elle, qui l'a produite, et qu'est-ce qui manque ? p1: `les données viennent d'organisme de statistic ou du gouvernement présente dans chaque pays partenaire, il manque des informations sur ceux qui on créer la carte interactive`, // À quelle question ce graphique répond-il ? Est-elle écrite ? p2: `"Quelle pays possède la meilleur hygiène de vie", la question n'est pas écrite`, // Quelle variable visuelle porte quoi — et en est-elle capable ? p3: `les 11 pétales représente chacune un critère de vie, leur longueur est leur réussite, la couleur donne une identité pour chaque catégorie.`, // Qu'affirme le texte, et le dessin le porte-t-il ? p4: `le texte est positif, il parle de l'humain et de la qualité de vie, le design permet de le représenter via la longueur des pétales`, // Qu'est-ce qui a été tordu — volontairement ou non ? p5: `la taille des pétales augmente au carré ce qui crée un ecart plus massif entre deux valeur, le design de fleur donne une impression d'un lien entre les critère de vie, les pays sont classé selon les critères de l' OCDE ils ne prennent pas en compte la réalité. Cela est volontaire `, // Qu'est-ce que tu gardes, qu'est-ce que tu changes ? garder: `je change les critères d'évaluation, la forme du graphique` })31:T6fd,fiche2 = ({ titre: "Most Beautiful News of the Year 2025", auteur: "David McCandless", annee: "2025", lien: "https://informationisbeautiful.net/visualizations/most-beautiful-news-of-the-year/", regime: "infographie", // exploratoire · explicatif · infographie // D'où sort-elle, qui l'a produite, et qu'est-ce qui manque ? p1: `News Reports`, // À quelle question ce graphique répond-il ? Est-elle écrite ? p2: `Quelle est la meilleure nouvelle de l'année ? oui`, // Quelle variable visuelle porte quoi — et en est-elle capable ? p3: `la taille d'une nouvelle correspond a son niveau d'importance, la couleur classe les nouvelles par thématiques, les données factuel sont chiffrés`, // Qu'affirme le texte, et le dessin le porte-t-il ? p4: `Le dessin soutient l'affirmation de manière purement émotionnelle. Il ne cherche pas à comparer les données entre elles de façon rigoureuse, mais à créer un "mur" d'optimisme qui valide visuellement le titre de l'œuvre.`, // Qu'est-ce qui a été tordu — volontairement ou non ? p5: `la taille d'une nouvelle représente son niveau d'importance, il n'y a pas d'axe pour montrer l'évolutin temporelle, c'est choix sont volontaire et permettent de privilégier l'impact émotionnel et la force d'un message d'espoir`, // Qu'est-ce que tu gardes, qu'est-ce que tu changes ? garder: `On garde : Le visuel, l'intégration du texte dans les formes, les filtres par catégories pour trier l'information, et le fonctionnement en cards cliquables qui prouve la source journalistique. On améliore : ajout d' une légende claire pour avertir que la taille des bulles n'est pas proportionnelle à une donnée mathématique, et on intègre des infobulles au survol pour offrir du contexte direct` })32:T795,fiche3 = ({ titre: "Onomatopées Odyssée", auteur: "Vivian Li", annee: "2025", lien: "https://pudding.cool/2025/03/language/", regime: "explicatif", // exploratoire · explicatif · infographie // D'où sort-elle, qui l'a produite, et qu'est-ce qui manque ? p1: `les données viennent de différente institutions (universités, association...)`, // À quelle question ce graphique répond-il ? Est-elle écrite ? p2: `"Comment les animaux sonnent-ils à travers les langues ?", la question est écrite`, // Quelle variable visuelle porte quoi — et en est-elle capable ? p3: `l'alphabet phonétique permet de comprendre la prononciation dans les autres langues, les couleurs permettent de comprendre les catégories de son, le regroupement spatial permet de voir les groupe qui partage la meme prononciation de ceux avec une particularité locale`, // Qu'affirme le texte, et le dessin le porte-t-il ? p4: `le texte raconte une histoire sur la structure cachée du langage, et le "dessin" (la data visualisation) rend cette structure invisible littéralement visible à l'œil nu`, // Qu'est-ce qui a été tordu — volontairement ou non ? p5: `l'équipe n'a retenu qu'un seul mot officiel pour représenter le son de l'animal dans chaque langue, l'article tire des conclusions philosophiques sur des "instincts partagés" et une "histoire universelle", mais son analyse ne repose que sur 21 langues dites "populaires", les pistes audio du site n'ont pas été enregistrées par de vrais locuteurs natifs, elles ont été générées. Les données on été tordu volontairement au profit de l'experience utilisateur`, // Qu'est-ce que tu gardes, qu'est-ce que tu changes ? garder: `on garde le code couleur par famille phonétique, les graphiques a bulles en conclusion, la decomposition du son, je change l'audio en mettant une vrai personne, avoir des variantes regionales, avoir plus de langues ` })33:T541,fiche4 = ({ titre: "Gun Deaths in Florida", auteur: "C.Chan", annee: "2014", lien: "", regime: "infographie", // exploratoire · explicatif · infographie // D'où sort-elle, qui l'a produite, et qu'est-ce qui manque ? p1: `La source viens de Florida Department of Law Enforcement `, // À quelle question ce graphique répond-il ? Est-elle écrite ? p2: `Le graphique repond à la question "Quelle est l'evolution du nombre de morts en Floride au cours des annés"`, // Quelle variable visuelle porte quoi — et en est-elle capable ? p3: `Les abscisses donne le temps de gauche a droite, les ordonnés ne donne pas correctement le nombre de morts car le 0 est en haut ce qui nous trompe sur le vrai effet de la loi de 2005`, // Qu'affirme le texte, et le dessin le porte-t-il ? p4: `Le texte est informatif et neutre il nous donne le sujet qui est le nombre de morts par arme a feu en Floride et un evenement en 2005. Le graphique montre l'incidence de la loi de 2005 sur le nombre meurte en floride`, // Qu'est-ce qui a été tordu — volontairement ou non ? p5: `L'axe des ordonnés a été inversé pour nous faire croire a une baisse de criminalité après la lois de 2005`, // Qu'est-ce que tu gardes, qu'est-ce que tu changes ? garder: `On garde les donnés brut et on change l'axe des ordonnés` }) 34:T5ca,fiche5 = ({ titre: "Evolution des gains des vainqueurs de Grand Chelem", auteur: "Chat GPT", annee: "2026", lien: "", regime: "infographie", // exploratoire · explicatif · infographie // D'où sort-elle, qui l'a produite, et qu'est-ce qui manque ? p1: `Les donnés viennent de `, // À quelle question ce graphique répond-il ? Est-elle écrite ? p2: `"Comment le gain moyen annuel des vainqueurs de tournois du Grand Chelem a-t-il évolué dans le temps (entre 1968 et 2023) ?"`, // Quelle variable visuelle porte quoi — et en est-elle capable ? p3: `l'axe des abscisse qui donne le temps qui s'ecoule, elle en est capable car les années sont de gauche à droite, l'axe des ordonnés qui donne le gain n'est pa capable car dans les donnés fournis il n'y a pas de devise pour l'argent gagné et la courbe varient en fonction des annés elle a prit en compte l'anné 2023 alors qu'il n'y a eu qu'un seul tournois ce qui fausse le resultat`, // Qu'affirme le texte, et le dessin le porte-t-il ? p4: `le texte donne le sujet qui est l'évolution des gains des vainqueurs du grand chelem et le dessin nous montre cet evolution`, // Qu'est-ce qui a été tordu — volontairement ou non ? p5: `l'anné 2023 ne devrait pas apparaitre car il n'y a eu qu'une seul compétition ce qui ne montre pas les vrais gains pour une année`, // Qu'est-ce que tu gardes, qu'est-ce que tu changes ? garder: `on garde la courbe mais on supprime l'anné 2023` })35:T5b9,synthese = `1. Des cinq objets étudiés, l'interface linguistique de The Pudding fait le meilleur travail. Elle réussit l'exploit de rendre une donnée extrêmement ardue (la phonétique internationale) intuitive et lisible d'un seul coup d'œil grâce à un excellent usage de la couleur. Cependant, cette clarté UX a un prix : le graphique sacrifie l'exhaustivité et la nuance du réel. Pour obtenir des motifs visuels ("patterns") propres et comparables, le design est obligé de réduire la richesse d'une langue vivante à un seul mot standardisé, gommant ainsi tous les dialectes et variations. 2. La présence systématique de distorsions dans ces objets prouve que la data visualisation n'est pas une science objective, mais un métier de narration où le designer manipule délibérément la réalité mathématique pour orienter l'attention. 3. Dans une visualisation générée par IA, le problème se situe presque toujours dans l'encodage et l'intention du texte. Une machine sait mapper de la donnée brute, mais elle applique une logique purement statistique, sans comprendre la psychologie de la perception. Un humain aurait fait l'essentiel autrement : il aurait volontairement "tordu" l'encodage (en choisissant une forme organique comme une fleur, ou une densité comme un essaim) pour créer une métaphore visuelle. L'humain aligne le dessin avec le texte pour générer de l'empathie, là où l'IA se contente d'aligner des chiffres. `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":"9a3db65a301d4dd6b7a91a3eaec02a5a62d81638e5ca1185202e62a0b85388a47b568ff810d0c3fc0a8220f766c67aba0ba67da1ffb83b446fcaf301baf67d26","href":"https://static.observableusercontent.com/files/9a3db65a301d4dd6b7a91a3eaec02a5a62d81638e5ca1185202e62a0b85388a47b568ff810d0c3fc0a8220f766c67aba0ba67da1ffb83b446fcaf301baf67d26","name":"guns-death.webp","type":"image/webp","lastModified":1786290420290.712,"size":25692},{"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":"216416811cf95995a709448d9efffe2dab30020948a745d368123b68781591a6cf33e5ac5e3e81e8fe9f70a27f7b4dc447a02eaa266637941e7591e9fb20b295","href":"https://static.observableusercontent.com/files/216416811cf95995a709448d9efffe2dab30020948a745d368123b68781591a6cf33e5ac5e3e81e8fe9f70a27f7b4dc447a02eaa266637941e7591e9fb20b295","name":"Mens_Tennis_Grand_Slam_Winner.csv","type":"text/csv","lastModified":1786291143654.124,"size":23545},{"id":"8f2d74af75433b182600185c701ee89ec8f0de4c173dfb79c9297474b7a69dc742a8ae2879bca0dcd9f69e7aaba566621750cfb36751d3a009d03bf6f396897a","href":"https://static.observableusercontent.com/files/8f2d74af75433b182600185c701ee89ec8f0de4c173dfb79c9297474b7a69dc742a8ae2879bca0dcd9f69e7aaba566621750cfb36751d3a009d03bf6f396897a","name":"Capture d'écran 2026-09-04 151503.png","type":"image/png","lastModified":1788527703660,"size":268896},{"id":"82de5d2dc4d0fe7b9b242fcdda35d36e6b512a2113cc056105e13fbda3e1573b729c116d3439f33061675b647e497c06408fb2bbd26dbfd1594ad91e427b1137","href":"https://static.observableusercontent.com/files/82de5d2dc4d0fe7b9b242fcdda35d36e6b512a2113cc056105e13fbda3e1573b729c116d3439f33061675b647e497c06408fb2bbd26dbfd1594ad91e427b1137","name":"Capture d'écran 2026-09-04 154221.png","type":"image/png","lastModified":1788529341727,"size":135638},{"id":"05c6243f6f0ac62b90d06e734a02111f1fa666fbf63e9bd158b9c953a1106e07fdb50b558267a432b7e07fc1c02d76e25a6176128e86c8aa7eae5f71acafcde3","href":"https://static.observableusercontent.com/files/05c6243f6f0ac62b90d06e734a02111f1fa666fbf63e9bd158b9c953a1106e07fdb50b558267a432b7e07fc1c02d76e25a6176128e86c8aa7eae5f71acafcde3","name":"Capture d'écran 2026-09-04 154313.png","type":"image/png","lastModified":1788529394230,"size":173606},{"id":"67a465022d64deb8747513880c6cf9ed0e46cd387e700f044418ea56c8b3fd0786f7c009bd1cce5365b8fce71b3b03d2197f2970eda3fd372499d9f1348d9b47","href":"https://static.observableusercontent.com/files/67a465022d64deb8747513880c6cf9ed0e46cd387e700f044418ea56c8b3fd0786f7c009bd1cce5365b8fce71b3b03d2197f2970eda3fd372499d9f1348d9b47","name":"Capture d'écran 2026-09-04 162109.png","type":"image/png","lastModified":1788531669656,"size":403627}] 2d:{"id":"7d2889c29b8d4343","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-03T14:08:13.492Z","update_time":"$D2026-09-04T14:59:49.999Z","view_time":null,"first_public_time":"$D2026-09-03T14:09:43.050Z","has_unpublished_edits":null,"fork":true,"stars":0,"starred":false,"owner":{"type":"team","id":"e9bd5385e1be4ea0","login":"yns-chb","name":"Yanis Chouhib-Forster","avatar_url":"https://avatars-next.observableusercontent.com/3e7203483aaba7276eb037b61a345f18ac0be95468edd6247876dd14a2aff383","tier":"starter_2024"},"version":284,"publish_version":284,"role":null,"authored":false,"authors":[{"type":"individual","id":"9f40d51fd8e88048","login":"yns-chb","name":"Yanis Chouhib-Forster","avatar_url":"https://avatars-next.observableusercontent.com/3e7203483aaba7276eb037b61a345f18ac0be95468edd6247876dd14a2aff383","tier":null}],"members":[{"type":"team","id":"e9bd5385e1be4ea0","login":"yns-chb","name":"Yanis Chouhib-Forster","avatar_url":"https://avatars-next.observableusercontent.com/3e7203483aaba7276eb037b61a345f18ac0be95468edd6247876dd14a2aff383","tier":"starter_2024","role":"editor"}],"comments":[],"custom_thumbnail":true,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"title":"TP 1 — Lire et critiquer une dataviz","cells":[{"id":0,"value":"# TP 1 — Lire et critiquer une dataviz\n\n**Durée : 2 h**\n\n---\n\n## ⚠️ Avant toute chose : **forke ce notebook**\n\nBouton **Fork**, en haut à droite. Sinon rien n'est enregistré.\n**Ce notebook est ton rendu**, tu en déposeras le lien sur Moodle.\n\n⚠️ Dans les cellules de réponse, écris entre les **guillemets obliques** — pas\nentre ` ' ` ni ` \" `.\n\n---\n\nAujourd'hui on n'en fabrique pas, on en lit. C'est l'ordre normal : on apprend à\njuger avant d'apprendre à produire — sinon on produit ce qu'on a déjà vu, sans\nsavoir pourquoi.\n\nÀ la fin de la séance tu sais faire deux choses :\n- lire une visualisation avec une méthode, et pas seulement avec un avis ;\n- dire **pourquoi** quelque chose ne va pas, en des termes que l'auteur pourrait\n utiliser pour la corriger.\n\nLa grille que tu utilises aujourd'hui est celle qui servira à **évaluer tous tes\nrendus**, jusqu'à la SAÉ. Garde-la.","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":7,"value":"## La grille — cinq passes de lecture\n\nTu lis chaque visualisation **cinq fois**, dans cet ordre. Un axe à la fois.\n\n| | Passe | La question |\n|---|---|---|\n| 1 | **La donnée** | D'où sort-elle, qui l'a produite, et **qu'est-ce qui manque** ? |\n| 2 | **L'intention** | À quelle question ce graphique répond-il ? Est-elle écrite ? |\n| 3 | **L'encodage** | Quelle variable visuelle porte quoi — et en est-elle capable ? |\n| 4 | **La finition** | Qu'affirme le texte, et le dessin le porte-t-il ? |\n| 5 | **L'honnêteté** | Qu'est-ce qui a été tordu — volontairement ou non ? |\n\n**Une règle** : pour chaque passe, tu écris une phrase. Pas un mot, pas une note.\nUne phrase qu'un auteur pourrait lire sans se braquer et appliquer le lendemain.","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":9,"value":"$2f","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":224,"value":"FileAttachment(\"Capture d'écran 2026-09-04 151503.png\").image()","pinned":true,"hidden":false,"mode":"ts","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":119,"value":"$30","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":231,"value":"FileAttachment(\"Capture d'écran 2026-09-04 162109.png\").image()","pinned":true,"hidden":false,"mode":"ts","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":139,"value":"$31","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":228,"value":"FileAttachment(\"Capture d'écran 2026-09-04 154313.png\").image()","pinned":true,"hidden":false,"mode":"ts","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":226,"value":"FileAttachment(\"Capture d'écran 2026-09-04 154221.png\").image()","pinned":true,"hidden":false,"mode":"ts","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":141,"value":"$32","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":186,"value":"gunsDeath = FileAttachment(\"guns-death.webp\").image()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":145,"value":"$33","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":196,"value":"### Les données de départ","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":189,"value":"mens_tennis_grand_slam_winner = await FileAttachment(\"Mens_Tennis_Grand_Slam_Winner.csv\").csv({typed: \"auto\"})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"mens_tennis_grand_slam_winner","database":"$undefined"},{"id":198,"value":"### Le prompt\n\n*fais-moi un graphique de l'évolution des gains des vainqueurs de Grand Chelem*","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":200,"value":"### Le résultat","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":188,"value":"evolutionDesGainsDesVainqueursDeGrandChelem = FileAttachment(\"Évolution des gains des vainqueurs de Grand Chelem.png\").image()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":149,"value":"$34","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":15,"value":"## Synthèse — 15 lignes\n\nPas un résumé des cinq fiches : une **prise de position**.\n\nTrois questions pour la structurer :\n\n1. Parmi les cinq, laquelle fait le mieux son travail — et à quel prix ?\n (Une visualisation réussie sacrifie toujours quelque chose : la nuance, la\n liberté du lecteur, l'exhaustivité. Nomme ce qui a été sacrifié.)\n2. Sur laquelle des cinq passes tes cinq objets sont-ils les plus faibles ?\n Ce n'est pas un hasard — qu'est-ce que ça dit du métier ?\n3. La viz d'IA : où exactement se situe le problème ? Dans la donnée, dans\n l'encodage, dans le texte ? Et qu'est-ce qu'un humain aurait fait autrement ?\n\n *Ta réponse, dans la cellule ci-dessous.*","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":154,"value":"$35","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":166,"value":"## Journal IA\n\nÀ remplir **même si tu n'as rien utilisé** — écris-le alors.\n\n1. Quels outils / quels prompts ?\n2. Qu'est-ce que ça t'a apporté ?\n3. Qu'est-ce que tu as dû corriger ?\n\n**Sans ce bloc, le rendu n'est pas évalué.**\n\n *Ta réponse, dans la cellule ci-dessous.*","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":157,"value":"journalIA = `1. J'ai utilisé gemini, comme prompt je lui envoyais les questions et un lien vers le site\n2. Ca ma permis de mieux comprendre les questions et d'avoir une piste pour les réponses. 3. J'ai du corriger des réponses qui était lié à l'interface du site car il ne la prennait pas toujours en compte (liens, filtre ou bouton)\n`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":210,"value":"# Vérification et rendu","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":213,"value":"manques = {\n const vide = (s) => !(s ?? \"\").toString().trim();\n const gabarit = (s) => /--- .* ---/.test(s ?? \"\"); // consignes non remplacées\n\n const trous = [\n ...fiches.flatMap((f, i) => [\n ...PASSES.filter(([cle]) => vide(f[cle])).map(\n ([, nom]) => `objet ${i + 1} — ${nom}`\n ),\n ...(vide(f.titre) ? [`objet ${i + 1} — titre`] : []),\n ...(vide(f.garder) ? [`objet ${i + 1} — conclusion`] : [])\n ]),\n ...(vide(synthese) || gabarit(synthese) ? [\"la synthèse\"] : []),\n ...(vide(journalIA) || gabarit(journalIA) ? [\"le journal IA\"] : [])\n ];\n\n return trous.length\n ? md`⚠️ **${trous.length} élément(s) à compléter** : ${trous.join(\" · \")}`\n : md`✅ **Ton rendu est complet.** Dépose le lien de ce notebook.`;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":216,"value":"Inputs.table(\n fiches.map((f, i) => ({\n \"N°\": i + 1,\n Titre: f.titre || \"—\",\n Régime: f.regime || \"—\",\n Passes: `${PASSES.filter(([c]) => (f[c] ?? \"\").trim()).length} / 5`,\n Conclusion: (f.garder ?? \"\").trim() ? \"✓\" : \"—\"\n })),\n { width: { \"N°\": 44, Passes: 70, Conclusion: 90 } }\n)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":220,"value":"# Synthèse des réponses","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":222,"value":"rendu = md`${[\n ...fiches.map((f, i) => ficheEnMarkdown(f, i + 1)),\n `## Synthèse\\n\\n${synthese}`,\n `## Journal IA\\n\\n${journalIA}`\n].join(\"\\n\\n---\\n\\n\")}`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":23,"value":"PASSES = [\n [\n \"p1\",\n \"La donnée\",\n \"D'où sort-elle, qui l'a produite, et qu'est-ce qui manque ?\"\n ],\n [\n \"p2\",\n \"L'intention\",\n \"À quelle question ce graphique répond-il ? Est-elle écrite ?\"\n ],\n [\n \"p3\",\n \"L'encodage\",\n \"Quelle variable visuelle porte quoi — et en est-elle capable ?\"\n ],\n [\"p4\", \"La finition\", \"Qu'affirme le texte, et le dessin le porte-t-il ?\"],\n [\"p5\", \"L'honnêteté\", \"Qu'est-ce qui a été tordu — volontairement ou non ?\"]\n]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":26,"value":"$36","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":60,"value":"ficheEnMarkdown = (f, n) => {\n const vide = \"_(à remplir)_\";\n const txt = (s) => (s ?? \"\").toString().trim();\n // dans une cellule de tableau : ni « | » ni retour à la ligne\n const cell = (s) =>\n txt(s)\n ? txt(s)\n .replace(/\\|/g, \"\\\\|\")\n .replace(/\\s*\\n\\s*/g, \" \")\n : vide;\n const par = (s) => txt(s) || vide;\n\n const identite = [f.titre, f.auteur, f.annee]\n .map(txt)\n .filter(Boolean)\n .join(\" · \");\n const lien = txt(f.lien);\n\n return [\n `## Fiche — objet n° ${n}`,\n ``,\n `| | |`,\n `|---|---|`,\n `| **Titre / auteur / année** | ${cell(identite)} |`,\n `| **Lien** | ${lien ? `<${cell(lien)}>` : vide} |`,\n `| **Régime** | ${cell(f.regime)} |`,\n ``,\n ...PASSES.flatMap(([cle, nom], i) => [\n `**${i + 1} · ${nom}** — ${par(f[cle])}`,\n ``\n ]),\n `**En une phrase : qu'est-ce que tu garderais, et qu'est-ce que tu changerais ?**`,\n ``,\n par(f.garder)\n ].join(\"\\n\");\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":63,"value":"afficheFiche = (f, n) => md`${ficheEnMarkdown(f, n)}`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":125,"value":"fiches = [fiche1, fiche2, fiche3, fiche4, fiche5]","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W37","stdlib":"2","titling":"auto"}} 2e:"$2d:body"