-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathchart_conflit_par_continent.html
98 lines (71 loc) · 12.3 KB
/
chart_conflit_par_continent.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
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="X-UA-Compatible" content="IE=Edge"/>
<title>Le nombre de conflits par continent</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width, initial-scale=0.95, maximum-scale=0.95, user-scalable=0" />
<!--[if lt IE 9]>
<script src="js/json2.min.js"></script>
<script type="text/javascript">
window.__ltie9 = true;
</script>
<![endif]-->
<link rel="alternate" type="application/json+oembed" href="https://datawrapper.de/api/plugin/oembed?url=https%3A%2F%2Fcharts.datawrapper.de%2FoxQ1s%2F&format=json" title="Le nombre de conflits par continent" />
<link rel="stylesheet" type="text/css" href="css/oxQ1s.all.css"></link>
<script type="text/javascript" charset="utf-8">
window.__locale = 'en-US';
</script>
<script type="text/javascript" charset="utf-8" src="//datawrapper.dwcdn.net/assets/globalize.min.js"></script>
<script type="text/javascript" charset="utf-8" src="//datawrapper.dwcdn.net/assets/cultures/globalize.culture.en-US.js"></script>
<script type="text/javascript" charset="utf-8" src="//cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
<script type="text/javascript" charset="utf-8" src="//cdnjs.cloudflare.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script type="text/javascript" charset="utf-8" src="//datawrapper.dwcdn.net/assets/vendor/raphael-js/2.1.2/raphael-min.js"></script>
<script type="text/javascript" charset="utf-8" src="//datawrapper.dwcdn.net/assets/vendor/chroma-js/0.5.4/chroma.min.js"></script>
<script type="text/javascript" charset="utf-8" src="//datawrapper.dwcdn.net/assets/vendor/d3-light/3.1.8/d3-light.min.js"></script>
<script type="text/javascript" charset="utf-8" src="js/line-chart-e20e9cf6a450784eaaefdf7f9bd8b929.min.js"></script>
<script type="text/javascript" charset="utf-8" src="js/default-5baee189e1a2f0bf680f4910cc958098.min.js"></script>
<script type="text/javascript" charset="utf-8" src="js/chart-753c771b6f0ebc215cab76b0fca5e03aab20b743.min.js"></script>
</head>
<body class="dw-chart chart theme-default vis-line-chart">
<div class="dw-chart-header" id="header">
<h1 >
<span class="chart-title">Le nombre de conflits par continent</span>
</h1>
<p class="chart-intro">Nombre de conflits entre 1945 et 2014</p>
</div>
<div class="dw-chart-body" id="chart"></div>
<div class="dw-chart-footer" id="footer">
<div class="footer-left">
<span data-src="Source: " class="source-block">Source: <a target="_blank" class="source" href="http://www.pcr.uu.se/research/ucdp/datasets/ucdp_prio_armed_conflict_dataset/">UCPD</a></span>
<a href="data.csv">Get the data</a>
</div>
<div class="footer-right">
Created with <a href="datawrapper.de" target="_blank">Datawrapper</a>
</div>
</div>
<script type="text/javascript" charset="utf-8">
if (document.getElementsByTagName('script').length > 0) $('body').addClass('js');
__dw.init({
chartJSON: {"id":"oxQ1s","title":"Le nombre de conflits par continent","theme":"default","createdAt":"2016-03-24 11:54:00","lastModifiedAt":"2016-03-24 12:27:52","type":"line-chart","metadata":{"data.csv":{"transpose":false,"vertical-header":true,"horizontal-header":true},"visualize":{"highlighted-series":["Moyen orient"],"highlighted-values":[],"filter-missing-values":true,"direct-labeling":true,"legend-position":"top","show-grid":false,"fill-between":false,"line-mode":"straight","scale-y1":"linear","user-change-scale":false,"ignore-missing-values":false,"grid-lines":false,"sort-bars":"keep","block-labels":false,"swap-labels":false,"hide-value-labels":false,"label-alignment":"left","value-label-format":"0.0","date-label-format":"YYYY","show-color-key":true,"rules":false,"thick":false,"background":false,"color-key":{"base-color":{"color":"#1f77b4","label":""},"Moyen orient":{"color":"#ff7f0e","label":""},"Asie":{"color":"#1f77b4","label":""},"Africa":{"color":"#ffd500","label":""}},"resort-bars":false,"sort-asc":true,"compact-group-labels":false,"mirror-bars":false,"independent-scales":false,"connect-missing-values":false,"base-color":0,"custom-colors":{"Moyen orient":"#ff7f0e","Asie":"#1f77b4","Africa":"#ffd500"},"custom-range-y":[0,40]},"describe":{"source-name":"UCPD","source-url":"http:\/\/www.pcr.uu.se\/research\/ucdp\/datasets\/ucdp_prio_armed_conflict_dataset\/","number-format":"-","number-divisor":0,"number-append":"","number-prepend":"","intro":"Nombre de conflits entre 1945 et 2014"},"publish":{"embed-width":600,"embed-height":400,"background":"#ffffff","text":"#000000"}},"authorId":47884,"showInGallery":false,"language":null,"guestSession":null,"lastEditStep":5,"publishedAt":"2016-03-24 12:27:57","publicUrl":"https:\/\/charts.datawrapper.de\/oxQ1s\/index.html","publicVersion":1,"organizationId":null,"forkedFrom":null},
chartLocale: 'en-US',
themeId: 'default',
visId: 'line-chart',
visJSON: {"title":"Line Chart","id":"line-chart","extends":"raphael-chart","dimensions":2,"order":40,"axes":{"x":{"accepts":["text","date"]},"y1":{"accepts":["number"],"multiple":true},"y2":{"accepts":["number"],"multiple":true,"optional":true}},"options":{"base-color":{"type":"base-color","label":"Base color"},"sep-labeling":{"type":"separator","label":"Customize labeling","depends-on":{"chart.min_columns[y1]":2}},"direct-labeling":{"type":"checkbox","label":"Direct labeling","default":false,"depends-on":{"chart.min_columns[y1]":2,"chart.max_columns[y2]":0},"help":"Show the labels right nearby the line ends instead of a separate legend"},"legend-position":{"type":"radio-left","label":"Legend position","default":"right","depends-on":{"direct-labeling":false,"chart.min_columns[y1]":2},"options":[{"value":"right","label":"right"},{"value":"top","label":"top"},{"value":"inside","label":"inside left"},{"value":"inside-right","label":"inside right"}]},"sep-lines":{"type":"separator","label":"Customize lines"},"show-grid":{"type":"checkbox","hidden":true,"label":"Show grid","default":false},"connect-missing-values":{"type":"checkbox","label":"Connect lines between missing values"},"fill-between":{"type":"checkbox","label":"Fill area between lines","default":false,"depends-on":{"chart.min_columns[y1]":2,"chart.max_columns[y1]":2,"chart.max_columns[y2]":0}},"fill-below":{"type":"checkbox","label":"Fill area below line","defaut":false,"depends-on":{"chart.min_columns[y1]":1,"chart.max_columns[y1]":1,"chart.max_columns[y2]":0}},"banking":{"type":"linechart-banking","label":"Suggest aspect ratio that banks average line slopes to 45\u00b0","help":"Adjust the chart height so that the lines are banked to 45\u00b0 (on average). Can help to avoid exaggerating and understating of slopes."},"line-mode":{"type":"radio-left","label":"Line interpolation","options":[{"label":"Straight","value":"straight"},{"label":"Curved","value":"curved"},{"label":"Stepped","value":"stepped"}],"default":"straight"},"sep-x-axis":{"type":"separator","label":"Customize x-axis","depends-on":{"chart.column_type[x]":"date"}},"custom-ticks":{"type":"text","placeholder":"2012,2014,2015","label":"Custom ticks","depends-on":{"chart.column_type[x]":"date"},"help":"Enter comma-separated list of dates at which you want to add ticks to the x-axis"},"sep-y-axis":{"type":"separator","label":"Customize y-axis"},"custom-range-y":{"type":"custom-range","label":"Custom range","help":"This feature allows you to explicitely extend the y axis to custom values. Swap min\/max to invert the axis."},"scale-y1":{"type":"radio-left","label":"Scale (y-axis)","options":[{"label":"linear","value":"linear"},{"label":"logarithmic","value":"log"}],"default":"linear","depends-on":{"chart.min_value[y1]":">0","chart.magnitude_range[y1]":">3"}},"user-change-scale":{"type":"checkbox","label":"Let user change scale","default":false,"depends-on":{"chart.min_value[y1]":">0","chart.magnitude_range[y1]":">3"}},"annotate-time-axis":{"type":"textarea","label":"Annotate x axis:","placeholder":"from,to,text","width":"180px"}},"locale":{"tooManyLinesToLabel":"Your chart contains <b>more lines than we can label<\/b>, so automatic labeling is turned off. To fix this <ul><li>filter some columns in the data table in the previous step, or<\/li><li>use direct labeling and the highlight feature to label the lines that are important to your story.<\/li><\/ul>","useLogarithmicScale":"Use logarithmic scale","couldNotParseAllDates":"Some of the <b>dates in your x-axis could not be parsed<\/b>, hence the line chart cannot display a proper date axis. To fix this<ul><li>return to the previous step and clean your date column.<\/li><li><a href=\"http:\/\/blog.datawrapper.de\/2013\/cleaning-your-data-in-datawrapper\/\">Read more about how to do this.<\/a><\/li><\/ul>"},"__static_path":"assets\/plugins\/visualization-line-chart\/","__plugin":"visualization-line-chart","version":"1.5.0","icon":"<?xml version=\"1.0\" encoding=\"utf-8\"?>\n<!-- Generator: Adobe Illustrator 16.2.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->\n<!DOCTYPE svg PUBLIC \"-\/\/W3C\/\/DTD SVG 1.1 Basic\/\/EN\" \"http:\/\/www.w3.org\/Graphics\/SVG\/1.1\/DTD\/svg11-basic.dtd\">\n<svg version=\"1.1\" baseProfile=\"basic\" id=\"Ebene_1\"\n\t xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" x=\"0px\" y=\"0px\" width=\"100px\" height=\"100px\"\n\t viewBox=\"0 0 100 100\" xml:space=\"preserve\">\n<g>\n\t<line fill=\"none\" stroke=\"#000000\" stroke-width=\"0.5\" stroke-miterlimit=\"10\" x1=\"9\" y1=\"79.5\" x2=\"91\" y2=\"79.5\"\/>\n\t<line fill=\"none\" stroke=\"#000000\" stroke-width=\"0.5\" stroke-miterlimit=\"10\" x1=\"9\" y1=\"59.5\" x2=\"91\" y2=\"59.5\"\/>\n\t<line fill=\"none\" stroke=\"#000000\" stroke-width=\"0.5\" stroke-miterlimit=\"10\" x1=\"9\" y1=\"39.5\" x2=\"91\" y2=\"39.5\"\/>\n\t<line fill=\"none\" stroke=\"#000000\" stroke-width=\"0.5\" stroke-miterlimit=\"10\" x1=\"9\" y1=\"19.5\" x2=\"91\" y2=\"19.5\"\/>\n<\/g>\n<line fill=\"none\" stroke=\"#000000\" stroke-width=\"4\" stroke-linecap=\"round\" stroke-miterlimit=\"10\" x1=\"10\" y1=\"75.814\" x2=\"35.937\" y2=\"42.674\"\/>\n<line fill=\"none\" stroke=\"#000000\" stroke-width=\"4\" stroke-linecap=\"round\" stroke-miterlimit=\"10\" x1=\"35.937\" y1=\"42.674\" x2=\"62.719\" y2=\"55.584\"\/>\n<line fill=\"none\" stroke=\"#000000\" stroke-width=\"4\" stroke-linecap=\"round\" stroke-miterlimit=\"10\" x1=\"62.719\" y1=\"55.584\" x2=\"90.562\" y2=\"23.755\"\/>\n<\/svg>\n","hasCSS":true},
metricPrefix: {"3":"k","6":"m","9":"b","12":"t"},
lang: 'en',
data: "Year \tMoyen orient\tAsie\tAfrica\n1946\t3\t7\t0\n1947\t0\t8\t1\n1948\t2\t13\t0\n1949\t2\t15\t0\n1950\t1\t15\t0\n1951\t2\t12\t0\n1952\t2\t10\t1\n1953\t1\t11\t3\n1954\t1\t8\t4\n1955\t1\t6\t4\n1956\t2\t8\t4\n1957\t2\t8\t4\n1958\t3\t9\t4\n1959\t2\t11\t2\n1960\t1\t10\t4\n1961\t2\t11\t5\n1962\t3\t11\t4\n1963\t4\t10\t4\n1964\t4\t11\t9\n1965\t4\t12\t7\n1966\t6\t11\t9\n1967\t8\t12\t10\n1968\t4\t11\t9\n1969\t5\t13\t8\n1970\t5\t11\t8\n1971\t2\t13\t11\n1972\t3\t10\t8\n1973\t5\t11\t6\n1974\t5\t13\t6\n1975\t4\t15\t7\n1976\t3\t14\t11\n1977\t2\t15\t14\n1978\t2\t16\t15\n1979\t9\t15\t11\n1980\t8\t14\t14\n1981\t7\t16\t13\n1982\t9\t14\t12\n1983\t6\t14\t16\n1984\t7\t17\t12\n1985\t6\t14\t11\n1986\t8\t16\t13\n1987\t7\t18\t14\n1988\t6\t16\t11\n1989\t4\t13\t12\n1990\t7\t20\t13\n1991\t8\t14\t17\n1992\t6\t17\t14\n1993\t7\t13\t11\n1994\t6\t18\t15\n1995\t6\t15\t10\n1996\t7\t18\t20\n1997\t4\t19\t33\n1998\t3\t15\t32\n1999\t3\t16\t32\n2000\t3\t18\t33\n2001\t3\t15\t31\n2002\t2\t13\t28\n2003\t3\t16\t27\n2004\t3\t15\t25\n2005\t5\t16\t23\n2006\t5\t15\t25\n2007\t4\t14\t26\n2008\t4\t15\t28\n2009\t5\t15\t28\n2010\t5\t12\t22\n2011\t6\t13\t28\n2012\t5\t10\t23\n2013\t4\t14\t27\n2014\t6\t14\t26\n\n"
});
</script>
<script type="text/javascript">
setTimeout(function() {
var ref = document.referrer ? document.referrer.match(/^https?\:\/\/([^\/?#]+)(?:[\/?#]|$)/i)[1] : '';
var img = document.createElement('img');
img.setAttribute('width', 1);
img.setAttribute('height', 1);
img.setAttribute('src', '//stats.datawrapper.de/oxQ1s/pixel.gif?r='+ref);
document.body.appendChild(img);
},10);
</script>
</body>
</html>