2c:null 2d:["$","title",null,{"children":"Plot Line chart - Indice Base 100 | Alain Ottenheimer | Observable"}] 32:T577,md` https://www.lemonde.fr/les-decodeurs/article/2017/03/21/les-manipulations-graphiques-de-marine-le-pen-sur-l-euro_5098439_4355770.html "Dans le cadre du premier débat opposant cinq prétendants à l’élection présidentielle, diffusé lundi 20 mars, sur TF1, Marine Le Pen a réaffirmé sa volonté de sortir la France de la zone euro. Pour appuyer sa position, la candidate du Front national (FN) a utilisé un graphique, montré brièvement à la caméra, qui donnait l’évolution de la production industrielle de quatre grands pays européens : la France, l’Italie, l’Espagne et l’Allemagne. Celui-ci indique, sans appel selon Mme Le Pen, le déclin des économies françaises, italiennes et espagnoles face à l’industrie allemande. Marine Le Pen n’hésite ainsi pas à affirmer, sur cette seule base, que le déclin de la production française est lié à l’introduction de la monnaie unique en 2001 : « Vous croyez pas qu’il y a quand même un lien de cause à effet entre l’Euro et ces courbes-là ? Moi je le crois. » Ce graphique n’est pas erroné ou faux en tant que tel. En revanche, son utilisation par Marine Le Pen au cours d’un débat télévision à grande audience, visible à l’écran dans un laps de temps très court, appelle plusieurs précisions." Retrouver la sequence video sur you tube à 2h05:50 https://youtu.be/KtNRZCEfMUI?t=7550 `33:[{"id":"80edb123b3719c00c9a1f8bdbb72d34dc6f9f14665a3042e6e918b36a27f71a467538e55f638a2c6bfe31700670551cbd61f82ae4072307f9864d34e44d47d15","href":"https://static.observableusercontent.com/files/80edb123b3719c00c9a1f8bdbb72d34dc6f9f14665a3042e6e918b36a27f71a467538e55f638a2c6bfe31700670551cbd61f82ae4072307f9864d34e44d47d15","name":"Image1.png","type":"image/png","lastModified":1628353354820.431,"size":280003},{"id":"0820e1c509626d6181be0cfbde9b96e4c0510d47ad8eb3a9ee3d497d152da604a757e7439a74e46be4bb62b19eb90d66545296569773e6ad7585db72f7b9d1ef","href":"https://static.observableusercontent.com/files/0820e1c509626d6181be0cfbde9b96e4c0510d47ad8eb3a9ee3d497d152da604a757e7439a74e46be4bb62b19eb90d66545296569773e6ad7585db72f7b9d1ef","name":"graph.JPG","type":"image/jpeg","lastModified":1628352415142.198,"size":93560},{"id":"f09c4957bf84fc756280901f1c9c356fea9c6bd1d1d051ff89876174055bfb3378d17b3450a12138d6a2338cdc0ca62ee63a7eb613f08f6be2d54cd754e426ca","href":"https://static.observableusercontent.com/files/f09c4957bf84fc756280901f1c9c356fea9c6bd1d1d051ff89876174055bfb3378d17b3450a12138d6a2338cdc0ca62ee63a7eb613f08f6be2d54cd754e426ca","name":"DP_LIVE_05082021171446183.csv","type":"text/csv","lastModified":1628332049269.595,"size":61439}] 30:{"id":"ea0fc1f9393643a7","slug":"plot-line-chart-indice-base-100","title":" Plot Line chart - Indice Base 100","thumbnail":"75f83959972d691f5f6f7fc0fa0c7eb97db81465624423114b12245685db1098","access_level":"public","create_time":"$D2021-08-07T10:24:02.468Z","update_time":"$D2024-11-07T14:22:22.026Z","view_time":null,"first_public_time":"$D2021-11-08T15:57:43.459Z","has_unpublished_edits":null,"fork":true,"stars":1,"starred":false,"owner":{"type":"team","id":"8abb31dbb05a1a94","login":"aotten","name":"Alain Ottenheimer","avatar_url":"https://avatars-next.observableusercontent.com/c908270df8ca89015b1f236bb9cc9fb2d79a649dbedef18f6cf2290d288650c3","tier":"starter_2024"},"version":5468,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"39f8227195038a1f","login":"aotten","name":"Alain Ottenheimer","avatar_url":"https://avatars-next.observableusercontent.com/c908270df8ca89015b1f236bb9cc9fb2d79a649dbedef18f6cf2290d288650c3","tier":null}],"members":[{"type":"individual","id":"39f8227195038a1f","login":"aotten","name":"Alain Ottenheimer","avatar_url":"https://avatars-next.observableusercontent.com/c908270df8ca89015b1f236bb9cc9fb2d79a649dbedef18f6cf2290d288650c3","tier":null,"role":"editor"},{"type":"team","id":"8abb31dbb05a1a94","login":"aotten","name":"Alain Ottenheimer","avatar_url":"https://avatars-next.observableusercontent.com/c908270df8ca89015b1f236bb9cc9fb2d79a649dbedef18f6cf2290d288650c3","tier":"starter_2024","role":"viewer"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":2,"collection":{"id":"635978eee692106d","slug":"projets","title":"1- Projets","owner":{"id":"8abb31dbb05a1a94","login":"aotten","name":"Alain Ottenheimer"}},"type":"notebook","body":{"titling":"auto","title":" Plot Line chart - Indice Base 100","cells":[{"id":4,"value":"note = md`\n# Plot Line chart - Indice Base 100\n## Méfiez-vous des graphiques...\n\nVersion 1.0\n\nSee note 1 for more data informations ^{[[1](#footnote1)]} \n\nSee note 2 for references ^{[[2](#footnote2)]} \n\nsee note 3 for to do list ^{[[3](#footnote3)]}\n\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":5316,"value":"md`## INTRODUCTION \n\nLors du débat de l'élection présidentielle de 2017; Marine Le Pen a présenté brièvement un graphique semblant prouver que la création de l'euro (janvier 2002) était la source du déclin de la production industrielle française. L'équipe des décodeurs du monde avait alors analysé le graphique et a mis en evidence les manipulations graphiques. \n\nCe notebook permet de reconstruire ce graphique avec la possibilité de faire varier l'année de la base 100. \n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":5312,"value":"md`${await FileAttachment(\"Image1.png\").image()}`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":5447,"value":"md`[lien youtube](https://youtu.be/KtNRZCEfMUI?t=7550)`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":5001,"value":"md`## DATA TABLE `","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":5203,"value":"scroll_table = table(raw_data, {\n nully: () => ' ',\n limit: 500,\n enableFilter: false,\n enableCSVDownload: true\n //columns: ['LOCATION', 'TIME', 'Value']\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2513,"value":"md``","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2455,"value":"md`\n## INTERACTION \n\n\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2459,"value":"viewof date_ref = slider({\n title: \"Choisissez l'année de la base 100\",\n min: 1955,\n max: 2015,\n step: 1,\n value: 2001,\n description: \"\"\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":5014,"value":"md`\n## GRAPHICS \n\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":5256,"value":"toto = Plot.plot({\n y: {\n grid: true,\n label: \"↑ indice\"\n },\n x: {\n grid: true,\n label: \"→ année\"\n },\n style: {\n background: \"white\",\n color: \"grey\"\n },\n height: 500,\n marginTop: 50,\n marginRight: 50,\n marginBottom: 40,\n color: {\n domain: [\"FRA\", \"DEU\", \"ESP\", \"ITA\"],\n range: [\"blue\", \"red\", \"yellow\", \"green\"]\n },\n marks: [\n Plot.ruleY([0]),\n Plot.line(data_base, {\n x: \"date\",\n y: \"value\",\n z: \"pays\",\n stroke: \"pays\"\n }),\n Plot.text(data_base, {\n filter: (d) => d.annee == 2020,\n x: \"date\",\n y: \"value\",\n text: \"pays\",\n dx: +15\n }),\n Plot.dot(\n data_base.filter((d) => d.annee == date_ref),\n //data_base,\n {\n x: \"date\",\n y: \"value\",\n r: 2,\n fill: \"lightgrey\"\n }\n )\n ]\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2510,"value":"md``","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":5052,"value":"md`\n## DATA \n\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":5054,"value":"md`\n### Dataset 1 \n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":5199,"value":"raw_data = FileAttachment(\"DP_LIVE_05082021171446183.csv\").csv()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":5061,"value":"md`\n## DATA TREATMENT \n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":5226,"value":"base_ref = {\n const temp = raw_data\n .filter(d => d.TIME == date_ref)\n .map(row => ({\n ...row\n }));\n return temp;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":5193,"value":"data_base = {\n let data_base = [];\n for (let i = 0; i < base_ref.length; i++) {\n let pays = base_ref[i].LOCATION;\n let value = base_ref[i].Value;\n for (let j = 0; j < raw_data.length; j++) {\n if (raw_data[j].LOCATION == pays) {\n data_base.push({\n annee: raw_data[j].TIME,\n date: new Date(raw_data[j].TIME),\n pays: raw_data[j].LOCATION,\n value: (100 * raw_data[j].Value) / value\n });\n }\n }\n }\n return data_base.filter(\n d =>\n (d.pays == \"FRA\") |\n (d.pays == \"DEU\") |\n (d.pays == \"ESP\") |\n (d.pays == \"ITA\")\n );\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":5406,"value":"data_base.filter((d) => d.annee == date_ref)[0]","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":5072,"value":"md`\n## CONFIGURATION \n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":5073,"value":"md`\n## REFERENCE \n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":5078,"value":"md`\n## IMPORT \n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":5112,"value":"import { select, color, radio, slider, checkbox } from \"@jashkenas/inputs\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":5116,"value":"d3 = require(\"d3@6\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":5204,"value":"import { table } from \"@gampleman/table\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":5123,"value":"md`\n## NOTES \n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":5129,"value":"footnote = (referencingCellName, number, text) => {\n return html`

^ ${text}

`;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":5127,"value":"footnote1 = footnote(\"note\", 1, \"Data informations\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1432,"value":"md`\n\nSite OCDE production total (fabrication + construction)\n\nLa production industrielle désigne la production des entités industrielles et recouvre des secteurs tels que l'extraction minière, les activités manufacturières, électricité, gaz et eau et climatisation. \nCet indicateur prend la forme d'un indice qui exprime les variations de volume de production par rapport à une période de référence.\n\nBase 100 : Idée est de mesurer l’évolution relative des données depuis cette référence arbitraire\n\n${await FileAttachment(\"graph.JPG\").image()}\n\n\n\nhttps://data.oecd.org/fr/industry/production-industrielle.htm \nCes données sont présentées dans le tableau suivant :\n\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":5132,"value":"footnote2 = footnote(\"note\", 2, \"References\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":5441,"value":"$32","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":5135,"value":"footnote3 = footnote(\"note\", 3, \"To Do List\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":5150,"value":"md``","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2528,"value":"md``","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1862,"value":"md``","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2285,"value":"md``","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W33","stdlib":"1"}} 31:"$30:body"