Atelier Cartographie Débutants
16 Octobre 2018 - Institut des systèmes complexes
Clémentine Cottineau, Géographe, CNRS, CMH
clementine.cottineau@ens.fr
Objectifs:
Apprendre à représenter des informations localisées sous forme de cartes thématiques et savoir manipuler des outils adaptés à ses besoins de représentation (cartographie automatique, projection d'un nuage de points, dessin vectoriel, programmation).
Carto thématique
La carte thématique est une représentation de données statistiques spatialisées (par opposition aux cartes topographiques, IGN par ex.).
http://www.cartomundi.fr/site/E01.aspx?FC=56324

Programme
- Introduction aux principes cartographiques
- Réaliser des cartes automatiques
- Magrit
- Gmaps?
- Créer des fonds et habiller une carte
- Inkscape
- La cartographie dans une chaîne de traitement
- R?
Introduction
Une carte est une représentation géométrique plane, simplifiée, conventionnelle et réduite de tout ou partie de la surface terrestre, et ceci dans un rapport de similitude convenable que l'on appelle « échelle ». [Joly, 1976]
Introduction
Une carte est une représentation géométrique plane, simplifiée, conventionnelle et réduite de tout ou partie de la surface terrestre, et ceci dans un rapport de similitude convenable que l'on appelle « échelle ». [Joly, 1976]
> Projection
Projections


Conique
Conserve les surfaces (équivalente)
ex. Albers
Cylindrique
Conserve les angles (conforme)
ex. Miller, Mercator


Azimuthale
Conserve les distances (équidistante)
ex. Lambert


Projections
Fuller
Avantage: en ajoutant des languettes, on peut en faire
un dé à 20 faces

A vous de jouer :)

Introduction
Une carte est une représentation géométrique plane, simplifiée, conventionnelle et réduite de tout ou partie de la surface terrestre, et ceci dans un rapport de similitude convenable que l'on appelle « échelle ». [Joly, 1976]
> Généralisation
Généralisation
Introduction
Une carte est une représentation géométrique plane, simplifiée, conventionnelle et réduite de tout ou partie de la surface terrestre, et ceci dans un rapport de similitude convenable que l'on appelle « échelle ». [Joly, 1976]
> Variables visuelles: moyens graphiques permettant une transmission conventionnelle de l’information géographique sur une carte [Bertin, 1960]
Variables visuelles
« La plus restreinte de ces données est la ligne, affaire de mesure seulement. Ses modalités dépendent de segments (longs ou courts), d'angles (aigus ou obtus), de longueur de rayon, de distances focales - toutes choses mesurables. »
Variables visuelles
« La plus restreinte de ces données est la ligne, affaire de mesure seulement. Ses modalités dépendent de segments (longs ou courts), d'angles (aigus ou obtus), de longueur de rayon, de distances focales - toutes choses mesurables. »

