2a:null 2b:["$","title",null,{"children":"TP 1 — Lire et critiquer une dataviz | izya thiriet | 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:T788,fiche1 = ({ titre: "Percentage of Romance Novel Covers Featuring...", auteur: "Alice Liang", annee: "2023", lien: "https://pudding.cool/2023/10/romance-covers/", regime: "Explicatif", // exploratoire · explicatif · infographie // D'où sort-elle, qui l'a produite, et qu'est-ce qui manque ? p1: `Tiré de l'article « What does a happily ever after look like ? » d'Alice Liang, Jan Diehm et Sandra Chiu, ce graphique découpé en trois parties mériterait d'être complété par un visuel global regroupant toutes les données pour offrir une véritable vue d'ensemble. '`, // À quelle question ce graphique répond-il ? Est-elle écrite ? p2: `Qu'est ce qui est représenté sur les couvertures de romances aujourd'hui? La question est écrite dans un texte juste au dessus du graphique qui permet de mettre en contexte la réalisation de ce graphique.`, // Quelle variable visuelle porte quoi — et en est-elle capable ? p3: `La hauteur des barres traduit clairement les pourcentages, l'axe horizontal représente l'évolution temporelle de gauche à droite, et les trois couleurs distinctes permettent de différencier immédiatement chaque catégorie. `, // Qu'affirme le texte, et le dessin le porte-t-il ? p4: `Le texte affirme que certaines couvertures sont sur ou sous représentées dans la romance, et effectivement le dessin nous le confirme par ces chiffres.`, // Qu'est-ce qui a été tordu — volontairement ou non ? p5: `Il y a peu de catégories ce qui ne permet pas d'avoir une vision d'ensemble et ce qui nous oblige à se concentrer uniquement sur celle que l'auteur à choisi de mettre en avant.`, // Qu'est-ce que tu gardes, qu'est-ce que tu changes ? garder: `Je garde la mise en forme du dessin qui est bien clair et précis mais j'ajoute quelques catégories et un grand graphique qui comprend toutes les catégories à la fois pour avoir une vue d'ensemble.` })32:T683,fiche2 = ({ titre: "Per Second", auteur: "Informationisbeautiful, Wikipedia, Britannica", annee: "2024", lien: "https://informationisbeautiful.net/2024/per-second-vibrations-cycles-waves-rate-frequency/", regime: "infographie", // exploratoire · explicatif · infographie // D'où sort-elle, qui l'a produite, et qu'est-ce qui manque ? p1: `Produite par le studio Information is Beautiful en 2024 à partir d'un fichier Google Sheets `, // À quelle question ce graphique répond-il ? Est-elle écrite ? p2: `Le graphique ne pose aucune question écrite, mais il montre à quoi ressemblent concrètement différentes vitesses d'événements qui se produisent chaque seconde.`, // Quelle variable visuelle porte quoi — et en est-elle capable ? p3: `Les chiffres classés du plus petit au plus grand permettent de bien voir les différences de vitesse et les emoji nous montre les différences d'éléments analysés, certain emoji sont cependant identiques.`, // Qu'affirme le texte, et le dessin le porte-t-il ? p4: `Le texte explique qu'on peut comparer toutes les vitesses sur une même ligne, et le dessin le montre très bien grâce à une grande frise continue.`, // Qu'est-ce qui a été tordu — volontairement ou non ? p5: `Tout les éléments sont mis au même niveau sans prendre en compte leurs différences de fonctionnement.`, // Qu'est-ce que tu gardes, qu'est-ce que tu changes ? garder: `Je garde la forme qui permet de bien voir les différences de vitesse mais je modifie les emoji par des illustrations et je classe également les éléments par catégories tel que celle du son ou celle de la lumière. ` })33:T592,fiche3 = ({ titre: "OECD Regional Well-Being", auteur: "OCDE", annee: "2024", lien: "https://www.oecdregionalwellbeing.org/NL32.html", regime: "exploratoire", // exploratoire · explicatif · infographie // D'où sort-elle, qui l'a produite, et qu'est-ce qui manque ? p1: `Produit par l'OCDE avec des données officielles sur la région d'Overijssel aux Pays-Bas.`, // À quelle question ce graphique répond-il ? Est-elle écrite ? p2: `Le graphique ne pose aucune question écrite, le graphique montre quelle est la qualité de vie dans cette région du monde.`, // Quelle variable visuelle porte quoi — et en est-elle capable ? p3: `La longueur des pétales de la fleur montre clairement la note attribuée à chaque thème et chaques couleurs nous montre un thème associé comme la santé, la sécurité ou l'environnement.`, // Qu'affirme le texte, et le dessin le porte-t-il ? p4: `Le texte affirme qu'on peut mesurer le bien-être avec 11 thèmes différents, ce que la forme de la fleur illustre.`, // Qu'est-ce qui a été tordu — volontairement ou non ? p5: `D'autre thème peuvent être important pour la population mais le graphique ne se concentre que sur 11 thèmes principaux.`, // Qu'est-ce que tu gardes, qu'est-ce que tu changes ? garder: `Je garderai la forme de fleur mais j'ajouterai d'autre thème peut être un peu plus secondaire tel que la tolérance, etc.` })34:T676,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: `Provenant du Florida Department of Law Enforcement et traitées par Reuters, ces données ne prennent pas en compte l'évolution démographique de la région sur la période concernée.`, // À quelle question ce graphique répond-il ? Est-elle écrite ? p2: `Le graphique ne pose aucune question écrite, il répond à la question de l'évolution des homicides par arme à feu en Floride suite à la loi 'Stand Your Ground'`, // Quelle variable visuelle porte quoi — et en est-elle capable ? p3: `Le temps figure en abscisse et le nombre de meurtres en ordonnée. Cependant, l'inversion de l'axe vertical nuit à la lisibilité des données, malgré l'utilisation de la couleur.`, // Qu'affirme le texte, et le dessin le porte-t-il ? p4: `Le texte et l'annotation montrent une baisse des décès après 2005, mais le dessin montre en réalité une hausse du nombre de meurtres avant la baisse après 2005.`, // Qu'est-ce qui a été tordu — volontairement ou non ? p5: `L'axe vertical a été inversé pour que la courbe monte quand les meurtres baissent, ce qui trompe complètement la lecture visuelle naturelle mais je ne pense pas que c'était volontaire.`, // Qu'est-ce que tu gardes, qu'est-ce que tu changes ? garder: `Je garderais le sujet percutant, mais je changerais le sens de l'axe vertical pour remettre le zéro en bas afin de ne pas inverser la réalité des chiffres.` })35:T5c9,fiche5 = ({ titre: "Evolution des gains des vainqueurs de grand chelem", auteur: "IA", annee: "2024", lien: "", regime: "infographie", // exploratoire · explicatif · infographie // D'où sort-elle, qui l'a produite, et qu'est-ce qui manque ? p1: `Elle a été générée par une IA à partir d'un fichier de données. Il manque des précisions sur l'ajustement selon l'inflation et la distinction entre le circuit masculin et féminin.`, // À quelle question ce graphique répond-il ? Est-elle écrite ? p2: `Cela répond à la question du prompt posé à l'IA : fais-moi un graphique de l’évolution des gains des vainqueurs de Grand Chelem, le titre nous donne presque cette information.`, // Quelle variable visuelle porte quoi — et en est-elle capable ? p3: `C'est un graphique en ligne dont l'axe horizontal représente le temps et l'axe vertical représente le gain moyen annuel, sauf que ici il manques des informations.`, // Qu'affirme le texte, et le dessin le porte-t-il ? p4: `Le graphique affirme une hausse des gains des vainqueurs du grand chelem et effectivement la courbe nous le montre bien.`, // Qu'est-ce qui a été tordu — volontairement ou non ? p5: `Il manque des informations préciseuses tel que l'unité de monnaie, de quel tournois nous parlons, etc.`, // Qu'est-ce que tu gardes, qu'est-ce que tu changes ? garder: `Je garde l'aspect visuel du graphique mais j'ajoute toutes les informations manquantes. ` })36:Td8f,journalIA = `J'ai utilisé gemini pour quelques questions mais pas toutes. Voici les prompts utilisés : "Dans le cadre d'un travail je doit lire et critiquer une dataviz, voila deja ce que j'ai produit et je t'envoie également la capture d'ecran de la dataviz que j'étudie : fiche1 = ({ titre: "Percentage of Romance Novel Covers Featuring...", auteur: "Alice Liang", annee: "2023", lien: "https://pudding.cool/2023/10/romance-covers/", regime: "Explicatif", // exploratoire · explicatif · infographie // D'où sort-elle, qui l'a produite, et qu'est-ce qui manque ? p1: C'est un graphique sortie de l'article "what does a happily ever after look like ?" écrit par Alice Liang avec Jan Diehm et illustré par Sandra Chiu. Je dirais que pour qu'il soit complet il manque un grand graphique plus général puisque celui qui nous est proposé est découpé en 3 morceaux. En avoir un seul qui les regroupe en plus des 3 parties nous permetterai d'avoir une vue d'ensemble. p2: Qu'est ce qui est représenté sur les couvertures de romances aujourd'hui? La question est écrite dans un texte juste au dessus du graphique qui permet de mettre en contexte la réalisation de ce graphique., Aide moi à repondre à cette question : Quelle variable visuelle porte quoi — et en est-elle capable ?" "transforme moi ca en une seule phrase : C'est un graphique sortie de l'article "what does a happily ever after look like ?" écrit par Alice Liang avec Jan Diehm et illustré par Sandra Chiu. Je dirais que pour qu'il soit complet il manque un grand graphique plus général puisque celui qui nous est proposé est découpé en 3 morceaux. En avoir un seul qui les regroupe en plus des 3 parties nous permetterai d'avoir une vue d'ensemble." "meme chose avec ca reduit bien stp : La hauteur des barres porte la donnée quantitative du pourcentage de couvertures présentant la caractéristique donnée, elle est efficace pour qu eles pourcentage de couverture son bien lisible et claire. Les différentes hauteur de barres permettes également d'y voir bien claire. La position sur l'axe horizontale nous donne la données de temporalité, elle est efficace puique on lit bien le temps du gauche à droite et claire puisque que les années évoluent avec le défilement des barres verticales. Les couleurs portent la caractéristique de petit chaque graphique, les trois couleurs distincts permettent de bien se repérer." "aide moi à remplir ca à partir du graphique que je te donne : fiche2 = ({ titre: "Per Second", auteur: "", annee: "", lien: "", regime: "", // exploratoire · explicatif · infographie // D'où sort-elle, qui l'a produite, et qu'est-ce qui manque ? p1: , // À quelle question ce graphique répond-il ? Est-elle écrite ? p2: , // Quelle variable visuelle porte quoi — et en est-elle capable ? p3: , // Qu'affirme le texte, et le dessin le porte-t-il ? p4: , // Qu'est-ce qui a été tordu — volontairement ou non ? p5: , // Qu'est-ce que tu gardes, qu'est-ce que tu changes ? garder: voila le graphique : https://informationisbeautiful.net/2024/per-second-vibrations-cycles-waves-rate-frequency/" Parfois je n'arrivais pas à répondre à des questions et ca à pu me donner des pites mais ce n'ai pas arrivé que je fasse un copier collé entier de la phrase. Souvent l'IA utilise des mots compliqués et des phrases très complexes. Je repassais derrière pour mettre des mots qui correspondaient mieux avec ce que je voulais écrire. `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":"216416811cf95995a709448d9efffe2dab30020948a745d368123b68781591a6cf33e5ac5e3e81e8fe9f70a27f7b4dc447a02eaa266637941e7591e9fb20b295","href":"https://static.observableusercontent.com/files/216416811cf95995a709448d9efffe2dab30020948a745d368123b68781591a6cf33e5ac5e3e81e8fe9f70a27f7b4dc447a02eaa266637941e7591e9fb20b295","name":"Mens_Tennis_Grand_Slam_Winner.csv","type":"text/csv","lastModified":1786291143654.124,"size":23545},{"id":"8439f219f553cfa2dd18ed22e2bc768543c1a93780a3f406b08c726be22280d5a69b2414e9991349d074a11a24ed1bfd1e4d377e650368f1c90fee24c0b2c713","href":"https://static.observableusercontent.com/files/8439f219f553cfa2dd18ed22e2bc768543c1a93780a3f406b08c726be22280d5a69b2414e9991349d074a11a24ed1bfd1e4d377e650368f1c90fee24c0b2c713","name":"Capture d'écran 2026-09-02 144418.png","type":"image/png","lastModified":1788353058186,"size":22999},{"id":"ceee949ea6deeb05f4484c58c6d8508f1b1477659e5edf3951f234a02d0b986fcc11e77cfffb5c09d28d4e44efbed937dfa797a1217ae01e35fa71d93a4555a2","href":"https://static.observableusercontent.com/files/ceee949ea6deeb05f4484c58c6d8508f1b1477659e5edf3951f234a02d0b986fcc11e77cfffb5c09d28d4e44efbed937dfa797a1217ae01e35fa71d93a4555a2","name":"Capture d'écran 2026-09-03 164229.png","type":"image/png","lastModified":1788446549296,"size":102143},{"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":"85fd51f5f804555444142bf50409ca7990adf3f9cee7def867e55acec158c8d714e6ee1152b74e7cd4ae206ce24ce4200173e0529178830ee5ef95906e91b549","href":"https://static.observableusercontent.com/files/85fd51f5f804555444142bf50409ca7990adf3f9cee7def867e55acec158c8d714e6ee1152b74e7cd4ae206ce24ce4200173e0529178830ee5ef95906e91b549","name":"IIB-SM-Per-Second.png","type":"image/png","lastModified":1788445435450,"size":179736}] 2e:{"id":"2718d267ba4b1ef8","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-03T15:43:11.846Z","update_time":"$D2026-09-03T17:28:47.116Z","view_time":null,"first_public_time":"$D2026-09-03T15:43:40.307Z","has_unpublished_edits":null,"fork":true,"stars":0,"starred":false,"owner":{"type":"team","id":"f5f72b5c7e8bdc26","login":"izyaa","name":"izya thiriet","avatar_url":"https://avatars-next.observableusercontent.com/314f6c7b1082c94fa49aa4f73897914a2672f833991c93d208af9aa9a6442584","tier":"starter_2024"},"version":278,"publish_version":278,"role":null,"authored":false,"authors":[{"type":"individual","id":"ccf01652b8045b26","login":"izyaa","name":"izya thiriet","avatar_url":"https://avatars-next.observableusercontent.com/314f6c7b1082c94fa49aa4f73897914a2672f833991c93d208af9aa9a6442584","tier":null}],"members":[{"type":"team","id":"f5f72b5c7e8bdc26","login":"izyaa","name":"izya thiriet","avatar_url":"https://avatars-next.observableusercontent.com/314f6c7b1082c94fa49aa4f73897914a2672f833991c93d208af9aa9a6442584","tier":"starter_2024","role":"editor"}],"comments":[],"custom_thumbnail":true,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"titling":"auto","title":"TP 1 — Lire et critiquer une dataviz","cells":[{"id":0,"value":"# TP 1 — Lire et critiquer une dataviz\n\n**Durée : 2 h**\n\n---\n\n## ⚠️ Avant toute chose : **forke ce notebook**\n\nBouton **Fork**, en haut à droite. Sinon rien n'est enregistré.\n**Ce notebook est ton rendu**, tu en déposeras le lien sur Moodle.\n\n⚠️ Dans les cellules de réponse, écris entre les **guillemets obliques** — pas\nentre ` ' ` ni ` \" `.\n\n---\n\nAujourd'hui on n'en fabrique pas, on en lit. C'est l'ordre normal : on apprend à\njuger avant d'apprendre à produire — sinon on produit ce qu'on a déjà vu, sans\nsavoir pourquoi.\n\nÀ la fin de la séance tu sais faire deux choses :\n- lire une visualisation avec une méthode, et pas seulement avec un avis ;\n- dire **pourquoi** quelque chose ne va pas, en des termes que l'auteur pourrait\n utiliser pour la corriger.\n\nLa grille que tu utilises aujourd'hui est celle qui servira à **évaluer tous tes\nrendus**, jusqu'à la SAÉ. Garde-la.","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":7,"value":"## La grille — cinq passes de lecture\n\nTu lis chaque visualisation **cinq fois**, dans cet ordre. Un axe à la fois.\n\n| | Passe | La question |\n|---|---|---|\n| 1 | **La donnée** | D'où sort-elle, qui l'a produite, et **qu'est-ce qui manque** ? |\n| 2 | **L'intention** | À quelle question ce graphique répond-il ? Est-elle écrite ? |\n| 3 | **L'encodage** | Quelle variable visuelle porte quoi — et en est-elle capable ? |\n| 4 | **La finition** | Qu'affirme le texte, et le dessin le porte-t-il ? |\n| 5 | **L'honnêteté** | Qu'est-ce qui a été tordu — volontairement ou non ? |\n\n**Une règle** : pour chaque passe, tu écris une phrase. Pas un mot, pas une note.\nUne phrase qu'un auteur pourrait lire sans se braquer et appliquer le lendemain.","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":9,"value":"$30","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":119,"value":"$31","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":139,"value":"$32","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":141,"value":"$33","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":186,"value":"gunsDeath = FileAttachment(\"guns-death.webp\").image()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":145,"value":"$34","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":196,"value":"### Les données de départ","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":189,"value":"mens_tennis_grand_slam_winner = await FileAttachment(\"Mens_Tennis_Grand_Slam_Winner.csv\").csv({typed: \"auto\"})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"mens_tennis_grand_slam_winner","database":"$undefined"},{"id":198,"value":"### Le prompt\n\n*fais-moi un graphique de l'évolution des gains des vainqueurs de Grand Chelem*","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":200,"value":"### Le résultat","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":188,"value":"evolutionDesGainsDesVainqueursDeGrandChelem = FileAttachment(\"Évolution des gains des vainqueurs de Grand Chelem.png\").image()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":149,"value":"$35","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":15,"value":"## Synthèse — 15 lignes\n\nPas un résumé des cinq fiches : une **prise de position**.\n\nTrois questions pour la structurer :\n\n1. Parmi les cinq, laquelle fait le mieux son travail — et à quel prix ?\n (Une visualisation réussie sacrifie toujours quelque chose : la nuance, la\n liberté du lecteur, l'exhaustivité. Nomme ce qui a été sacrifié.)\n2. Sur laquelle des cinq passes tes cinq objets sont-ils les plus faibles ?\n Ce n'est pas un hasard — qu'est-ce que ça dit du métier ?\n3. La viz d'IA : où exactement se situe le problème ? Dans la donnée, dans\n l'encodage, dans le texte ? Et qu'est-ce qu'un humain aurait fait autrement ?\n\n *Ta réponse, dans la cellule ci-dessous.*","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":154,"value":"synthese = `Je trouve que la première dataviz que j'ai analysée était celle qui faisait le mieux son travail car elle répondait à une question de manière efficace. Je l'ai trouvée agréable à analyser car elle était simple avec un aspect visuel attractif. Je trouve cependant qu'elle sacrifie la nuance par son pauvre choix de thèmes.\nSur l'encodage je trouve que les objets on été faible puisque que certaine variables visuelles ne portent pas l'élément voulu ou que la représentation est faible. Cela dit que parfois notre graphique une fois visualisé par autrui n'ai plus aussi clair qu'on le pensait en le faisant. Le problème se situe en partie dans le prompt produit par l'humain. Il manque de précision et de contexte. Le problème également est le manque d'efficacité de l'ia, elle n'ai pas forcement la meilleure chose à utiliser pour produire un graphique. Un humain aurait surement été plus efficace puisque il aurait lu ce qu'il a devant les yeux et ce serai rendu compte du problème.\n\n\n`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":166,"value":"## Journal IA\n\nÀ remplir **même si tu n'as rien utilisé** — écris-le alors.\n\n1. Quels outils / quels prompts ?\n2. Qu'est-ce que ça t'a apporté ?\n3. Qu'est-ce que tu as dû corriger ?\n\n**Sans ce bloc, le rendu n'est pas évalué.**\n\n *Ta réponse, dans la cellule ci-dessous.*","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":157,"value":"$36","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"