---
title: 😷 Macarte du COVID-19
tags: TutoCarto, storymap, Macarte, COVID-19, corona, virus
image: https://i.imgur.com/N7N2O5F.png
description: Dans cet article, nous allons voir comment utiliser ses données pour réaliser notre propre carte sur l’évolution du virus.
---
#  Macarte du COVID-19
*Lundi 30 mars 2020 - #ConfinementJour14*

L'institut Johns Hopkins publie tous les jours les chiffres pays par pays des [cas de COVID-19 <i class="fa fa-external-link"></i>](https://github.com/CSSEGISandData/COVID-19).
Il produit également une [carte interactive](https://www.arcgis.com/apps/opsdashboard/index.html#/bda7594740fd40299423467b48e9ecf6) et une [déclinaison mobile](https://www.arcgis.com/apps/opsdashboard/index.html#/85320e2ea5424dfaaa75ae62e5c06e61).


Dans cet article, nous allons voir comment utiliser ses données pour réaliser notre propre carte sur l'évolution du virus.
Pour cela, nous allons utiliser le service [Ma carte <i class="fa fa-external-link"></i>](https://macarte.ign.fr/) proposé par l'IGN.

## Les données
La première étape est de charger les données sur le [dépôt CSSEGISandData](https://github.com/CSSEGISandData/COVID-19/tree/master/csse_covid_19_data/csse_covid_19_time_series).
Il y a 3 types de données par pays : les cas confirmés, les morts et les guéris.

Ce sont des fichiers csv avec une colonne pour la longitude (Long) et la latitude (Lat). En l'état, ils ne sont pas exploitables directement. Une [prochaine version](https://github.com/CSSEGISandData/COVID-19/issues/1250) des fichiers devraient intégrer le code ISO des pays, ce qui permettra de les intégrer directement dans [une carte statistique](https://macarte.ign.fr/statistique). Mais pour l'instant il nous faut les transformer en fichier géographique.

Pour cela, rendez-vous sur [cette page <i class="fa fa-external-link"></i>](https://viglino.github.io/ol-ext/examples/misc/csv2geojson.html) et glissez-déposez le fichier csv téléchargé. Choisissez les colonnes qui contiennent la longitude (Long) et la latitude (Lat) puis téléchargez le fichier [GeoJSON](https://fr.wikipedia.org/wiki/GeoJSON) résultant.

<iframe style="width:100%" height="315" scrolling="no" src="https://viglino.github.io/ol-ext/examples/misc/csv2geojson.html"></iframe>

Le format GeoJSON permet de coder de façon normalisée des données géospatiales qui seront ensuite facilement réutilisable dans une carte.

## *Ma carte*
Pour raliser la carte, nous allons utiliser le service en ligne [Ma carte statistique](https://macarte.ign.fr/statistique) développé par l'IGN.
Le service *Ma carte* est gratuit et peut être testé sans authentification. Il vous faudra cependant vous authentifier pour pouvoir enregistrer vos carte et créer une carte narrative que vous pourrez ensuite partager ou intégrer sur votre site, aussi simplement que d'intégrer une vidéo Youtube.
A noter que l'IGN propose également un service identique pour l'Education Nationale au travers de programme [Edugéo](https://www.edugeo.fr/)

<iframe width="560" height="315" src="https://www.youtube.com/embed/Z6xJTJKE-wk" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

Il offre de plus l'accès à des [cahiers pédagogiques](https://www.edugeo.fr/support/teaching-book) et des ressources spécifiques pour les enseignants.

## Création de la carte
Nous allons donc nous rendre sur le site pour réaliser une [carte statistique <i class="fa fa-external-link"></i>](https://macarte.ign.fr/statistique).
Il suffit alors de glisser-déposser le fichier GeoJSON précédemment chargé.
Il faut ensuite choisir une représentation par symbole puisque nous avons des données ponctuelles (les représentation par dégradé ou catégories ne sont disponibles que pour des surfaces). Il est également possible d'utiliser une carte de chaleur mais la trop grande disparité dans les données ne permet pas un rendu optimal.
Une fois choisi l'attribut qu'on veut cartographier, les couleurs et la méthode, la carte s'affiche.


Si cela nous permet rapidement d'avoir une idée des informations présentent dans le fichier, l'outil n'est malheureusement pas adapté à ce genre de données. En effet la taille des cercles est linéraire or sur ce type de données dont les valeurs s'échelonne de 0 à plus de 140 000 (à l'heure où nous écrivons). Une échelle logarithmique serait plus appropriée pour faire resortir des disparités en début de l'épidémie.
L'autre inconvénient est que les bulles proposées ne sont plus accessibles dans le cadre d'une carte narrative par exemple.

Un autre solution serait de charger le fichier directement dans [Ma carte](https://macarte.ign.fr/edition) qui permet, au travers d'outils de sélection, de choisir la symbolisation des points à la main. Mais cela risque d'être fastidieux surtout si on doit raliser la carte tous les jours...

Autrement dit, il va falloir mettre les mains dans le code.

## Hack Ma carte
Pour cela, je vous ai préparé un petit code à partager, modifier, améliorer sur [CodePen <i class="fa fa-external-link"></i>](https://codepen.io/viglino/pen/ExjGjGJ).
Le rédultat s'affiche ci-dessous.

<iframe height="480" style="width: 100%;" scrolling="no" title="[Macarte] coronavirus" src="https://codepen.io/viglino/embed/ExjGjGJ?height=480&theme-id=dark&default-tab=result" frameborder="no" allowtransparency="true" allowfullscreen="true">
See the Pen <a href='https://codepen.io/viglino/pen/ExjGjGJ'>[Macarte] coronavirus</a> by Viglino
(<a href='https://codepen.io/viglino'>@viglino</a>) on <a href='https://codepen.io'>CodePen</a>.
</iframe>

Il vous suffit alors de glisser-déposer le fichier chargé sur le [dépôt CSSEGISandData](https://github.com/CSSEGISandData/COVID-19/tree/master/csse_covid_19_data/csse_covid_19_time_series) directement sur la carte ci-dessus, puis de choisir la date sur laquelle apliquer la statistique. Cela marche pour les trois type de fichiers disponibles.
Vous pouvez ainsi voir l'évolution des cas au cours du temps.

Cliquez ensuite sur le bouton Download pour charger un fichier carte que vous n'aure plus qu'à déposer sur le site [Ma carte <i class="fa fa-external-link"></i>](https://macarte.ign.fr/edition). Pour ajouter un nouveau calque à une carte existante (une nouvelle date) il vous suffit de choisir "conserver les données présentes sur la carte" lorsque cela vous est demandé.
Et le tour est joué.

Vous bénéficierez ainsi de tous les outils pour reprendre, modifier, intégrer la carte ou créer [une carte narrative](https://macarte.ign.fr/carte-narrative/) du type de celle présentée ci-dessous.

<iframe width="100%" height="500" src="https://macarte.ign.fr/carte-narrative/voir/02d800924adc99703bd42a5bedb5637c/Corona_Virus" frameborder="0" marginheight="0" marginwidth="0"></iframe>

[<i class="fa fa-map"></i> Voir en grand...](https://macarte.ign.fr/carte-narrative/voir/02d800924adc99703bd42a5bedb5637c/Corona+Virus)

## En savoir plus

### Cartes et narrations

* [Autre cartes narratives](https://hackmd.io/@viglino/StoryMap)
* [Le coin édugéo de l'académie de Dijon](http://histoire-geographie.ac-dijon.fr/spip.php?rubrique140)
* [EduBase #Edugeo](https://edubase.eduscol.education.fr/recherche?q=%C3%A9dug%C3%A9o)
* [La lettre Édu_Num n° 44 : utiliser Édugéo en classe](http://geoconfluences.ens-lyon.fr/actualites/veille/parutions/edu-num-44)

### Cartes du Covid-19

* [Johns Hopkins map](https://www.arcgis.com/apps/opsdashboard/index.html#/bda7594740fd40299423467b48e9ecf6)
* [Tableau de bord Etalab](https://dashboard.covid19.data.gouv.fr/)
* [Suivi du Covid-19 en France](https://mapthenews.maps.arcgis.com/apps/opsdashboard/index.html#/5df19abcf8714bc590a3b143e14a548c)
* [Covid-19: confirmed cases and extrapolation](https://covid19-dash.github.io/)
* [Coviz](https://www.coviz19.com/)

## Autre

* [La carte du déconfinement, objet éminemment politique](http://cartonumerique.blogspot.com/2020/05/la-carte-du-deconfinement.html)
* [What Happens Next?](https://ncase.me/covid-19/)