forked from ThomasRoca/DataLiteracyLecture2017
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathData Story Template.html
126 lines (96 loc) · 6.11 KB
/
Data Story Template.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<title>Data Story</title>
<!-- Library JavaScript -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/require.js/2.1.10/require.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>
<!-- Style -->
<link rel="stylesheet" type="text/css" href="http://data.afd.fr/datastory/DataStory.css">
<link href='http://data.afd.fr/OpenSans.css' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
</head>
<body>
<div tabindex="-1" id="notebook" class="border-box-sizing">
<div class="container" id="notebook-container">
<!-- HEADER -->
<header class="header_custom">
<div style="position: absolute; margin-top:15px; margin-left:15px;"><a href="https://www.dataspace.fr" title="Home"><i class="fa fa-home" aria-hidden="true" style="font-size:1.75em; color:#273B77"></i></a></div>
<div class="head_img_custom">
<a href="http://www.afd.fr" target="_self"><img src="http://data.afd.fr/header AFD.svg" style="height:56px; width:100%"></a>
<hr class="header_hr">
</div>
</header>
<br>
<br>
<p><img src="http://www.dataspace.fr/datastory/datastory.png"></p>
<br>
<p><img style="width:100%;" src="http://www.dataspace.fr/datastory/sat2.png"></p>
<br>
<!-- FIN HEADER -->
<h3>A propos des #DataStory</h3>
<ul>
<li>Une <em>#DataStory</em> est l'analyse <em>#DataDriven</em> d'une zone géographique ou encore d'une thématique. </li>
<li>Elle a pour objectif d'identifier les besoins locaux pour maximiser et prioriser nos activités</li>
<li>C'est une aventure collective construite autour d'équipe de 10-15 agents (géo, technique, #digitalab)</li>
<li>Le mode opératoire est le <em>makestorming</em>: trois 1/2 journées de travail collectif</li>
<li>C'est enfin un outils de capitalisation et de communication qui a vocation à être approprié, amélioré, répliqué.</li>
</ul>
<p><em>Crédits: #CHAG</em></p>
<hr>
<h3>A propos de l'initiative Sahel 2017</h3>
<p>
L’Initiative Sahel constitue la contribution de l’Agence Française de Développement à la stratégie sahélo-saharienne de la France face aux crises multiples en cours dans la région. Elle est une déclinaison opérationnelle du Plan d’Action Sahel de l’AFD, validé en décembre 2015, sur son volet « vulnérabilités face aux crises ».
</p>
<hr>
<h2 >Sommaire:</h2>
<hr>
<h4>1. Introduction: contexte socio-économique</h4>
<h4>2. Enjeux démographiques</h4>
<h4>3. Développement local</h4>
<h4>4. Insertion socioéconomique des jeunes</h4>
<h4>5. Gouvernance et sécurité</h4>
<h4>6. Conclusion</h4>
<br><br>
<h2>I. Introduction</h2>
<hr>
<p>
<img style="width:100%;" src="https://www.dataspace.fr/datastory/socioeco_Mercy%20Corps.png">
</p>
<em><small>Copyright: Mercy Corps</small></em>
<br>
<h3>Le contexte socio-économique</h3>
<br>
<p>Le Sahel est une vaste zone traversant plusieurs pays, dotée d’atouts importants mais qui connaît depuis plusieurs années une série de crises multiformes, qui se superposent et s’amplifient.
L’analyse menée pour définir la présente stratégie d’intervention révèle que les vulnérabilités profondes qui sous-tendent ces crises sont multiples, parmi lesquelles:</p>
<ul>
<li>une extrême vulnérabilité aux aléas climatiques</li>
<li>une croissance fragile et inégalitaire</li>
<li>une transition démographique loin d’être inachevée</li>
<li>une pauvreté chronique et un faible développement humain</li>
<li>de fortes tensions autour des ressources naturelles</li>
<li>un déficit de gouvernance structurelle</li>
<li><em>in fine</em>, des contrats sociaux sous tension. </li>
</ul>
<p>Toutefois, l’analyse met en lumière plusieurs facteurs de résilience qui sont autant de leviers à renforcer. Il s’agit, entres autres:</p>
<ul>
<li>d’une forte demande d’Etat</li>
<li>de mécanismes locaux d’entraide et de solidarité</li>
<li>d’une importante mobilisation régionale et internationale</li>
<li>d’une coordination renforcée en matière de diplomatie, de sécurité et de développement</li>
<li>et enfin des mesures prises par les différents pays dans la lutte contre le trafic illicite, la corruption, le crime organisé et le terrorisme.</li>
</ul><br>
<br>
<h3>Vulnérabilité aux aléas climatiques et crises</h3>
<!-- Lien vers le JsFiddle: https://jsfiddle.net/ThomasRoca/cbypwt0n/ -->
<iframe width="100%" height="475" src="http://jsfiddle.net/ThomasRoca/cbypwt0n/embedded/result/" allowfullscreen="allowfullscreen" frameborder="0"></iframe>
La région sahélienne est soumise à une extrême vulnérabilité face aux aléas climatiques et est en proie à des sécheresses récurrentes, à la désertification et à des inondations. Du fait de sa récurrence et de son intensité, l’instabilité climatique a des impacts importants sur les moyens de subsistance des populations et la sécurité alimentaire avec des conséquences particulièrement marquées et durable. Ces changements climatiques induisent de nombreuses conséquences : augmentation des tensions communautaires autour des ressources naturelles, fragilisation des systèmes de production et les modes de vie des populations (notamment agropastorales), impact négatif sur les économies qui reposent en grande partie sur l’agriculture et l’élevage.<br>
<br>
<h3>Population au Sahel</h3>
<!-- Lien vers carte sur carto: https://rocathomas.carto.com/builder/42343755-3a3b-4ee2-9c32-724c77ecda82/embed-->
<iframe width="100%" height="520" frameborder="0" src="https://rocathomas.carto.com/builder/42343755-3a3b-4ee2-9c32-724c77ecda82/embed" allowfullscreen webkitallowfullscreen mozallowfullscreen oallowfullscreen msallowfullscreen></iframe>
</div> <!-- fin div 1-->
</div> <!-- fin div 2-->
</body>