2e:null 2f:["$","title",null,{"children":"Charte graphique Atlas LC | fbahoken | Observable"}] 34:[] 32:{"id":"9cd03e4f695daf7a","slug":"charte-graphique-atlas-lc","title":"Charte graphique Atlas LC","thumbnail":"6275df2a9002a474f220cd84380b33ba49fdc6b93b0c43bd228abe3207d1f2ab","access_level":"public","create_time":"$D2021-07-05T12:30:10.138Z","update_time":"$D2021-07-05T13:11:23.847Z","view_time":null,"first_public_time":"$D2021-07-05T12:54:16.034Z","has_unpublished_edits":null,"fork":true,"stars":0,"starred":false,"owner":{"type":"team","id":"624739046d7bea68","login":"fbahoken","name":"fbahoken","avatar_url":"https://avatars-next.observableusercontent.com/d8c8532f3e3dccb38d3253f7918c438b1ef9476b5f483276569f2013cac46f62","tier":"starter_2024"},"version":469,"publish_version":469,"role":null,"authored":false,"authors":[{"type":"individual","id":"fe9aa4e301462174","login":"fbahoken","name":"fbahoken","avatar_url":"https://avatars-next.observableusercontent.com/d8c8532f3e3dccb38d3253f7918c438b1ef9476b5f483276569f2013cac46f62","tier":null}],"members":[{"type":"individual","id":"fe9aa4e301462174","login":"fbahoken","name":"fbahoken","avatar_url":"https://avatars-next.observableusercontent.com/d8c8532f3e3dccb38d3253f7918c438b1ef9476b5f483276569f2013cac46f62","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"title":"Charte graphique Atlas LC","cells":[{"id":0,"value":"md`# Charte graphique Atlas LC`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":20,"value":"md`**1. Principes**`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":28,"value":"md`Le but de cette charte graphique est de définir les éléments permettant de construire l'unité graphique de l'ouvrage, sans toutefois priver les auteurs de leur liberté créative. Ces éléments sont donc volontairement en nombre limité.\n\nLes cartes réalisées se font en concertation avec l'auteur du texte associé. Toutefois, la carte n'est pas forcément un reflet du texte ; elle peut tout aussi bien développer / illustrer un point précis ou mettre en image un autre aspect de la thématique traitée. `","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":66,"value":"md`**2. Formats et nommage des fichiers**`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":68,"value":"md`Toutes les cartes (hors dessins à la main) sont à remettre en format vectoriel (Adobe Illustrator .AI ou .SVG).`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":73,"value":"md`*NB : concernant le format SVG, vérifier avec Armand Colin*`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":225,"value":"md`Les fichiers doivent être nommés en concatenant les informations suivantes (se référer au chemin de fer): \n- numéro de partie\n- numéro de chapitre\n- titre de la carte\n- numéro de version\n\nExemple : *2_4_titre de la carte_v5.ai*\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":242,"value":"md`Les cartes sont à déposer au fur et à mesure sur [Sharedocs](https://sharedocs.huma-num.fr/#/5750/20409/CARTOGRAPHIE/Cartes) dans le répertoire CARTOGRAPHIE/Cartes.`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":31,"value":"md`**3. Gabarits**`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":36,"value":"md`L'atlas est au format xxx mm * yyy mm. Plusieurs formats de cartes sont possibles : \n- (à préciser)\n- (à préciser)\n- (à préciser)`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":4,"value":"md`**4. Toponymes et textes**`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":56,"value":"md`La police de caratère choisie est **Robotto** (à confirmer). Celle-ci doit être utilisée partout, sauf quand un style graphique particulier plaide pour l'utilisation d'une autre police de caractère (e.g. dessin à la main, carte historique, etc.). A suivre...`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":348,"value":"md`*Remarque : A ce stade, on ne sait pas si Armand Colin autorisera l'utilisation du point médian. Cet obstacle peut être levé en dégenrant au maximum l'écriture des textes (e.g. migrant.e.s => Personnes en migration)*`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":206,"value":"md`Penser à la hiérarchisation des titres de légendes lorsqu’il y en a et à la\nhiérarchisation des textes.`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":186,"value":"md`- Les **liens Internet** sont en romain, et pour alléger les adresses, on commence après http://... (exemple : migreurop.org)\n- Les **Noms des pays** : en Majuscule pour la première lettre et en petites majuscules s’il y\na d’autres toponymes qui sont, eux, en normal ; sinon les pays sont en normal.\n- **Accentuer les lettres capitales** (É À Ù etc.)\n- **Séparer les milliers insécables**\n- **Utiliser les guillemets français « »**`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":63,"value":"md`- **Les titres** : hors de la carte (hors du ficher svg/ai)\n- **Les sources** : au bas de la carte à droite dans la mesure du possible, mettre la date et mettre un\npoint à la fin. 80 % de noir et taille 6pt\n- **Titre de légende** : 100 % de noir et taille 8pt (gras)\n- **Texte de la légende** : 100 % de noir et taille entre 6 et 8pt\n- **Notes** : 100 % de noir et taille entre 6 et 7pt`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":125,"value":"{\n let w = 400;\n const svg = d3\n .create(\"svg\")\n .attr(\"viewBox\", [0, 0, w, 100])\n .style(\"width\", `${w}pt`)\n .style(\"height\", \"auto\")\n .style(\"background-color\", \"#f7f7f7\");\n\n svg\n .append(\"g\")\n .selectAll('text')\n .data(fonts)\n .join('text')\n .attr('transform', (d, i) => `translate(${w / 2},${i * 20})`)\n .attr('dy', 25)\n .style('font-family', 'Roboto')\n .text(d => d.label)\n .attr(\"font-weight\", d => d.weight)\n .attr(\"font-style\", d => d.style)\n .attr(\"text-anchor\", \"middle\")\n .attr(\"font-size\", d => d.size)\n .attr(\"fill\", d => d.col)\n .attr(\"opacity\", d => d.opacity);\n\n return svg.node();\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":197,"value":"md`*NB : Ne pas coller les textes au bord de la carte. prévoir des filets (bordure blanche) de 2 millimètres autour des cartes et autres documents.*`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":81,"value":"md`**5. Couleurs**`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":283,"value":"md`La choix des couleurs est laissé à la liberté des auteurs. Néanmoins, leur utilisation n'est pas neutre en cartographie. Bien réfléchir aux affects et référenciels culturels véhiculés par celles-ci (danger, genre, etc.).`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":356,"value":"md`Voici aussi quelques couleurs de base.`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":259,"value":"md`

Mers : CMJN (25,0,0,0)

`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":292,"value":"md`

Neutre 1 : CMJN (18,18,27,2)

`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":298,"value":"md`

Neutre 2 : CMJN (24,13,11,0)

`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":285,"value":"md`Pour les palettes de couleur, voir [ColorBrewer](https://colorbrewer2.org/#type=sequential&scheme=BuGn&n=3) ou [Harmonies Colorées](http://www.geotests.net/couleurs/gradients_inflex.html).`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":85,"value":"md`** 6. Barre d'échelle**`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":304,"value":"md`La barre d'échelle doit être discrète et dessinée comme suit. 80 % de noir et taille 6pt. Pas de barre d'échelle sur les cartes à l'échelle mondiale.`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":315,"value":"{\n let w = 150;\n let col = \"#575756 device-cmyk(0, 0, 0, 0.8)\";\n const svg = d3\n .create(\"svg\")\n .attr(\"viewBox\", [0, 0, w, 50])\n .style(\"width\", `${w}pt`)\n .style(\"height\", \"auto\")\n .style(\"background-color\", \"#f7f7f7\");\n\n svg\n .append(\"path\")\n .attr(\"d\", \"m 25, 25 v 7 h 100 v -7\")\n .attr(\"fill\", \"none\")\n .attr(\"stroke\", \"#575756\")\n .attr(\"stroke-width\", 0.75);\n\n svg\n .append(\"text\")\n .attr(\"x\", w / 2)\n .attr(\"y\", 25)\n .attr(\"text-anchor\", \"middle\")\n .style('font-family', 'Roboto')\n .attr(\"font-size\", d => \"6pt\")\n .attr(\"fill\", col)\n .text(\"500 km\");\n\n return svg.node();\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":440,"value":"md`**7. Ressources utiles**`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":442,"value":"md`Fonds de carte\n- [GISCO](https://ec.europa.eu/eurostat/web/gisco/geodata/reference-data/administrative-units-statistical-units/countries)\n- [GADM](https://gadm.org/)\n- [Natural Earth](https://www.naturalearthdata.com/)`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":446,"value":"md`Outils\n- [MAGRIT](http://magrit.cnrs.fr/)`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":109,"value":"md`**- Appendix -**`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":89,"value":"fonts = [\n {\n type: \"titre légende\",\n label: \"Titre de la légende\",\n col: \"#000000 device-cmyk(0, 0, 0, 1)\",\n size: \"8pt\",\n weight: \"bold\",\n style: \"none\",\n opacity: 1\n },\n\n {\n type: \"text légende\",\n label: \"Texte de la légende\",\n col: \"#000000 device-cmyk(0, 0, 0, 1)\",\n size: \"7pt\",\n weight: \"none\",\n style: \"none\",\n opacity: 1\n },\n\n {\n type: \"notes\",\n label: \"note\",\n col: \"#000000 device-cmyk(0, 0, 0, 1)\",\n size: \"7pt\",\n weight: \"none\",\n style: \"none\",\n opacity: 1\n },\n\n {\n type: \"source\",\n label: \"Sources : Banque mondiale, 2021.\",\n col: \"#575756 device-cmyk(0, 0, 0, 0.8)\",\n size: \"6pt\",\n weight: \"none\",\n style: \"none\",\n opacity: 1\n }\n]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":9,"value":"style = html``","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":106,"value":"d3 = require(\"d3@6\",\"d3-geo-scale-bar@1.0.2\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W34","stdlib":"1","titling":"auto"}} 33:"$32:body"