1937, 153; Révolution des Viaductes
Huile sur fond d'huile sur coton sur châssis à coins, 60 x 50 cm
Hambourg, Hamburger Kunsthalle
[Klee, Théorie de l'art moderne, 1942]
Taille - Mesure
> Variable quantitative continue

Le monde diplomatique
Variables visuelles
« D'une autre nature sont les tonalités ou valeurs de clair-obscur : les nombreuses gradations entre blanc et noir. Ce deuxième élément concerne des questions de poids. Tel degré présente une énergie blanche concentrée ou diffuse, tel autre est plus ou moins alourdi de noir. Ces degrés peuvent se peser entre eux. »
1925; Ancient sound, abstract on black
KUNSTSAMMLUNG
[Klee, Théorie de l'art moderne, 1942]

Valeur - Densité
> Variable quantitative de taux / Densités
[Eisner, 2003]

Variables visuelles
« Troisième élément : les couleurs qui offrent encore d'autres caractéristiques [...] lorsqu'on ne peut plus les distinguer par la mesure et la pesée - par exemple un jaune et un rouge de même étendue et de même luminosité - il subsiste entre eux une différence essentielle [...] . Exactement comme on NE peut comparer du sel et du sucre hormis leurs propriétés salée ou sucrée. Pour cette raison, j'aimerais appeler les couleurs des qualités.»
1927; Flore sur le sable
Huile sur toile
[Klee, Théorie de l'art moderne, 1942]
Couleur - Qualité
> Variable qualitative
https://demographics.virginia.edu/DotMap/index.html

Variables visuelles
Taille
Valeur
Couleur
Forme
Mesure, grandeur
Variable quanti continue
Graduation, densité
Variable quanti de taux
Qualité, types
Variable qualitative
Qualité, types
Variable qualitative
Crash Test Carto

Crash Test Carto


Crash Test Carto


Crash Test Carto


Crash Test Carto


Sampson, 2012
Crash Test Carto

Eléments de la carte




http://www.geographie.univ-paris8.fr/spip.php?article1382

http://www.geographie.univ-paris8.fr/spip.php?article1382
Titre
Echelle
Légende
Orientation
https://www.sciencespo.fr/cartographie/lenjeu-mondial-2017-religion-politique/
Titre
Légende
Source

Auteur
1932 Atlas of the Historical Geography of the United States.
Titre
Légende
Echelle

http://mobiliscope.parisgeo.cnrs.fr/
Titre
Légende
Source et auteurs
Titre
Légende
Source et auteurs
Eléments de la carte
Echelle
Orientation
CARTE
MAGRIT
Pour générer automatiquement des cartes lorsque l'on possède un tableau de données (quali ou quanti) et un fond de carte associé
http://magrit.cnrs.fr/
Interface
Exemple
Typage des variables
> Quelles représentations pour quels types de données?
Typage des variables
> Quelles représentations pour quels types de données?
Carte de population
> A vous de produire cette carte
Gestion des couches
Habillage - Export
> Exportez la carte en .png
Carte de taux
Discrétisation
Discrétisation
Discrétisation
Carte de taux
> A vous de jouer!
Import de données externes
> Importez le jeu de données fashionWeek.xls
Jointure de données
> Modifiez la clé de jointure si besoin
Carte qualitative
Export
Double variables
> A vous de jouer!
Projeter des points sur une carte
avec Google Maps et l'exemple des stations Vélib'
Source des données: https://opendata.paris.fr/explore/dataset/velib-emplacement-des-stations/export/
Projeter des points sur une carte
avec Google Maps et l'exemple des stations Vélib'
> https://www.google.com/maps/d/
"+ Créer une carte"
Projeter des points sur une carte
avec Google Maps et l'exemple des stations Vélib'
> Importer les données Vélib'
Projeter des points sur une carte
Colonnes "Ou?"
Colonne "Quoi?"
Projeter des points sur une carte
Style
Projeter des points
Ajouter un itinéraire
Projeter des points sur une carte
https://www.google.com/maps/d/viewer?mid=1ibAdzT9muJOMngvknoxGng656sX4DGMn&ll=48.85883318818594%2C2.3374799865046043&z=12
Inkscape
Pour retravailler/habiller des cartes générées automatiquement ou pour tracer/dessiner ses propres cartes (qualitatives, mentales, etc.)
Inkscape
- Logiciel de dessin vectoriel (≠ raster)
- Equivalent libre d'Adobe Illustrator


Doc de Granit 3
Sélection d'objets
1 click: dimensions
click-glissé: position
2 clicks: rotation

Sélection de chemins
points, angles, etc.

Création de rectangles
> dont carré en maintenant ctr appuyé

Création d'ovales
> dont cercle en maintenant ctr appuyé

Création d'étoiles
> dont triangle... = étoile à trois pointes!

Création de chemins
1 click = 1 point
1 click-glissé = création de courbes
2 clicks = fin du dessin
> Pour fermer une forme: click final sur le point de départ

Création de textes

Outil pipette: donne à l'objet sélectionné la couleur de l'objet "pipeté"

Inkscape


Commandes Permanentes
Zoom
Clone d'objets
(Dé-)grouper
Inkscape


Commandes Permanentes
Opération simple sur objets
Gestion d'objets

Commandes Activables
Commandes Permanentes
Nouveau Document
Ctr + N

Commandes Permanentes
Ouvrir un document
.svg
Ctr + O

> Ouvrir le document de travail .svg
Commandes Permanentes
Enregistrer un document
.svg ou .pdf
Ctr + S

Commandes Permanentes
Imprimer
Ctr + P

Commandes Permanentes
importer un document
raster ou vecteur
Ctr + I
> conservation des éléments vectoriels

import et calques
Vérouiller/
Dévérouiller

Rendre visible/
invisible
Calque actif
Gérer la transparence des calques

Ajouter un calque
Gérer la superposition des calques
import et calques
Commandes Permanentes
exporter un document
raster (image)
.png


Commandes Permanentes
Annuler
Ctr Z

Commandes Permanentes
Copier
Ctr C

Commandes Permanentes
Couper
Ctr X

Commandes Permanentes
Coller
Ctr V

Commandes Permanentes
Dupliquer
Ctr D

+
=
> Dupliquez l'étoile à pois
Commandes Permanentes
Sélectionner une zone de zoom

Commandes Permanentes
Zoomer sur la sélection

Commandes Permanentes
Zoomer sur la page

> Zoomez sur le rectangle vert
> Zoomez sur la page
Commandes Permanentes
Dupliquer
Ctr D

+
=
Commandes Permanentes
Cloner
Alt D
Le clone subit toutes les modifications appliquées à l'objet

Commandes Permanentes
Couper le lien du clone
Shift Alt D
Le clone devient indépendant

Commandes Permanentes
Grouper
Ctr G
Associer les objets sélectionnés

Commandes Permanentes
Dégrouper
Ctr Shift G
Dissocier des objets groupés

> Dupliquez l'ellipse bleue
> Déplacez-la
> Groupez les deux
Gestion des styles


Commandes Activables
Gestion des styles


création de flèches
Commandes Activables
Gestion des styles

> Mettez un fond jaune au rectangle rouge
> Rendre le contour de l'ellipse de la même couleur que son fond
> Pipettez ce bleu pour le rectangle vert
Commandes Activables
Gestion du texte


> Rendez le titre 1 plus gros et changez la police
Commandes Activables
Gestion des calques


Commandes Activables
Commandes Activables
Editeur XML


> Quel est l'identifiant du cercle vert ?
> Comment son contour est-il décrit ?
Commandes Activables
Gestion des alignements

> Alignez les titres... (attention aux calques)
> Répartir les formes régulièrement

vertical
horizontal
Espacements
Commandes Activables
Propriétés du document

> Changez le format en portrait
> Exportez la page en .png

Formats
Unités
Commandes Activables
Pivot à 90°


Commandes Activables
Symmétrie


Commandes Activables
Ordre de superposition
des objets sur un calque




> Faire descendre le disque jaune de 3 crans
> Finir la fleur en créant un nouveau pétale
> Faire passer tous les pétales à l'arrière plan
Commandes Activables
Coordonnées des objets
- aligner
- déplacer avec un incrément fixe

Commandes Activables
Dimension des objets

Opérations sur les objets

Dans / objet / Transformer
Sélection par attribut
> Identification du style d'un objet


> Recherche par style
> Sélectionnez les cercles de:
- même couleur de fond
- même niveau de transparance
- même épaisseur ET même couleur de contour
Gestion des calques
Dans le menu calque (Layer)
> Placez tous les pétales sur le même calque

Gestion des calques
Dans le menu chemin (Path)
> Fusionnez les pétales en un seul objet

Application
> Ouvrir martinique.svg
> Habillez la carte au mieux
> Changez la gamme de couleur
> Tracez un itinéraire
> Sélectionnez les cercles gris
R et Espace
https://framabook.org/r-et-espace/


Carto Débutant 2018
By Clémentine Cottineau
Carto Débutant 2018
- 1,120