cssAudio - Activefile-genericCSS - ActiveGeneric - ActiveHTML - ActiveImage - ActiveJS - ActiveSVG - ActiveText - Activefile-genericVideo - ActiveLovehtmlicon-personicon-teamoctocatpop-outspinnerstartv

Pen Settings

CSS Base

Vendor Prefixing

Add External CSS

These stylesheets will be added in this order and before the code you write in the CSS editor. You can also add another Pen here, and it will pull the CSS from it. Try typing "font" or "ribbon" below.

Quick-add: + add another resource

Add External JavaScript

These scripts will run in this order and before the code in the JavaScript editor. You can also link to another Pen here, and it will run the JavaScript from it. Also try typing the name of any popular library.

Quick-add: + add another resource

Code Indentation

     

Save Automatically?

If active, Pens will autosave every 30 seconds after being saved once.

Auto-Updating Preview

If enabled, the preview panel updates automatically as you code. If disabled, use the "Run" button to update.

            
              <div id="all">
  
<h1 class="title">How does political instability effect the percentage of people who are undernourished?</h1>

<div class="definitions">
  <div class="definitions fs">
  <h3>Food Security:</h3>
  <p>"All people at all times have physical and economic access to sufficent, safe and nutritious food to meet their dietary needs and food preferences for an active and healthy life." - Food and Agriculture Organization of the United Nations, 1996</p>
  </div>
  <div class="definitions ps">
    <h3>Political Stability</h3>
    <p>"Political stability and absence of violence measures perceptions of the likelihood that the government will be destabilized or overthrown by unconstitutional or violent means, including politically-motivated violence and terrorism."</p>
  </div>
</div>

<div class="map"><iframe                         id="map" width="600" height="371" seamless frameborder="0" scrolling="no" src="https://docs.google.com/spreadsheets/d/10XMcd5wceUGzqe79YZCSIrd2R60TFUJxcVVOGuRbWRE/pubchart?oid=1054213276&amp;format=interactive"></iframe>
  <iframe id="mapone" width="600" height="371" seamless frameborder="0" scrolling="no" src="https://docs.google.com/spreadsheets/d/10XMcd5wceUGzqe79YZCSIrd2R60TFUJxcVVOGuRbWRE/pubchart?oid=720103838&amp;format=interactive"></iframe>
  </div>

<div class="maindis">
<div class="districts one">
 <p class="northernafrica">Northern Africa - 4.1%</p>
  <p class="subsaharanafrica">Sub-Saharan Africa - 29.1%</p>
  <p class="caucasus">Caucasus and Central Asia - 12.3%</p>
  <p class="easternasia">Eastern Asia - 16.3%</p>
  <p class="southernasia">Southern Asia - 19.5%</p>
  </div>
  <p class="explanation">The map on the left shows the average rate of political stability of each country over the period of 1996 - 2012 on a scale of -2.5 - +2.5. The map on the right shows the amount the political stability of each country changed between 1996 and 2012.
  <br />
    The levels of political stability shown in these maps can be compared to the average levels of undernourishment for the same time period which are shown on either side. 
  </p>
 
<div class="districts two">
  <p class="southeasternasia"> South Eastern Asia - 20.2%</p>
  <p class="westernasia">Western Asia - 8.5%</p>
  <p class="caribbean">Caribbean - 21.9%</p>
  <p class="latinamerica">Latin America - 9.5%</p>
  <p class="oceania">Ociania - 4.2%</p>
  </div>
</div>

<div class="ct-chart chartone">
  <h3>Countries with the Highest and Lowest Political Stability (1996-2012)</h3>
</div>

<div class="ct-chart charttwo">
  <h3>Countries with Greatest Increase and Decrease in Political Stability (1996-2012)</h3>
</div>
</br>

<p class="narrative">As you can see, there is a great difference between both the countries with the highest and lowest political stability, as well as the largest increase and decrease in political stability. This can be compared to the maps above, in which it is obvious that the countires with less of a problem with low political stability are generally western continents including America and west Europe. This data also reflects the counties which have higher levels of poverty, for example, in many countries in Africa.</p>
<p class="narrative">This visualisation is going to focus on three countries with the largest increase in political stability (Liberia Rwanda and Angola) and the three countries with the largest decrease in political stability (Syrian Arab Republic, Mali and Thailand) to investigate how this impacts the percentage of the population that are undernourished.</p>
<p class="narrative">Choose a country to see the change in political stability between 1996 and 2012. When one is selected, you can look into the political stability and percentage of undernourishment in that country by clicking the relevent buttons. The facts written about each country explain the largest of each country's changes in political stability.</p>

<!--SVG SVG SVG SVG SVG SVG SVG SVG SVG SVG SVG
SVG SVG SVG SVG SVG SVG SVG SVG SVG SVG SVG-->
<button class="libbut">Liberia</button>
<button class="rwabut">Rwanda</button>
<button class="angbut">Angola</button>
<button class="syrbut">Syria</button>
<button class="malbut">Mali</button>
<button class="thabut">Thailand</button>
<button class="polsta">Poltical Stability</button>
<button class="under">Undernourishment</button>

<div class="liberia">
<h2>Liberia</h2>
<svg version="1.1" id="Layer_1" class="outline" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
	 width="960px" height="560px" viewBox="0 0 960 560" enable-background="new 0 0 960 560" xml:space="preserve">
<line fill="none" stroke="#000000" stroke-width="3" stroke-miterlimit="10" x1="27.5" y1="26" x2="27.5" y2="376"/>
<line fill="none" stroke="#000000" stroke-width="3" stroke-miterlimit="10" x1="27" y1="376.5" x2="48" y2="376.5"/>
<line fill="none" stroke="#000000" stroke-width="3" stroke-miterlimit="10" x1="27" y1="76.5" x2="48" y2="76.5"/>
<line fill="none" stroke="#000000" stroke-width="3" stroke-miterlimit="10" x1="27" y1="126.5" x2="48" y2="126.5"/>
<line fill="none" stroke="#000000" stroke-width="3" stroke-miterlimit="10" x1="27" y1="176.5" x2="48" y2="176.5"/>
<line fill="none" stroke="#000000" stroke-width="3" stroke-miterlimit="10" x1="27" y1="226.5" x2="48" y2="226.5"/>
<line fill="none" stroke="#000000" stroke-width="3" stroke-miterlimit="10" x1="27" y1="276.5" x2="48" y2="276.5"/>
<line fill="none" stroke="#000000" stroke-width="3" stroke-miterlimit="10" x1="27" y1="326.5" x2="48" y2="326.5"/>
<line fill="none" stroke="#000000" stroke-width="3" stroke-miterlimit="10" x1="27" y1="26.5" x2="48" y2="26.5"/>
<rect x="50.432" y="370.714" fill="none" width="22.857" height="11.786"/>
<text transform="matrix(1 0 0 1 50.4316 379.2334)" font-family="'MyriadPro-Regular'" font-size="12">-3.0</text>
<rect x="49.432" y="320.607" fill="none" width="22.857" height="11.785"/>
<text transform="matrix(1 0 0 1 49.4316 329.127)" font-family="'MyriadPro-Regular'" font-size="12">-2.5</text>
<rect x="49.432" y="270.607" fill="none" width="22.857" height="11.786"/>
<text transform="matrix(1 0 0 1 49.4316 279.1265)" font-family="'MyriadPro-Regular'" font-size="12">-2.0</text>
<rect x="49.432" y="221.607" fill="none" width="22.857" height="11.786"/>
<text transform="matrix(1 0 0 1 49.4316 230.1265)" font-family="'MyriadPro-Regular'" font-size="12">-1.5</text>
<rect x="49.432" y="170.607" fill="none" width="22.857" height="11.786"/>
<text transform="matrix(1 0 0 1 49.4316 179.1265)" font-family="'MyriadPro-Regular'" font-size="12">-1.0</text>
<rect x="52.432" y="120.607" fill="none" width="22.857" height="11.786"/>
<text transform="matrix(1 0 0 1 52.4316 129.1265)" font-family="'MyriadPro-Regular'" font-size="12">-0.5</text>
<rect x="49.432" y="70.607" fill="none" width="22.857" height="11.786"/>
<text transform="matrix(1 0 0 1 49.4316 79.126)" font-family="'MyriadPro-Regular'" font-size="12"> 0.0</text>
<rect x="49.432" y="20.607" fill="none" width="22.857" height="11.786"/>
<text transform="matrix(1 0 0 1 49.4316 29.126)" font-family="'MyriadPro-Regular'" font-size="12"> 0.5</text>
<g>
	<path fill="#FFFFFF" stroke="#000000" stroke-width="3" stroke-miterlimit="10" d="M331.516,118.526
		c-2.132-6.121-3.236-16.164-7.891-20.677c-7.508-7.28-15.59-2.953-18.98,4.966c-1.305,3.047-2.592,6.389-4.033,9.404
		c-1.372,2.874-3.743,5.505-5.17,8.28h36.612C331.92,119.868,331.757,119.22,331.516,118.526z"/>
	<path fill="#FFFFFF" stroke="#000000" stroke-width="3" stroke-miterlimit="10" d="M263.191,119.085
		c-2.827-1.199-3.354-1.697-6.732-1.347c-3.131,0.325-9.869,2.13-10.236-2.346c-0.246-2.988,5.81-6.234,6.75-9.441
		c1.028-3.506-0.697-7.833-0.907-11.217c-0.276-4.435,1.778-8.768,0.449-12.268c-0.711-1.876-3.025-3.041-3.719-4.612
		c-1.046-2.375,0.021-2.954,0.157-4.682c0.309-3.919,0.781-7.257-0.055-10.801c-0.217-0.921,0.395-2.206-0.046-3.067
		c-0.408-0.799-1.849-0.847-2.164-1.89c-0.606-2.016-0.213-3.281-0.016-5.766c0.358-4.508-1.761-7.498-2.29-11.733
		c-2.125,0.041-3.213-1.828-5.014-1.897c-1.663-0.064-3.855,0.884-5.236,1.369c0.19-0.683,0.236-1.459,0.48-2.146
		c2.864-1.212,0.696-3.771-0.977-4.559c-1.548-0.729-5.174,0.128-6.673,0.378c0.243-2.89-0.181-6.129-3.069-7.472
		c-4.685-2.175-5.43,2.994-8.786,4.303c-2.883,1.125-5.783-1.351-8.934,0.06c-1.282,0.574-0.896,2.093-3.104,2.729
		c-1.229,0.353-3.209-0.008-4.45-0.069c-0.075-1.731-0.004-3.532-0.112-5.257c-3.648-0.191-7.479-0.201-11.125,0
		c1.07,4.619-3.262-0.397-4.99-0.968l-0.45,0.45c-1.104,4.546-3.379,8.335-2.596,13.385c0.72,4.629-0.288,8.201-0.169,13.067
		c-2.939-0.159-5.608,0.729-8.484,0.978c-3.223,0.28-8.465-1.161-11.214,0.428c-2.443,1.411-4.274,6.28-5.282,9.102
		c-1.88,5.254,0.657,5.814,1.672,10.242c1.041,4.539-0.979,8.416-4.054,10.884c-5.672,4.55-7.36,10.935-12.248,16.447
		c-5.167,5.824-15.052,3.434-20.458,8.736c-1.503,1.475-2.271,4.078-4.044,5.427c-1.084,0.825-2.976,0.896-4.121,1.744
		c-1.261,0.934-1.958,2.048-2.48,3.222h159.06C266.091,120.238,264.916,119.818,263.191,119.085z"/>
	<path fill="#FFFFFF" stroke="#000000" stroke-width="3" stroke-miterlimit="10" d="M299.654,333.5
		c5.297,1.637,11.081,3.45,15.918,5.951c9.071,4.69,16.143,11.554,25.944,15.453c8.569,3.41,17.962,4.813,24.736,10.437
		c3.516,2.919,7.136,3.972,11.697,4.946c4.319,0.919,8.213,3.049,12.562,4.121c3.954,0.971,10.19,3.163,11.686-1.896
		c1.11-3.749-1.711-7.362-2.254-10.789c-0.717-4.524,7.832-18.91-2.071-17.601c0.627-3.598,1.063-7.112,1.45-10.622H299.654z"/>
	<path fill="#D70206" stroke="#242424" stroke-miterlimit="10" d="M400.854,319.816c0.519-3.925,2.577-5.952,3.146-9.788
		c0.489-3.3-0.104-6.948,0.068-10.271c8.19,0.703,7.572-6.088,7.572-12.229c0-6.001,0.579-11.458,1.349-17.042
		c0.633-4.591,1.461-13.184-1.012-17.356c-1.768-2.982-4.1-1.838-6.642-3.326c-2.782-1.627-2.865-3.185-4.113-6.244
		c-4.26,0.883-10.301,0.683-14.303-1.06c-4.558-1.982-3.998-5.2-4.566-9.72c-6.608,0.739-4.446-15.547-7.035-19.058
		c-4.484-6.078-14.847-0.432-21.553-1.777c-7.798-1.564-13.716-3.346-19.078-9.336c-2.098-2.343-4.133-6.517-7.456-6.654
		c-2.722-0.114-6.775,4.671-8.659,0.807c-3.287-6.741,11.491-12.939,14.73-15.855c2.711-2.439,6.416-5.102,6.89-8.407
		c0.368-2.576-1.642-4.774-1.955-6.754c-0.327-2.064,0.023-3.746,0.132-5.854c0.433-8.256,3.593-13.986,0.022-21.554
		c-1.744-3.692-5.363-5.598-5.763-9.461c-0.311-2.997,0.053-5.41-0.575-8.377h-36.612c-0.218,0.424-0.417,0.852-0.584,1.284
		c-0.789,2.04,0.172,5.115-1.305,6.576c-1.456,1.439-4.5,0.797-6.4,0.968c-2.423,0.216-4.65,0.523-6.659,1.356
		c-0.074,0.03-3.637,1.446-2.816,1.376c-0.146,0.014-1.629,1.139-2.182,1.25c-0.085-4.951-4.979-7.202-4.596-12.457
		c-1.392-0.076-2.438-0.182-3.376-0.354h-159.06c-0.87,1.958-1.25,4.077-2.94,5.788c-2.629,2.663-7.081,1.664-9.796,4.039
		c-2.344,2.05-3.145,6.686-4.622,9.313c-3.086,5.493-14.039,6.522-12.111,13.947c0.198,0.761,1.922,4.314,2.358,4.958
		c1.213,1.789,3.559,2.496,4.889,4.405c2.6,3.731-1.457,6.28-0.501,9.541c1.73,5.905,21.284,11.827,26.898,14.023
		c2.636,1.029,2.977,1.041,5.945,1.25c2.398,0.17,5.098,0.021,7.237,1.358c3.87,2.422,2.946,6.263,3.966,10.228
		c2.203,8.572,10.504,12.973,18.891,14.034c4.288,0.545,8.555,0.358,12.575,1.359c4.399,1.097,7.509,4.002,12.072,3.654
		c0.024,0.116,0.05,0.232,0.075,0.351c2.812,2.108,2.217,8.639,4.93,10.843c4.407,3.58,11.044,3.342,15.063,8.482
		c2.474,3.165,4.221,6.733,6.979,9.585c2.834,2.931,5.715,4.093,8.89,6.282c1.517,1.047,2.355,1.964,3.346,3.5
		c0.64,0.993,1.084,2.211,1.735,3.155c0.604,0.875,1.439,1.142,2.043,1.873c2.721,3.29,5.488,6.364,7.482,10.152
		c4.371,8.3,12.666,14.523,18.867,21.315c2.744,3.005,5.248,6.596,7.981,9.354c3.661,3.692,7.587,2.462,12.349,4.021
		c5.933,1.939,5.679,5.121,9.14,9.46c3.062,3.836,9.289,5.678,13.571,8.666c4.246,2.965,6.976,5.921,12.115,7.52
		c0.579,0.18,1.17,0.361,1.763,0.545h99.669C399.821,328.983,400.236,324.477,400.854,319.816z"/>
</g>
<text transform="matrix(1 0 0 1 108.7144 130.3931)" font-family="'MyriadPro-Regular'" font-size="12">2012</text>
<text transform="matrix(1 0 0 1 294.4414 330.8564)" font-family="'MyriadPro-Regular'" font-size="12">1996</text>
</svg>

<div class="ct-chart chartthree psun">
  <h3>Political Stability of Liberia</h3>
</div>
<div class="ct-chart chartfour psun">
  <h3>Undernourishment in Liberia (%)</h3>
</div>
  
  <div class="info">
  <ul>
    <li>The First Liberian Civil War lasted from 1989-97 and killed over 200,000 people. This shows why political stability changes so much during the war and after.</li>
    <li>The Second Liberian Civil War lasted from 199-2003 and explains the dip in political stability during this time and also led to Gross Domestic Product (GDP) increasing for the first time in 2003 since the war.</li>
    <li>In 2003/04, the Accra Comprehensive Peace Agreement was signed.</li>
    <li>Liberia was governed by military and transitional governments from 1980-2006. Charles Taylor, the last President, was forced to step down in 2003 and the UN installed transitional government.</li>
    <li>Elections for the government replacing the transitional government took place in October/November 2005. It is internationally regarded as the most free and fair in Liberian history.</li>
    <li>Ellen Johnson Sirleaf, who gained 59.4% of votes in the 2005 election, announced she would run for the 2011 elections.</li>
    <li>From 2009-2011, the GDP rose from 4.6% - 7.3%, making it one of the top 20 fasted growing in the world.</li>
  </ul>
  </div>
</div>

<div class="rwanda">
<h2>Rwanda</h2>
<svg version="1.1" id="Layer_1" class="outline" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
	 width="960px" height="560px" viewBox="0 0 960 560" enable-background="new 0 0 960 560" xml:space="preserve">
<line fill="none" stroke="#000000" stroke-width="3" stroke-miterlimit="10" x1="27.5" y1="26" x2="27.5" y2="376"/>
<line fill="none" stroke="#000000" stroke-width="3" stroke-miterlimit="10" x1="27" y1="376.5" x2="48" y2="376.5"/>
<line fill="none" stroke="#000000" stroke-width="3" stroke-miterlimit="10" x1="27" y1="76.5" x2="48" y2="76.5"/>
<line fill="none" stroke="#000000" stroke-width="3" stroke-miterlimit="10" x1="27" y1="126.5" x2="48" y2="126.5"/>
<line fill="none" stroke="#000000" stroke-width="3" stroke-miterlimit="10" x1="27" y1="176.5" x2="48" y2="176.5"/>
<line fill="none" stroke="#000000" stroke-width="3" stroke-miterlimit="10" x1="27" y1="226.5" x2="48" y2="226.5"/>
<line fill="none" stroke="#000000" stroke-width="3" stroke-miterlimit="10" x1="27" y1="276.5" x2="48" y2="276.5"/>
<line fill="none" stroke="#000000" stroke-width="3" stroke-miterlimit="10" x1="27" y1="326.5" x2="48" y2="326.5"/>
<line fill="none" stroke="#000000" stroke-width="3" stroke-miterlimit="10" x1="27" y1="26.5" x2="48" y2="26.5"/>
<rect x="50.432" y="370.714" fill="none" width="22.857" height="11.786"/>
<text transform="matrix(1 0 0 1 50.4316 379.2334)" font-family="'MyriadPro-Regular'" font-size="12">-3.0</text>
<rect x="49.432" y="320.607" fill="none" width="22.857" height="11.785"/>
<text transform="matrix(1 0 0 1 49.4316 329.127)" font-family="'MyriadPro-Regular'" font-size="12">-2.5</text>
<rect x="49.432" y="270.607" fill="none" width="22.857" height="11.786"/>
<text transform="matrix(1 0 0 1 49.4316 279.1265)" font-family="'MyriadPro-Regular'" font-size="12">-2.0</text>
<rect x="49.432" y="221.607" fill="none" width="22.857" height="11.786"/>
<text transform="matrix(1 0 0 1 49.4316 230.1265)" font-family="'MyriadPro-Regular'" font-size="12">-1.5</text>
<rect x="49.432" y="170.607" fill="none" width="22.857" height="11.786"/>
<text transform="matrix(1 0 0 1 49.4316 179.1265)" font-family="'MyriadPro-Regular'" font-size="12">-1.0</text>
<rect x="52.432" y="120.607" fill="none" width="22.857" height="11.786"/>
<text transform="matrix(1 0 0 1 52.4316 129.1265)" font-family="'MyriadPro-Regular'" font-size="12">-0.5</text>
<rect x="49.432" y="70.607" fill="none" width="22.857" height="11.786"/>
<text transform="matrix(1 0 0 1 49.4316 79.126)" font-family="'MyriadPro-Regular'" font-size="12"> 0.0</text>
<rect x="49.432" y="20.607" fill="none" width="22.857" height="11.786"/>
<text transform="matrix(1 0 0 1 49.4316 29.126)" font-family="'MyriadPro-Regular'" font-size="12"> 0.5</text>
<g>
	<path fill="#FFFFFF" stroke="#000000" stroke-width="4" stroke-miterlimit="10" d="M397.26,26.443
		c-0.58-0.08-1.167-0.154-1.764-0.213c-0.358,0.112-0.716,0.244-1.072,0.423l3.146,0.583
		C397.444,26.981,397.341,26.717,397.26,26.443z"/>
	<path fill="#FFFFFF" stroke="#000000" stroke-width="4" stroke-miterlimit="10" d="M108.341,279.752
		c-1.257,1.38-2.458,3.721-3.7,4.822c-1.794,1.592-3.581,1.428-6.178,2.222c-1.693,0.518-8.82,2.67-9.89,4.609
		c-1.941,3.521,2.638,9.329,2.622,12.459c-0.04,7.486-12.729,11.768-7.622,19.783c2.395,3.759,5.911,4.086,6.75,8.804
		c0.627,3.523-1.571,9.942,1.399,12.59c2.287,2.037,8.961,1.766,12.047,2.672c4.683,1.376,7.934,3.145,11.528,6.512
		c2.092,1.959,4.426,6.76,7.33,4.373c1.134-0.933,2.077-8.236,2.234-9.854c0.802-8.231-5.541-15.248,3.675-19.2
		c3.138-1.345,8.969-1.815,12.448-1.019c3.905,0.895,6.545,4.949,10.669,5.865c4.37,0.971,8.31-1.536,12.645-0.954
		c2.366,0.318,4.53,1.834,6.741,2.285c1.787,0.364,4.572-0.515,6.167,0.527c4.23,2.765-1.333,5.467-1.232,9.657
		c0.146,6.085,5.725,2.931,7.199,7.279c1.44,4.248-4.723,5.938-2.612,10.685c0.452,1.016,2.414,2.229,3.063,3.692
		c0.764,1.72,0.117,4.502,0.962,6.179c2.438,4.835,4.146-0.049,7.985-2.144c4.625-2.526,6.961-2.419,12.11-1.794
		c4.014,0.487,6.671,2.53,10.319,3.161c3.798,0.659,6.947-1.865,10.315-2.712c1.849-0.464,3.924-0.079,5.733-0.447
		c1.994-0.406,3.924-1.556,5.931-1.805c4.875-0.606,9.87,2.958,14.251,4.058c4.588,1.15,6.528,0.313,9.083-4.062
		c2.923-5.002,2.525-4.941,8.051-4.114c5.37,0.804,17.422-2.391,21.553-6.191c4.861-4.47,9.468-14.329,9.419-21.069
		c-0.067-9.317-5.192-14.379-0.351-23.36c1.41-2.614,4.852-6.744,5.656-9.396c1.023-3.371-1.71-7.928-1.727-11.652
		c-0.014-2.767-2.271-9.263-0.807-11.685c2.193-3.631,7.495-0.763,10.551,0.375c8.194,3.052,9.974,12.733,18.055,15.793
		c3.889,1.476,8.195,1.611,12-0.12c4.012-1.827,6.68-5.313,11.267-5.787c0.023-6.808,5.688-10.284,11.744-8.927
		c2.876,0.645,3.068,1.786,6.27,1.819c2.583,0.025,4.664-0.594,6.693-1.263c3.425-1.128,7.149-2.715,9.34-5.568
		c1.493-1.944,0.299-3.818,3.242-3.959c2.122-0.103,3.548,2.141,4.969,3.397c2.605,2.306,5.469,4.712,8.15,6.943
		c2.819,2.345,5.768,3.31,9.33,5.47c3.21,1.947,5.116,5.839,9.408,6.193c3.921,0.322,5.665-2.424,9.544-3.018
		c3.323-0.509,7.743,1.604,11.192,0.772c2.724-0.656,8.064-4.73,8.501-8.01c6.746,3.997,13.424,5.311,20.677,0.285
		c4.668-3.235,8.058-8.439,9.322-13.924H117.149C113.446,272.774,111.479,276.313,108.341,279.752z"/>
	<path fill="#FFFFFF" stroke="#000000" stroke-width="4" stroke-miterlimit="10" d="M288.464,96.978
		c0.206-4.228,0.479-8.407-2.582-11.587c-2.054-2.135-7.226-5.739-10.261-5.294c-1.211,7.199-8.574,7.083-14.418,5.429
		c-6.624-1.875-8.288-2.616-12.474,3.364c-3.604,5.152-6.63,5.047-13.073,5.047c-5.364,0-11.391-1.842-15.262,0.439
		c-0.95,0.561-0.86,2.071-2.256,2.709c-0.647,0.296-2.032-0.443-2.321-0.358c-3.72,1.105-1.832-0.237-3.96,2.591
		c-0.712,0.946-1.243,1.835-1.747,2.682h78.043C288.126,100.47,288.375,98.81,288.464,96.978z"/>
	<path fill="#FFFFFF" stroke="#000000" stroke-width="4" stroke-miterlimit="10" d="M453.086,96.752
		c-3.189-2.868-6.202-3.893-10.193-4.969c-5.493-1.478-5.813-4.272-10.341-8.162c-5.944-5.106-11.983-13.189-12.56-21.083
		c-0.273-3.745-0.897-7.413-3.677-10.205c-2.454-2.462-6.822-3.384-8.343-6.94c-0.132-0.31-0.211-0.623-0.272-0.938
		c-1.686-1.262-2.707-3.494-2-5.628c-0.921-0.707-1.99-1.432-2.227-2.282c-0.281-1.01-0.399-1.794-0.423-2.448
		c-0.047-0.025-0.1-0.038-0.145-0.065c-1.705-0.999-2.466-2.694-2.391-4.453c-1.409-0.324-2.39-1.216-2.945-2.344l-3.146-0.583
		c0.356-0.179,0.714-0.311,1.072-0.423c-5.857-0.582-12.241-0.044-14.988,4.012c-1.911,2.822-1.646,7.144-3.253,10.192
		c-1.618,3.072-4.129,4.732-6.157,7.301c-2.228,2.824-3.551,6.694-5.831,9.519c-2.805,3.474-5.347,4.708-8.972,7.504
		c-1.972,1.521-3.297,3.708-5.336,5.079c-1.392,0.936-5.396,1.558-6.325,2.546c-2.037,2.169,1.088,8.984-3.532,9.073
		c-0.052,0.854,0.382,3.34-0.061,3.969c-1.04,1.479-1.772,0.748-2.958,1.883c-3.093,2.959-3.614,5.594-7.927,6.28
		c-1.78,0.283-4.01-0.786-5.619,0.462c-1.915,1.483-0.648,2.506-1.435,4.383c-1.299,3.093,0.561,1.899-2.692,3.128
		c-0.96,0.363-2.092,0.419-3.249,0.438h139.7c0.146-0.118,0.286-0.238,0.426-0.414C456.338,99.331,454.742,98.24,453.086,96.752z"/>
	<path fill="#C30206" stroke="#C30206" stroke-width="4" stroke-miterlimit="10" d="M476.509,140.513
		C476.509,140.514,476.509,140.514,476.509,140.513C476.571,140.344,476.594,140.282,476.509,140.513z"/>
	<path fill="#C30206" stroke="#C30206" stroke-width="4" stroke-miterlimit="10" d="M484.038,244.656
		c1.747-6.583,4.954-12.908,2.667-20.086c-2.346-7.362-6.743-10.701-10.765-17.046c-2.194-3.461-4.51-6.972-3.925-11.313
		c0.531-3.931,3.848-6.927,5.293-10.293c1.874-4.364-0.469-6.026-1.368-10.341c-0.844-4.042,1.217-7.427,1.906-11.215
		c0.591-3.25,1.266-8.307,0.481-11.662c-0.466-1.997-1.998-3.473-2.274-5.262c-0.36-2.342,0.728-4.534,0.456-6.922
		c-0.106,0.293-0.333,0.916-0.347,0.961c0.515-7.837-6.55-11.785-10.192-17.598c-3.957-6.313-5.925-14.508-9.601-21.442
		c0.177-0.186,0.339-0.31,0.494-0.436h-139.7c-1.364,0.022-2.762-0.009-3.962,0.337c-4.273,1.23-6.85,4.531-10.731,6.303
		c-3.496,1.596-8.05,1.449-11.192-0.776c-2.478-1.755-3.084-3.676-3.124-5.864h-78.043c-1.053,1.769-1.987,3.345-4.195,4.833
		c-1.621,1.091-3.594,1.47-5.17,2.926c-1.52,1.405-2.23,3.38-3.79,3.922c-3.747,1.302-7.481-2.928-11.573-1.254
		c-3.456,1.416-5.437,5.751-6.268,8.874c-1.38,5.192-1.69,5.522-6.314,8.87c-2.982,2.16-6.423,4.039-8.501,6.852
		c-2.122,2.871-3.449,6.69-5.283,9.844c-3.51,6.035-4.965,14.357-9.41,19.86c-2.678,3.315-4.963,5.375-6.84,9.298
		c-1.889,3.947-1.602,7.443-2.556,11.651c-1.069,4.717-2.114,7.157-1.369,12.135c0.599,3.998,0.268,7.365-0.123,11.673
		c-0.342,3.771,0.527,7.262,1.246,10.832c0.838,4.161,3.494,7.554,4.07,11.672c1.113,7.942-3.075,15.324-6.09,22.243
		c-1.611,3.697-4.552,8.141-7.802,10.402c-3.276,2.279-8.251,2.57-12.021,3.928c-0.347,0.125-0.655,0.288-0.974,0.44h365.216
		c0.196-0.854,0.346-1.713,0.436-2.574C483.638,260.445,481.977,252.422,484.038,244.656z"/>
</g>
<text transform="matrix(1 0 0 1 210.1108 111.7144)" font-family="'MyriadPro-Regular'" font-size="12">2012</text>
<text transform="matrix(1 0 0 1 135.0005 270.6069)" font-family="'MyriadPro-Regular'" font-size="12">1996</text>
</svg>
  
<div class="ct-chart chartfive psun">
  <h3>Political Stability of Rwanda</h3>
</div>
<div class="ct-chart chartsix psun">
  <h3>Undernourishment in Rwanda (%)</h3>
</div>
<div class="info">
  <ul>
  <li>In May 1995, the Transitional National Assembley adopted a new constitution which included aspects of the 1993 Arusha Peace Accord and the 1994 multiparty protocol of understanding.</li>
  <li>The Great Lakes Refugee Crisis got to the least stable point in 1996 as Hutu militants began raids in Rwanda.</li>
  <li>The First Congo War took place in 1996-97m partly as a result of the Rwandan Genocide in 1994. Rwanda were seen as having the largest contribution of any country to starting the war.</li>
  <li>The Second Congo War took place from 1998  - 2003 and was the deadliest war in modern Africa, killing 5.4million.</li>
  <li>In 2003 a referendum brought in a new constitution allowing a multi-party system, politics based on democracy and elections.</li>
  <li>Between 2006 - 2011, poverty was reduced from 57% - 45%.</li>
  </ul>
  </div>
</div>

<div class="angola">
<h2>Angola</h2>
<svg version="1.1" id="Layer_1" class="outline" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
	 width="960px" height="560px" viewBox="0 0 960 560" enable-background="new 0 0 960 560" xml:space="preserve">
<line fill="none" stroke="#000000" stroke-width="3" stroke-miterlimit="10" x1="27.5" y1="26" x2="27.5" y2="376"/>
<line fill="none" stroke="#000000" stroke-width="3" stroke-miterlimit="10" x1="27" y1="376.5" x2="48" y2="376.5"/>
<line fill="none" stroke="#000000" stroke-width="3" stroke-miterlimit="10" x1="27" y1="76.5" x2="48" y2="76.5"/>
<line fill="none" stroke="#000000" stroke-width="3" stroke-miterlimit="10" x1="27" y1="126.5" x2="48" y2="126.5"/>
<line fill="none" stroke="#000000" stroke-width="3" stroke-miterlimit="10" x1="27" y1="176.5" x2="48" y2="176.5"/>
<line fill="none" stroke="#000000" stroke-width="3" stroke-miterlimit="10" x1="27" y1="226.5" x2="48" y2="226.5"/>
<line fill="none" stroke="#000000" stroke-width="3" stroke-miterlimit="10" x1="27" y1="276.5" x2="48" y2="276.5"/>
<line fill="none" stroke="#000000" stroke-width="3" stroke-miterlimit="10" x1="27" y1="326.5" x2="48" y2="326.5"/>
<line fill="none" stroke="#000000" stroke-width="3" stroke-miterlimit="10" x1="27" y1="26.5" x2="48" y2="26.5"/>
<rect x="50.432" y="370.714" fill="none" width="22.857" height="11.786"/>
<text transform="matrix(1 0 0 1 50.4316 379.2334)" font-family="'MyriadPro-Regular'" font-size="12">-3.0</text>
<rect x="49.432" y="320.607" fill="none" width="22.857" height="11.785"/>
<text transform="matrix(1 0 0 1 49.4316 329.127)" font-family="'MyriadPro-Regular'" font-size="12">-2.5</text>
<rect x="49.432" y="270.607" fill="none" width="22.857" height="11.786"/>
<text transform="matrix(1 0 0 1 49.4316 279.1265)" font-family="'MyriadPro-Regular'" font-size="12">-2.0</text>
<rect x="49.432" y="221.607" fill="none" width="22.857" height="11.786"/>
<text transform="matrix(1 0 0 1 49.4316 230.1265)" font-family="'MyriadPro-Regular'" font-size="12">-1.5</text>
<rect x="49.432" y="170.607" fill="none" width="22.857" height="11.786"/>
<text transform="matrix(1 0 0 1 49.4316 179.1265)" font-family="'MyriadPro-Regular'" font-size="12">-1.0</text>
<rect x="52.432" y="120.607" fill="none" width="22.857" height="11.786"/>
<text transform="matrix(1 0 0 1 52.4316 129.1265)" font-family="'MyriadPro-Regular'" font-size="12">-0.5</text>
<rect x="49.432" y="70.607" fill="none" width="22.857" height="11.786"/>
<text transform="matrix(1 0 0 1 49.4316 79.1265)" font-family="'MyriadPro-Regular'" font-size="12"> 0.0</text>
<rect x="49.432" y="20.607" fill="none" width="22.857" height="11.786"/>
<text transform="matrix(1 0 0 1 49.4316 29.1265)" font-family="'MyriadPro-Regular'" font-size="12"> 0.5</text>
<g>
	<path fill="#FFFFFF" stroke="#000000" stroke-width="3" stroke-miterlimit="10" d="M370.685,93.422
		c-0.066-4.772-3.09-7.937-3.579-12.365c-0.345-3.139,0.375-3.733-0.509-6.694c-0.125-0.417-1.57-5.324-1.743-5.517
		c-2.22-2.481-7.781-0.57-11.536-0.816c-4.271-0.277-8.788-0.625-13.083-1.083c-0.069-1.303,0.106-2.763-0.069-4.066
		c-0.821-6.078-2.027-5.62-8.328-5.916c-4.274-0.201-8.508,0.107-12.35,0.811c-3.176,0.581-11.91-0.426-14.316,1.44
		c-2.474,1.917-1.941,9.656-2.916,12.396c-1.386,3.897-2.848,7.468-4.024,11.412c-1.69,5.672-2.515,4.146-7.88,3.622
		c-8.795-0.86-16.645,1.491-24.883,2.665c-3.855,0.548-7.893,2.571-11.449,2.053c-4.588-0.668-6.689-4.813-9.362-7.891
		c-4.381-5.048-10.217-10.272-13.605-16.102c-3.814-6.566-4.878-14.975-6.055-22.289c-0.619-3.852-0.875-8.742-3.633-11.908
		c-1.878-2.157-6.329-6.539-8.706-7.745L216.771,30c-3.906-1.292-3.398-3.313-7.871-3.657c-8.813-0.677-16.792,1.828-25.492,1.828
		c-10.965,0-21.391-1.828-32.448-1.828c-5.002,0-9.657,0.456-14.638,0.457c-5.422,0.002-7.832,1.23-12.201,3.2
		c-3.882,1.748-7.376,2.896-11.56,4.137c-3.354,0.997-6.573,3.173-10.433,2.775c-1.154,6.82,8.381,14.281,11.023,20.432
		c2.347,5.464,4.689,10.85,6.718,16.528c3.605,10.087,10.002,23.421,8.36,34.628H369.99
		C370.379,103.479,370.753,98.435,370.685,93.422z"/>
	<path fill="#FFFFFF" stroke="#000000" stroke-width="3" stroke-miterlimit="10" d="M93.379,287.757
		c-0.613,3.891-0.794,7.661-2.366,11.414c-3.226,7.707-7.234,12.476-7.234,21.366c0,8.656-3.198,15.108-3.198,23.891
		c0,3.688-1.149,11.096,3.921,10.888c2.338-0.096,8.007-5.288,8.877-7.313c3.278,3.506,5.728,1.67,9.116-0.479
		c1.926-1.223,4.327-1.918,6.074-3.099c1.636-1.106,2.706-2.532,4.78-3.207c3.063-0.998,11.79,0.291,14.684,1.508
		c3.23,1.358,6.957,5.258,9.788,7.541c4.715,3.804,4.939,4.337,10.846,3.748c8.881-0.887,17.731,0.822,26.519,0.924
		c8.884,0.104,17.878,0.027,26.583,0.457c8.775,0.433,16.915-0.445,25.529,0c9.07,0.467,17.954,0.425,26.926-0.024
		c4.224-0.211,9.947-0.601,13.834,0.953c4.163,1.662,6.336,5.75,10.264,8.209c8.102,5.073,18.132,4.572,27.568,4.572
		c4.576,0,9.344-1.397,13.61-1.269c3.823,0.114,8.136,2.262,12.008,3.11c4.821,1.056,9.783,2.294,14.614,3.173
		c4.373,0.797,9.629,2.729,13.82,2.185c4.188-0.547,8.593-3.255,12.697-4.456c4.018-1.178,8.146-1.609,12.225-2.854
		c6.889-2.105,16.408-3.697,22.459-6.643c-4.632-4.303-10.061-8.401-14.462-13.001c-4.813-5.027-12.854-8.752-16.946-14.165
		c-2.628-3.477-0.771-8.795-0.559-13.166c0.218-4.493-0.487-8.807-0.457-13.231c0.051-7.136,0.733-14.166,0.625-21.288H93.427
		C93.413,287.585,93.392,287.672,93.379,287.757z"/>
	<path fill="#AF0206" stroke="#AF0206" stroke-width="3" stroke-miterlimit="10" d="M374.898,255.333
		c0-4.953,0.517-10.189,0.024-15.106c-0.399-3.989,0.388-7.339,0.022-11.355c9.597-1.479,20.197,1.836,30.118,1.301
		c4.879-0.262,9.218-0.914,14.169-0.914c4.104,0,13.227,1.684,16.337-1.271c-1.846-1.941-5.471-3.06-6.547-5.598
		c-0.881-2.077,0.054-5.977,0.264-8.212c0.506-5.429,0.966-10.888,1.714-16.2c0.743-5.261,1.016-10.343,1.46-15.69
		c0.413-4.957,3.058-10.712-0.397-14.793c-2.444,1.337-3.572,3.115-5.979,3.72c-2.819,0.709-6.755-0.027-9.641,0.105
		c-4.104,0.189-8.125,1.063-12.271,1.269c-4.479,0.223-9.246-1.078-13.402-0.813c-5.11,0.327-6.014,4.601-7.835,8.991
		c-3.379-0.741-6.192-5.308-9.348-5.014c-0.456-2.977,0.205-5.97,1.301-8.602c1.91-4.584,2.156-5.663,1.001-10.56
		c-1.332-5.652-2.342-10.544-4.203-16.005c-3.478-10.206-2.55-21.092-1.697-32.086H128.231c-0.308,2.106-0.899,4.138-1.847,6.058
		c-7.215,14.609,1.985,30.041,11.209,41.133c5.989,7.206,3.653,13.375,3.313,21.924c-0.307,7.693-1.355,15.482-2.753,22.977
		c-1.291,6.932-5.094,14.367-10.833,18.713c-2.831,2.142-7.584,2.322-10.101,4.574c-2.635,2.361-2.357,7.109-4.064,10.052
		c-3.87,6.664-8.643,11.702-11.221,19.068c-2.545,7.27-3.919,15.225-5.436,22.875c-0.735,3.707-2.416,7.749-3.07,11.625h282.097
		c-0.028-1.896-0.1-3.796-0.27-5.708C374.491,273.162,374.898,264.108,374.898,255.333z"/>
</g>
<rect x="96.857" y="275.572" fill="none" width="27.857" height="12.857"/>
<text transform="matrix(1 0 0 1 96.8574 284.0918)" font-family="'MyriadPro-Regular'" font-size="12">1996</text>
<rect x="131.429" y="107.5" fill="none" width="27.857" height="12.857"/>
<text transform="matrix(1 0 0 1 131.4292 116.02)" font-family="'MyriadPro-Regular'" font-size="12">2012</text>
</svg>
  
<div class="ct-chart chartseven psun">
  <h3>Political Stability of Angola</h3>
</div>
<div class="ct-chart charteight psun">
  <h3>Undernourishment in Angola (%)</h3>
</div>
  
  <div class="info">
  <ul>
  <li>From 1975 - 2002 the Civil War in Angola led to a high lack of access to medical care and water and lowered life expectancy considerably.</li>
  <li>The end of the Civil War in 2003 allowed the economy to grow faster.</li>
  <li>The Legislative Elections held in September 2008 for the first time since 1992 and was viewed as 'an important step towards consolidation of our democracy.'</li>
  <li>In 2010 a new Constitution was introduced granting almost absolute power to the President, for whom elections took place every five years.</li>
  </ul>
  </div>
  
</div>

<div class="syria">
<h2>Syrian Arab Republic</h2>
<svg version="1.1" id="Layer_1" class="outline" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
	 width="960px" height="560px" viewBox="0 0 960 560" enable-background="new 0 0 960 560" xml:space="preserve">
<line fill="none" stroke="#000000" stroke-width="3" stroke-miterlimit="10" x1="27.5" y1="26" x2="27.5" y2="376"/>
<line fill="none" stroke="#000000" stroke-width="3" stroke-miterlimit="10" x1="27" y1="376.5" x2="48" y2="376.5"/>
<line fill="none" stroke="#000000" stroke-width="3" stroke-miterlimit="10" x1="27" y1="76.5" x2="48" y2="76.5"/>
<line fill="none" stroke="#000000" stroke-width="3" stroke-miterlimit="10" x1="27" y1="126.5" x2="48" y2="126.5"/>
<line fill="none" stroke="#000000" stroke-width="3" stroke-miterlimit="10" x1="27" y1="176.5" x2="48" y2="176.5"/>
<line fill="none" stroke="#000000" stroke-width="3" stroke-miterlimit="10" x1="27" y1="226.5" x2="48" y2="226.5"/>
<line fill="none" stroke="#000000" stroke-width="3" stroke-miterlimit="10" x1="27" y1="276.5" x2="48" y2="276.5"/>
<line fill="none" stroke="#000000" stroke-width="3" stroke-miterlimit="10" x1="27" y1="326.5" x2="48" y2="326.5"/>
<line fill="none" stroke="#000000" stroke-width="3" stroke-miterlimit="10" x1="27" y1="26.5" x2="48" y2="26.5"/>
<rect x="50.432" y="370.714" fill="none" width="22.857" height="11.786"/>
<text transform="matrix(1 0 0 1 50.4316 379.2334)" font-family="'MyriadPro-Regular'" font-size="12">-3.0</text>
<rect x="49.432" y="320.607" fill="none" width="22.857" height="11.785"/>
<text transform="matrix(1 0 0 1 49.4316 329.127)" font-family="'MyriadPro-Regular'" font-size="12">-2.5</text>
<rect x="49.432" y="270.607" fill="none" width="22.857" height="11.786"/>
<text transform="matrix(1 0 0 1 49.4316 279.1265)" font-family="'MyriadPro-Regular'" font-size="12">-2.0</text>
<rect x="49.432" y="221.607" fill="none" width="22.857" height="11.786"/>
<text transform="matrix(1 0 0 1 49.4316 230.1265)" font-family="'MyriadPro-Regular'" font-size="12">-1.5</text>
<rect x="49.432" y="170.607" fill="none" width="22.857" height="11.786"/>
<text transform="matrix(1 0 0 1 49.4316 179.1265)" font-family="'MyriadPro-Regular'" font-size="12">-1.0</text>
<rect x="52.432" y="120.607" fill="none" width="22.857" height="11.786"/>
<text transform="matrix(1 0 0 1 52.4316 129.1265)" font-family="'MyriadPro-Regular'" font-size="12">-0.5</text>
<rect x="49.432" y="70.607" fill="none" width="22.857" height="11.786"/>
<text transform="matrix(1 0 0 1 49.4316 79.1265)" font-family="'MyriadPro-Regular'" font-size="12"> 0.0</text>
<rect x="49.432" y="20.607" fill="none" width="22.857" height="11.786"/>
<text transform="matrix(1 0 0 1 49.4316 29.1265)" font-family="'MyriadPro-Regular'" font-size="12"> 0.5</text>
<g>
	<path fill="#FFFFFF" stroke="#000000" stroke-width="3" stroke-miterlimit="10" d="M109.343,360.729
		c2.45,1.499,5.134,1.225,7.434,2.735c1.93,1.267,2.795,3.002,4.315,4.576c4.026,4.172,6.894,5.532,12.412,6.238
		c7.69,0.983,16.503,5.515,23.791,1.92c14.843-7.321,27.957-18.256,42.848-25.698H97.185
		C101.015,354.042,104.847,357.98,109.343,360.729z"/>
	<path fill="#FFFFFF" stroke="#000000" stroke-width="3" stroke-miterlimit="10" d="M468.313,27.346
		c-0.784-0.651-3.818-0.466-5.14-1.312c-1.581-1.012-0.166-3.23-3.165-3.208l0.456,0.91c-4.318,7.657-8.801,12.192-17.766,15.047
		c-8.458,2.692-18.578,2.805-27.304,3.642c-11.715,1.122-21.063-8.341-33.143-6.054c-8.389,1.588-13.859,5.861-21.169,10.038
		c-3.274,1.87-6.507,3.66-9.767,5.553c-3.203,1.86-5.842,4.733-9.22,6.27c-3.583,1.63-8.456,1.502-12.197,2.926
		c-3.011,1.144-5.947,4.061-9.583,3.481c-0.017-0.291-0.031-0.532-0.044-0.753c-0.178,0.045-0.353,0.093-0.531,0.136
		c-0.447,0.846-1.387,1.446-3.011,2.541c-1.08,0.729-5.922,1.506-7.408,1.809c-4.797,0.977-10.797,2.363-15.605,2.608
		c-12.076,0.615-25.635-2.506-36.305-7.99c-8.92-4.584-15.531-9.283-25.959-8.298c-5.125,0.484-5.719,2.767-8.739,6.372
		c-2.955,3.526-5.326,3.868-9.928,4.098c-3.188,0.16-10.578-1.98-13.187-0.363c-3.504,2.172-1.01,7.584-5.215,9.83
		c-3.704,1.98-25.873,0.632-26.266-2.563c-2.273-1.471-3.071-4.685-5.237-6.425c-2.553-2.052-6.35-3.505-9.859-4.043
		c-7.597-1.166-9.702,0.642-9.41,7.663c0.148,3.575-0.447,6.831-1.01,10.277c-0.399,2.442-2.39,4.524-2.755,6.441
		c-1.103,5.78,4.842,11.112,7.824,15.533c-4.608-0.077-8.931,1.588-13.62,1.89c-6.045,0.389-7.11,2.613-6.829,8.639
		c0.042,0.887,0.44,2.742,0.632,4.457h285.017c-0.04-0.11-0.081-0.214-0.121-0.325c-2.698-7.524-6.141-13.766-3.15-22.331
		c2.757-7.899,9.776-13.827,17.44-15.921c2.928-1.586,6.397-1.797,9.648-2.845c3.396-1.095,5.341-2.927,8.285-4.782
		c3.536-2.227,5.666-3.028,8.318-6.498c1.975-2.585,3.532-5.244,5.261-7.852c3.456-5.208,12.396-12.592,12.481-18.098
		C471.077,35.057,469.955,28.707,468.313,27.346z"/>
	<path fill="#9B0206" stroke="#9B0206" stroke-width="3" stroke-miterlimit="10" d="M127.599,119.814
		c-1.054,1.476-4.106,0.925-5.737,1.448c-5.443,1.74-3.696,5.897-5.998,10.32c-2.864-0.489-8.135-5.868-8.537-8.566
		c-3.459,3.656-8.551,2.737-10.274,8.26c-0.805,2.581,0.032,5.348-0.308,7.991c-0.313,2.428-1.656,4.297-2.425,6.486
		c-1.59,4.527-0.192,7.359,3.403,10.928c4.124,4.095,6.143,4.802,3.596,11.176c0.756,0.457,0.921,1.091,1.398,1.479
		c0.529,0.007,1.133,0.119,1.674,0.137c0.816,6.484-4.189,11.075-4.485,17.239c-0.32,6.673-1.34,14.345,0.482,20.967
		c2.203,8.011,7.499,8.171,14.998,8.17c3.483,0,5.715-0.754,8.625-1.467c3.482-0.852,4.672-0.525,8.605,1.092
		c0.358,2.868-1.807,2.115-3.002,4.007c-1.258,1.991-1.729,2.675-1.401,5.395c2.835,0.599,4.335,0.947,6.748,2.72
		c1.647,1.211,3.562,4.297,5.394,4.696c-0.267,4.609,1.604,8.139,2.674,12.215c1.032,3.93,0.248,3.309-1.593,5.496
		c-0.332,0.395-1.781,0.201-2.399,0.902c-0.358,0.407-0.224,1.667-0.533,2.176c-1.726,2.831,0.182,2.481-3.089,3.261
		c-1.745,0.417-4.087-0.917-5.461-0.427c-3.827,1.361-2.53,7.372-7.161,7.271c0.971,1.411,1.134,2.241,1.312,4.027
		c4.978,1.643,6.105,4.786-0.18,4.187c-3.484-0.332-7.177-1.694-10.303-2.683c-0.451,4.79-7.511,6.282-9.705,10.755
		c-0.825,1.683-1.641,5.799-0.399,7.759c1.908,3.01,5.632,1.051,3.663,6.021c-1.923,4.853-8.668,4.347-12.177,7.82
		c-3.703,3.664-2.691,11.122-10.049,9.993c-0.321,6.318-0.358,11.414-1.901,17.219c-1.037,3.901-1.897,13.701-0.342,17.563
		c2.073,5.148,1.651-0.028,4.451-0.98c2.042-0.694,5.527,1.717,7.159,3.085c0.962,0.806,1.913,1.668,2.865,2.548h102.958
		c0.164-0.082,0.325-0.169,0.489-0.25c7.204-3.554,13.012-8.772,19.008-13.759c6.544-5.441,14.802-7.987,21.851-12.192
		c6.882-4.106,14.046-8.023,20.612-12.723c7.597-5.437,16.276-8.554,24.002-13.402c13.587-8.527,26.935-17.384,40.061-26.793
		c13.766-9.871,29.772-17.618,44.625-26.381c13.42-7.917,33.544-14.987,37.219-32.083c3.656-17.011-1.207-34.418,1.443-51.264
		c1.084-6.892,5.626-13.453,7.752-20.439c3.09-10.16-0.981-15.517-4.333-24.713H127.855
		C128.012,117.902,128.031,119.21,127.599,119.814z"/>
</g>
<rect x="97.185" y="337.643" fill="none" width="27.857" height="12.857"/>
<text transform="matrix(1 0 0 1 97.1846 346.1631)" font-family="'MyriadPro-Regular'" font-size="12">2012</text>
<rect x="130.182" y="116.5" fill="none" width="27.857" height="12.856"/>
<text transform="matrix(1 0 0 1 130.1821 125.02)" font-family="'MyriadPro-Regular'" font-size="12">1996</text>
</svg>

<div class="ct-chart chartnine psun">
  <h3>Political Stability of Syria</h3>
</div>
  
  <div class="info">
  <ul>
    <li>Bashar al-Assad succeeded his father, Hafez al-Assad as President in 2000. This generated interest in political reform and led human rights and civil society advocates to become more outspoken. Over 700 long term prisoners were freed by the new President.</li>
    <li>Hundred of people (mainly human rights activists) were imprisoned for political reasons in 2009. Many of them were killed.</li>
    <li>In 2011 the Syrian Civil War began as peaceful protests. These were violently stopped by the Syrian Army which led to an armed rebellion from protestors and led to obligatory military service period increasing and the Syrian Pound falling to 1/10th in value.</li>
    </ul>
  </div>
  
</div>

<div class="mali">
<h2>Mali</h2>
<svg version="1.1" id="Layer_1" class="outline" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
	 width="960px" height="560px" viewBox="0 0 960 560" enable-background="new 0 0 960 560" xml:space="preserve">
<line fill="none" stroke="#000000" stroke-width="3" stroke-miterlimit="10" x1="27.5" y1="26" x2="27.5" y2="376"/>
<line fill="none" stroke="#000000" stroke-width="3" stroke-miterlimit="10" x1="27" y1="376.5" x2="48" y2="376.5"/>
<line fill="none" stroke="#000000" stroke-width="3" stroke-miterlimit="10" x1="27" y1="76.5" x2="48" y2="76.5"/>
<line fill="none" stroke="#000000" stroke-width="3" stroke-miterlimit="10" x1="27" y1="126.5" x2="48" y2="126.5"/>
<line fill="none" stroke="#000000" stroke-width="3" stroke-miterlimit="10" x1="27" y1="176.5" x2="48" y2="176.5"/>
<line fill="none" stroke="#000000" stroke-width="3" stroke-miterlimit="10" x1="27" y1="226.5" x2="48" y2="226.5"/>
<line fill="none" stroke="#000000" stroke-width="3" stroke-miterlimit="10" x1="27" y1="276.5" x2="48" y2="276.5"/>
<line fill="none" stroke="#000000" stroke-width="3" stroke-miterlimit="10" x1="27" y1="326.5" x2="48" y2="326.5"/>
<line fill="none" stroke="#000000" stroke-width="3" stroke-miterlimit="10" x1="27" y1="26.5" x2="48" y2="26.5"/>
<rect x="50.432" y="370.714" fill="none" width="22.857" height="11.786"/>
<text transform="matrix(1 0 0 1 50.4316 379.2334)" font-family="'MyriadPro-Regular'" font-size="12">-3.0</text>
<rect x="49.432" y="320.607" fill="none" width="22.857" height="11.785"/>
<text transform="matrix(1 0 0 1 49.4316 329.127)" font-family="'MyriadPro-Regular'" font-size="12">-2.5</text>
<rect x="49.432" y="270.607" fill="none" width="22.857" height="11.786"/>
<text transform="matrix(1 0 0 1 49.4316 279.1265)" font-family="'MyriadPro-Regular'" font-size="12">-2.0</text>
<rect x="49.432" y="221.607" fill="none" width="22.857" height="11.786"/>
<text transform="matrix(1 0 0 1 49.4316 230.1265)" font-family="'MyriadPro-Regular'" font-size="12">-1.5</text>
<rect x="49.432" y="170.607" fill="none" width="22.857" height="11.786"/>
<text transform="matrix(1 0 0 1 49.4316 179.1265)" font-family="'MyriadPro-Regular'" font-size="12">-1.0</text>
<rect x="52.432" y="120.607" fill="none" width="22.857" height="11.786"/>
<text transform="matrix(1 0 0 1 52.4316 129.1265)" font-family="'MyriadPro-Regular'" font-size="12">-0.5</text>
<rect x="49.432" y="70.607" fill="none" width="22.857" height="11.786"/>
<text transform="matrix(1 0 0 1 49.4316 79.1265)" font-family="'MyriadPro-Regular'" font-size="12"> 0.0</text>
<rect x="49.432" y="20.607" fill="none" width="22.857" height="11.786"/>
<text transform="matrix(1 0 0 1 49.4316 29.1265)" font-family="'MyriadPro-Regular'" font-size="12"> 0.5</text>
<g>
	<path fill="#FFFFFF" stroke="#000000" stroke-width="3" stroke-miterlimit="10" d="M205.601,27.157
		c0.172,0,0.344-0.005,0.517-0.006c0.013-0.014,0.03-0.024,0.043-0.038L205.601,27.157z"/>
	<path fill="#FFFFFF" stroke="#000000" stroke-width="3" stroke-miterlimit="10" d="M271.729,44.396
		c-5.577-4.559-12.121-8.019-18.598-11.693c-3.45-1.958-5.619-4.06-8.507-4.628c-4.389-0.861-9.574-1.124-14.072-1.371
		c-8.235-0.454-16.256,0.41-24.434,0.446c-0.698,0.745-1.073,1.892-0.972,3.647c0.289,5.018,2.911,9.688,3.173,14.961
		c0.079,1.578,0.167,3.16,0.258,4.742h71.22C276.999,48.574,274.375,46.56,271.729,44.396z"/>
	<path fill="#FFFFFF" stroke="#000000" stroke-width="3" stroke-miterlimit="10" d="M206.161,27.112l10.781-0.861
		C212.923,26.251,208.203,25.014,206.161,27.112z"/>
	<path fill="#FFFFFF" stroke="#000000" stroke-width="3" stroke-miterlimit="10" d="M80.849,273.133
		c-0.218,4.382,1.949,7.566,3.729,11.241c0.708,1.463,2.157,3.869,2.178,5.443c0.025,2.142-2.161,3.774-2.299,5.422
		c-0.174,2.057,1.14,4.875,2.859,6.053c1.639,1.12,3.683,0.122,5.441,1.071c3.615,1.958,3.546,7.573,7.065,9.309
		c0.35,2.639,0.782,5.321,0.532,8.086c-0.285,3.142-2.327,5.722-2.754,8.166c-1.243,7.093,7.007,5.959,10.115,1.417
		c3.012,1.218,5.655,6.634,8.539,6.338c1.759-0.18,5.171-4.86,6.307-6.338c3.509,1.408,12.115,2.103,13.643,6.032
		c0.706-2.742-0.013-5.146,2.324-7.007c2.813-2.243,6.277-0.176,5.445-5.718c2.373-0.318,5.114-0.229,7.573-0.101
		c0.625,2.836,1.467,4.82,2.341,7.063c0.704,1.807,3.066,4.483-0.39,5.648c-0.148,2.134,2.038,6.897,3.88,6.317
		c2.381,2.944,6.003,6.231,9.606,7.281c0.996,4.965-10.367,2.741-7.123,9.21c1.71-1.738,3.779-2.607,6.217-1.522
		c-0.409,6.76,2.563,23.056,12.802,17.772c1.935-0.998,2.681-4.15,5.422-3.796c1.442,0.187,3.733,3.045,4.965,3.672
		c2.721,1.386,8.272,3.829,8.222-1.192c4.865-0.671,8.041-0.195,7.726-6.451c1.461-0.038,2.741-0.17,4.026,0.452
		c2.896-6.42,4.452-2.735,5.33,1.647c0.685,3.414,1.517,7.701,6.269,5.906c3.156-1.192,3.492-5.114,8.245-3.89
		c2.478,0.639,6.452,5.1,9.185,2.075c1.239-1.371-0.006-8.141-0.008-10.333c-0.004-4.134,0.428-6.99,1.805-10.409
		c2.982-7.405,6.988-10.525,12.723-15.797c3.075-2.828,6.736-5.645,8.176-9.742c1.549-4.406,1.855-9.193,3.947-13.555
		c3.779-7.879,15.793-10.646,24.181-12.213c9.658-1.805,15.181-4.819,22.873-10.753c6.718-5.181,11.161-12.879,18.929-16.33
		c0.847-0.376,1.6-0.747,2.32-1.111H80.905C80.885,272.707,80.86,272.905,80.849,273.133z"/>
	<path fill="#870206" stroke="#870206" stroke-width="3" stroke-miterlimit="10" d="M222.836,182.759
		c-0.433-4.33-1.204-8.578-1.917-12.898c0.575,5.674,1.174,11.723,1.757,17.742C222.88,186.047,223.006,184.456,222.836,182.759z"/>
	<path fill="#870206" stroke="#870206" stroke-width="3" stroke-miterlimit="10" d="M225.607,220.002
		c0.178,1.932,0.098,3.605,0.067,5.251c0.31,3.021,0.552,5.222,0.698,6.284c0.049-0.001,0.098,0.005,0.147,0.005
		c-0.134-4.17-1.9-23.874-3.843-43.94c-0.109,0.83-0.236,1.651-0.362,2.469c0.709,7.67,1.465,15.747,2.138,22.762
		C224.932,215.277,225.396,217.712,225.607,220.002z"/>
	<path fill="#870206" stroke="#870206" stroke-width="3" stroke-miterlimit="10" d="M221.908,193.633
		c-0.195,4.11,0.861,8.729,1.396,12.727c0.28,2.1,0.72,4.29,1.149,6.474c-0.673-7.015-1.429-15.092-2.138-22.762
		C222.133,191.251,221.965,192.428,221.908,193.633z"/>
	<path fill="#870206" stroke="#870206" stroke-width="3" stroke-miterlimit="10" d="M450.112,230.388c-0.227-4.24,0-8.554,0-12.802
		c0-8.547,0.455-16.948,0.455-25.426c0-4.527-0.677-8.267-1.257-12.576c-0.51-3.771,0.688-8.267-0.537-11.75
		c-4.758,0.777-12.664,4.753-17.284,4.056c-3.756-0.566-3.955-2.333-3.492-5.464c0.495-3.326,1.203-4.25,0.895-7.711
		c-0.535-6.005-0.203-8.843-6.405-10.912c-1.231-0.411-18.966-3.074-11.956-5.773c-0.536-0.332-1.042-0.711-1.522-1.128
		c-5.324-1.625-11.006,1.711-14.792-4.317c-0.169-0.269-0.315-0.514-0.453-0.75l-0.3-0.3c-0.717-0.717-1.122-1.563-1.299-2.438
		c-0.354-0.47-0.797-0.898-1.482-1.374c-1.262-0.734-2.6-1.359-4.013-1.902c-0.592-0.228-1.161-0.546-1.676-0.93
		c-0.967-0.39-1.938-0.759-2.849-1.103c-0.119-1.91-0.339-3.565-1.01-5.366c-1.201-3.224-0.31-1.893-3.525-4.171
		c-27.235-19.297-55.069-39.725-83.675-56.945c-4.373-2.632-7.908-6.694-12.285-9.551c-0.632-0.413-1.242-0.834-1.854-1.255h-71.22
		c0.801,13.991,2.071,28.077,4.268,41.519c1.234,7.547,0.689,15.575,1.804,23.169c1.145,7.791,0.526,17.269,2.87,24.927
		c0.406,1.325,1.814,14.103,3.4,29.746c0.713,4.32,1.484,8.568,1.917,12.898c0.17,1.697,0.044,3.288-0.16,4.844
		c1.943,20.067,3.709,39.77,3.843,43.94c0.879,0.003,1.755,0.2,2.504,0.639c0.284,0.166,0.536,0.357,0.77,0.562
		c2.219,0.672,4.345,1.735,6.598,2.249c-0.262,3.14-1.714,6.294-2.335,9.459c-0.623,3.171-0.549,7.411-2.113,10.299
		c-10.941-2.932-25.179-1.912-36.776-0.748c-8.271,0.828-16.374-0.931-24.976-0.931c-8.77,0-17.667-0.055-26.288-0.478
		c-7.564-0.371-18.977-1.589-24.282,4.662c-2.538,2.991-2.88,7.267-8.503,4.081c-2.592-1.469-3.792-5.632-4.854-8.684
		c-1.103-3.167-4.508-9.977-9.56-7.225c-2.341,1.274-3.291,7.294-4.15,9.459c-1.215,3.06-2.718,7.659-4.779,10.08
		c-3.15,3.702-6.366,2.518-6.871,7.533h252.311c3.053-1.541,5.264-2.904,8.954-3.54c3.796-0.654,7.461-1.415,11.333-1.802
		c7.826-0.784,19.367,1.228,25.414-4.217c4.047-3.643,5.091-4.15,10.488-4.425c4.875-0.249,10.053-0.993,15.018-0.478
		c9.054,0.941,18.681,1.767,27.53-0.882c5.299-1.589,4.748-4.616,7.818-8.621c1.061-1.383,3.45-3.504,4.911-4.422
		c1.526-0.956,4.888-1.104,5.915-2.36C452.374,239.585,450.252,232.991,450.112,230.388z"/>
	<path fill="#870206" stroke="#870206" stroke-width="3" stroke-miterlimit="10" d="M222.314,190.072
		c0.126-0.818,0.252-1.64,0.362-2.469c-0.583-6.019-1.182-12.068-1.757-17.742c-0.482-2.917-0.938-5.867-1.244-8.899
		C219.511,159.333,220.807,173.771,222.314,190.072z"/>
	<path fill="#870206" stroke="#870206" stroke-width="3" stroke-miterlimit="10" d="M225.607,220.002
		c-0.21-2.291-0.675-4.726-1.155-7.168c0.46,4.797,0.881,9.093,1.222,12.42C225.705,223.608,225.785,221.935,225.607,220.002z"/>
	<path fill="#870206" stroke="#870206" stroke-width="3" stroke-miterlimit="10" d="M226.372,231.538
		c-0.146-1.063-0.388-3.263-0.698-6.284c-0.036,1.995,0.012,3.957,0.674,6.284C226.356,231.537,226.364,231.539,226.372,231.538z"/>
</g>
<rect x="89.357" y="262.178" fill="none" width="27.857" height="12.857"/>
<text transform="matrix(1 0 0 1 89.3569 270.6987)" font-family="'MyriadPro-Regular'" font-size="12">2012</text>
<rect x="209.523" y="51.5" fill="none" width="27.857" height="12.856"/>
<text transform="matrix(1 0 0 1 209.5234 60.02)" font-family="'MyriadPro-Regular'" font-size="12">1996</text>
</svg>

<div class="ct-chart chartten psun">
  <h3>Political Stability of Mali</h3>
</div>
<div class="ct-chart charteleven psun">
  <h3>Undernourishment in Mali (%)</h3>
</div>

  <div class="info">
  <ul>
    <li>From 1996 - 2002 Alpha Oumar Konare was Presidant after Mali's 1st democratic, multi-party election. During his time in office, Mali was regarded as one of the most politically and socially stable countries in Africa.</li>
    <li>In 2012 armed conflict broke out in the north which led to the succession of a new state, Azawad. This led to a military coup in March and October that year.</li>
    </ul>
  </div>

</div>
  
<div class="thailand">
<h2>Thailand</h2>
<svg version="1.1" id="Layer_1" class="outline" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
	 width="960px" height="560px" viewBox="0 0 960 560" enable-background="new 0 0 960 560" xml:space="preserve">
<line fill="none" stroke="#000000" stroke-width="3" stroke-miterlimit="10" x1="27.5" y1="26" x2="27.5" y2="376"/>
<line fill="none" stroke="#000000" stroke-width="3" stroke-miterlimit="10" x1="27" y1="376.5" x2="48" y2="376.5"/>
<line fill="none" stroke="#000000" stroke-width="3" stroke-miterlimit="10" x1="27" y1="76.5" x2="48" y2="76.5"/>
<line fill="none" stroke="#000000" stroke-width="3" stroke-miterlimit="10" x1="27" y1="126.5" x2="48" y2="126.5"/>
<line fill="none" stroke="#000000" stroke-width="3" stroke-miterlimit="10" x1="27" y1="176.5" x2="48" y2="176.5"/>
<line fill="none" stroke="#000000" stroke-width="3" stroke-miterlimit="10" x1="27" y1="226.5" x2="48" y2="226.5"/>
<line fill="none" stroke="#000000" stroke-width="3" stroke-miterlimit="10" x1="27" y1="276.5" x2="48" y2="276.5"/>
<line fill="none" stroke="#000000" stroke-width="3" stroke-miterlimit="10" x1="27" y1="326.5" x2="48" y2="326.5"/>
<line fill="none" stroke="#000000" stroke-width="3" stroke-miterlimit="10" x1="27" y1="26.5" x2="48" y2="26.5"/>
<rect x="50.432" y="370.714" fill="none" width="22.857" height="11.786"/>
<text transform="matrix(1 0 0 1 50.4316 379.2334)" font-family="'MyriadPro-Regular'" font-size="12">-3.0</text>
<rect x="49.432" y="320.607" fill="none" width="22.857" height="11.785"/>
<text transform="matrix(1 0 0 1 49.4316 329.127)" font-family="'MyriadPro-Regular'" font-size="12">-2.5</text>
<rect x="49.432" y="270.607" fill="none" width="22.857" height="11.786"/>
<text transform="matrix(1 0 0 1 49.4316 279.1265)" font-family="'MyriadPro-Regular'" font-size="12">-2.0</text>
<rect x="49.432" y="221.607" fill="none" width="22.857" height="11.786"/>
<text transform="matrix(1 0 0 1 49.4316 230.1265)" font-family="'MyriadPro-Regular'" font-size="12">-1.5</text>
<rect x="49.432" y="170.607" fill="none" width="22.857" height="11.786"/>
<text transform="matrix(1 0 0 1 49.4316 179.1265)" font-family="'MyriadPro-Regular'" font-size="12">-1.0</text>
<rect x="52.432" y="120.607" fill="none" width="22.857" height="11.786"/>
<text transform="matrix(1 0 0 1 52.4316 129.1265)" font-family="'MyriadPro-Regular'" font-size="12">-0.5</text>
<rect x="49.432" y="70.607" fill="none" width="22.857" height="11.786"/>
<text transform="matrix(1 0 0 1 49.4316 79.1265)" font-family="'MyriadPro-Regular'" font-size="12"> 0.0</text>
<rect x="49.432" y="20.607" fill="none" width="22.857" height="11.786"/>
<text transform="matrix(1 0 0 1 49.4316 29.1265)" font-family="'MyriadPro-Regular'" font-size="12"> 0.5</text>
<g>
	<path fill="#FFFFFF" stroke="#000000" stroke-width="3" stroke-miterlimit="10" d="M163.602,32.346
		c-0.406-0.72-2.486-4.195-3.13-4.476c-1.887-0.824-5.665,0.904-6.015,2.615c-0.838-1.119-2.854-4.018-4.446-4.443
		c-2.348-0.625-3.168,1.482-4.069,1.771c-3.704,1.186-4.144-0.437-8.176-1.385l0.455,1.36c-0.769-0.428-0.875-0.904-1.744-0.849
		c0.906,1.365,3.21,4.068,2.229,6.3c-2.325,5.294-9.608-0.516-12.193,1.341c-0.725,0.522-0.723,1.75-0.723,2.92h37.949
		C164.619,36.254,165.159,35.113,163.602,32.346z"/>
	<path fill="#FFFFFF" stroke="#000000" stroke-width="3" stroke-miterlimit="10" d="M212.721,189.5h-82.947
		c0.493,1.916,0.609,3.822,0.18,5.625c-0.992,4.172-4.694,4.479-3.058,9.513c1.178,3.627,4.411,6.295,6.914,9.057
		c2.135,2.353,10.294,21.339,2.21,20.034c0.533,4.343-5.069,12.046-8.241,14.453c-4.934,3.745-7.552,7.193-9.968,12.684
		c-2.372,5.392-4.718,10.745-6.459,16.294c-1.175,3.745-0.973,7.096-2.952,10.397c-1.019,1.699-3.792,5.954-5.506,6.382
		c1.729,5.296,0.299,7.527-0.522,12.704c-0.605,3.813,1.232,12.093,6.303,11.293c-0.917-9.881,10.191,0.938,12.573,4.252
		c0.903,1.259,0.814,3.176,1.984,4.625c1.822,2.254,3.555,1.303,5.008,2.52c1.263,1.055,4.749,7.417,4.697,9.914
		c8.129-0.705,4.989,6.448,8.909,10.862c2.952,3.322,7.345,4.84,10.416,8.321c3.653-2.533,0.905-5.189,5.784-3.027
		c3.856,1.711,4.763,3.087,9.591,2.893c0.172-0.388,0.022-0.813,0.123-1.226c4.08-0.288,0.953,3.736,2.37,5.734
		c1.533,2.163,5.614,1.461,7.881,1.421c-1.476,1.119-3.461,7.908-2.617,10.031c1.366,3.438,8.26,3.792,8.206-0.76
		c2.91,0.789,5.251-1.188,8.094-1.472c0.024,6.431,9.275-0.536,10.541-3.607c10.13-1.83-6.18-10.262-7.673-11.95
		c-2.433-2.753-2.211-7.858-6.002-8.986c-3.264-0.971-5.587,1.716-8.598,1.334c-5.639-0.713-11.119-4.516-16.475-6.3
		c-2.853-0.95-5.675-2.439-7.584-4.66c-1.751-2.034-1.677-5.102-4.502-5.772c0.598-1.879,1.409-3.661,2.597-4.971
		c-0.266,3.08,2.984,4.559,4.5,6.766c1.32,1.919,2.139,4.208,2.926,6.267c0.85,0.269,2.543,0.281,3.388,0.011
		c0.246-1.779-3.151-6.499-4.023-8.444c-1.179-2.633-3.391-5.006-4.331-8.014c-1.009-3.226,0.799-8.172-0.547-11.144
		c-0.807-1.781-7.1-5.702-9.009-6.869c-0.146-2.735,0.385-5.824-0.068-8.538c-0.469-2.806-2.142-4.22-2.336-6.734
		c-5.682-0.731-9.206,3.643-15.339,1.854c3.806-1.514-2.216-13.42-2.278-16.888c-0.071-3.962,2.173-5.35,2.745-8.638
		c0.089-0.519-0.48-2.367-0.022-3.705c0.445-1.301,1.743-2.298,2.503-3.525c1.764-2.848,3.538-5.01,4.296-7.701
		c0.967-3.435,0.138-7.016,1.804-10.426c1.794-3.674,7.015-12.418,10.816-13.697c0.589-2.606-0.405-5.201-0.273-7.618
		c0.136-2.522,0.313-6.429,0.805-9.081c0.525-2.825,5.684-14.705-1.292-14.125c-0.691-3.708,7.374-4.727,10.264-5.462
		c5.553-1.412,9.688,1.642,15.04,1.088c-0.931,2.504-0.247,5.804-0.774,8.522c-0.44,2.276-2.597,5.42-1.933,7.701
		c1.281,4.403,4.67,2.163,8.625,2.278c3.302,0.096,6.456,0.878,9.863,0.882c2.192,0.002,8.355-1.997,9.999-1.279
		c1.059,0.463,3.246,4.789,4.072,5.937c1.989,2.766,3.229,4.687,5.553,6.249c1.51,1.015,5.257,3.401,7.174,3.116
		c-0.118-0.758,0.28-1.848,0.112-2.604c2.184-0.126,2.899,2.039,4.046,3.53c1.036-2.788-0.667-6.847,1.771-8.944
		c-2.949-0.711-1.467-2.706-2.677-4.166c-0.984-1.186-2.291-1.063-3.537-2.36c-3.62-3.771-1.133-4.576-1.892-8.675
		c-0.53-2.863-4.256-7.007-3.669-9.915C210.537,191.589,211.509,190.531,212.721,189.5z"/>
	<path fill="#730206" stroke="#730206" stroke-width="3" stroke-miterlimit="10" d="M218.152,184.773
		c2.086-2.796,2.93-6.103,4.968-8.702c2.42-3.089,5.648-3.809,9.42-4.99c8.143-2.546,16.192-0.948,24.485-0.908
		c6.247,0.031,18.308-5.139,21.858,3.118c3.758-0.603,10.167-3.621,11.731-7.55c0.738-1.853-0.481-4.197-0.031-6.446
		c0.407-2.032,2.415-2.719,2.197-4.921c-4.462,0.587-2.918-5.522-0.33-6.858c-0.607-0.331-1.347-1.727-1.823-2.068
		c7.681-4.671,0.024-9.283-4.987-10.718c1.06-0.973,0.402-1.352,2.165-1.817c1.194-4.835-7.581-2.783-9.841-4.875
		c-2.591-2.4-2.47-8.589-7.731-8.261c-0.45-2.763,0.758-4.669,0.85-7.18c0.104-2.819-1.497-4.458-1.384-6.812
		c0.227-4.704,4.09-8.367-1.879-11.7c-2.161-1.208-3.61-1.34-5.682-2.812c-1.978-1.405-4.004-3.224-5.677-5.008
		c-1.891-2.019-2.112-3.889-3.539-6.349c-1.936-3.335-0.819-2.836-5.417-3.153c-3.714-0.255-5.714-2.205-9.071-2.73
		c-4.362-0.683-5.3,2.4-7.597,5.462c-2.349,3.133-3.578,5.715-7.378,7.246c-4.936,1.988-5.642,1.809-9.512-0.454
		c-2.633-1.54-7.605-5.742-10.759-5.928c-4.103-0.242-6.796,3.087-9.294,5.801c-2.997,3.255-6.186,3.042-9.433,5.549
		c-2.301,1.775-1.794,3.845-5.305,4.097c-2.046,0.146-3.61-1.281-5.499-1.901c1.163-3.346,2.594-7.718,6.655-8.153
		c0.599-3.847-1.673-7.395-1.869-10.18c-0.264-3.738,2.37-6.313,3.311-10.597c0.895-4.084,0.91-5.057-0.329-8.698
		c-0.749-2.198-1.295-3.18-0.715-5.836c0.36-1.649,2.025-2.159,1.427-4.445c-5.859,0.066-20.229,8.853-20.337-3.242
		c-0.026-2.812,1.107-4.078,1.938-5.252h-37.949c0,0.804-0.002,1.581-0.241,2.079c-1.777,3.703-1.035,1.139-3.324,1.449
		c-3.199,0.432-5.787,2.141-9.398,2.63c-4.361,0.592-6.818-3.339-9.976-3.193c-4.482,0.204-9.3,14.9-9.523,19.064
		c-0.163,3.047,2.089,9.586,0.022,12.243c-2.864,3.678-6.643-1.529-10.382-0.835c-0.065,2.861,3.425,2.81,2.719,6.207
		c7.712-1.447,5.63,7.829,7.163,11.884c1.933,5.112,7.199,5.837,10.01,9.93c3.156,4.594,4.114,7.517,8.141,11.483
		c3.68,3.623,4.808,7.505,5.532,12.968c0.999-0.864,2.229-3.034,4.102-2.684c2.473,0.461,2.027,3.714,0.818,5.487
		c-2.553,3.743-6.224,2.701-7.594,8.164c-0.909,3.623,0.179,8.567-2.606,11.651c-3.354,3.716-6.596,1.707-6.588,7.822
		c0.008,7.931,7.034,15.262,13.187,19.625c4.301,3.05,10.267,9.589,11.924,16.025h82.947
		C214.531,187.959,216.88,186.478,218.152,184.773z"/>
</g>
<rect x="130.261" y="180.393" fill="none" width="27.857" height="12.857"/>
<text transform="matrix(1 0 0 1 130.2612 188.9141)" font-family="'MyriadPro-Regular'" font-size="12">2012</text>
<rect x="125.789" y="37.5" fill="none" width="27.857" height="12.856"/>
<text transform="matrix(1 0 0 1 125.7891 46.02)" font-family="'MyriadPro-Regular'" font-size="12">1996</text>
</svg>
  

<div class="ct-chart charttwelve psun">
  <h3>Political Stability of Thailand</h3>
</div>
<div class="ct-chart chartthirteen psun">
  <h3>Undernourishment in Thailand (%)</h3>
</div>
  
  <div class="info">
  <ul>
    <li>The 1997 Constitution of Thailand was praised for giving Thai people more power as well as strengthening political parties.</li>
    <li>The first election under the 1997 constitution took place in 2001 and was won by Thaksin Shinawatra, leading the Thai Rak Thai Party. This was the most open, corruption-free election in Thai history.</li>
    <li>The 2005 election had the highest voter turnout in history but also had a major problem with vote buying and electoral violence. The government were also accused of abusing state power to gain votes.</li>
    <li>In 2006 a military junta overthrew the government, and the constitution and Parliament were dissolved. The military wrote an interim constitution which allowed them to remove the Prime Minister at any time.</li>
    <li>A referendum voted in the 2007 Constitution of Thailand in August 2007.</li>
    <li>The Thai Political Crisis lasted from 2008 - 10.</li>
    <li>The July 2011 election was won by the opposing Pheu Thai Party, led by Thaksin Shinawatra's sister, Yingluck Shinawatra.</li>
    </ul>
  </div>
  
</div>

<p class="narrative down">Although the political stability has dramatically decreased in the Syrian Arab Republic, Mali and Thailand, undernourishment has also decreased. However, political stability still seems to be a factor in the rate at which it decreases. In the three countries where the political stability has increased, the rates have generally dropped by a much higher percentage than the countries with the decreasing political stability.</p>

<div class="barcharts">
<div class="ct-chart chartfourteen">
  <h3>Average Dietary Energy Supply Adequacy (%)</h3>
</div>

<div class="ct-chart chartfifteen">
  <h3>Average Protein Supply (gr/caplut/day)</h3>
</div>
</div>

<p class="narrative downone">These graphs above show how the average dietary energy supply and average protein supply has changed between 1996 (top line) - 2012 (bottom line). The data for Syria was unavailable.</p>
<p class="narrative">The timeline below shows how the access to food has changed in each country over the same time period.</p>

<iframe src='https://cdn.knightlab.com/libs/timeline/latest/embed/index.html?source=0An0zD75rmv89dE9OWHE1TlloNjVLSnVLTnY1NnBrZHc&font=Bevan-PotanoSans&maptype=toner&lang=en&height=650' width='100%' height='650' frameborder='0'></iframe>

<!--SVG PEOPLE SVG PEOPLE SVG PEOPLE SVG PEOPLE SVG PEOPLE SVG PEOPLE SVG PEOPLE SVG PEOPLE -->
<p class="narrative final">Finally, these graphs how much the percentage of population with anemia has changed between 1996 - 2011 in Liberia (largest political stability increase) and Syria (largest political stability decrease). <br /><br /><br />
Although the results across this study shows that many aspects of food security are also improving in countries with a decreasing political stability, the rate at which it is improving is generally faster in countries with an increasing political stability. <br />
</p>

<div class="libpeo">
<h2>Liberia</h2>
<h4>1996</h4>
<svg class="people" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
	 width="595.28px" height="841.89px" viewBox="0 0 595.28 841.89" enable-background="new 0 0 595.28 841.89" xml:space="preserve">
<g>
	<path fill="none" stroke="#000000" stroke-miterlimit="10" d="M86.297,134.5"/>
	<g>
		<g>
			<path fill="none" stroke="#000000" stroke-miterlimit="10" d="M89.731,183.667"/>
			<path fill="none" stroke="#000000" stroke-miterlimit="10" d="M89.731,164"/>
		</g>
		<g>
		</g>
	</g>
</g>
<g>
	<path fill="none" stroke="#000000" stroke-width="3" stroke-miterlimit="10" d="M201,333.07c0-9.986-2.765-19.325-7.563-27.3v54.6
		C198.235,352.395,201,343.057,201,333.07z"/>
	<path fill="none" stroke="#000000" stroke-width="3" stroke-miterlimit="10" d="M205.162,386.101h-11.725v177.778h11.725
		c6.627,0,12-2.848,12-6.361V392.462C217.162,388.949,211.789,386.101,205.162,386.101z"/>
	<path fill="#D71016" stroke="#000000" stroke-width="0.5" stroke-miterlimit="10" d="M147.97,280.04
		c-29.288,0-53.03,23.743-53.03,53.03c0,29.288,23.743,53.03,53.03,53.03c19.302,0,36.191-10.315,45.467-25.73v-54.6
		C184.161,290.355,167.271,280.04,147.97,280.04z"/>
	<path fill="#D71016" stroke="#000000" stroke-width="0.5" stroke-miterlimit="10" d="M147.97,386.101H92.798
		c-6.627,0-12,2.849-12,6.361v165.056c0,3.514,5.373,6.361,12,6.361H101V425.495h5.05v138.384h0.04
		c-0.019,0.295-0.04,0.589-0.04,0.89v168.929c0,6.627,4.794,12,10.71,12h29.209V591.151h6.565v154.546h26.644
		c5.916,0,10.71-5.373,10.71-12V564.769h2.525v-0.89h-2.565c-0.17-2.599-1.072-4.966-2.485-6.842V425.495h5.051v138.384h1.022
		V386.101H147.97z"/>
</g>
<g>
	<g>
	</g>
</g>
<rect x="80.969" y="391.024" transform="matrix(1 -0.0067 0.0067 1 -2.7813 1.0043)" fill="none" width="135.942" height="51.562"/>
<text transform="matrix(1 0 0 1 81.0195 424.6504)" font-family="'MyriadPro-Bold'" font-size="48">82.3%</text>
<g>
</g>
<g>
</g>
<g>
	<polygon fill="none" points="449.547,509.076 405.273,509.329 449.547,509.329 	"/>
	<path fill="none" stroke="#000000" stroke-width="3" stroke-miterlimit="10" d="M406.78,171.456
		c0-28.841-18.604-53.321-44.461-62.14v124.279C388.176,224.777,406.78,200.297,406.78,171.456z"/>
	<path fill="none" stroke="#000000" stroke-width="3" stroke-miterlimit="10" d="M398.39,373.413
		c2.95,5.935,10.152,8.354,16.086,5.406l7.22-3.59c5.935-2.948,8.354-10.151,5.404-16.086l-56.097-112.869
		c-0.805-1.62-1.934-2.966-3.26-4.025c-0.695-2.819-1.779-4.64-3-4.64h-2.424v63.229L398.39,373.413z"/>
	<polygon fill="none" stroke="#000000" stroke-width="3" stroke-miterlimit="10" points="449.547,507.035 449.547,509.076 
		452.308,509.061 362.319,315.74 362.319,509.329 405.273,509.329 449.547,509.076 	"/>
	<path fill="none" stroke="#000000" stroke-width="3" stroke-miterlimit="10" d="M362.319,745.697h9.667
		c5.915,0,10.71-8.555,10.71-19.107V509.458l22.577-0.129h-42.954V745.697z"/>
	<path fill="#D71016" stroke="#000000" stroke-width="0.5" stroke-miterlimit="10" d="M275.467,171.456
		c0,36.261,29.396,65.657,65.657,65.657c7.42,0,14.544-1.249,21.195-3.517V109.316c-6.651-2.268-13.775-3.517-21.195-3.517
		C304.862,105.799,275.467,135.194,275.467,171.456z"/>
	<path fill="#D71016" stroke="#000000" stroke-width="0.5" stroke-miterlimit="10" d="M230.939,509.329v-1.215l-1,2.215
		l68.919-0.394V726.59c0,10.553,4.794,19.107,10.709,19.107h29.497V523.21h5.424v222.487h17.831V509.329H230.939z"/>
	<path fill="#D71016" stroke="#000000" stroke-width="0.5" stroke-miterlimit="10" d="M311.842,240.607
		c-1.853,1.22-3.394,2.958-4.36,5.135l-51.169,115.187c-2.689,6.057,0.039,13.148,6.095,15.838l7.367,3.272
		c6.057,2.691,13.147-0.038,15.838-6.095l33.91-76.335h6.503l-95.086,210.505v1.215h131.38V315.74l-8.439-18.13h6.835l1.604,3.229
		v-63.229h-47.969C313.388,237.609,312.512,238.747,311.842,240.607z"/>
</g>
<g>
	<g>
	</g>
</g>
<rect x="273.969" y="391.024" transform="matrix(1 -0.0067 0.0067 1 -2.7769 2.2937)" fill="none" width="135.942" height="51.562"/>
<text transform="matrix(1 0 0 1 274.0195 424.6494)" font-family="'MyriadPro-Bold'" font-size="48">60.9%</text>
</svg>

<h4>2011</h4>
<svg class="people" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
	 width="595.28px" height="841.89px" viewBox="0 0 595.28 841.89" enable-background="new 0 0 595.28 841.89" xml:space="preserve">
<g>
	<path fill="none" stroke="#000000" stroke-miterlimit="10" d="M86.297,134.5"/>
	<g>
		<g>
			<path fill="none" stroke="#000000" stroke-miterlimit="10" d="M89.731,183.667"/>
			<path fill="none" stroke="#000000" stroke-miterlimit="10" d="M89.731,164"/>
		</g>
		<g>
		</g>
	</g>
</g>
<g>
	<g>
	</g>
</g>
<g>
</g>
<g>
</g>
<g>
	<g>
	</g>
</g>
<g>
	<path fill="none" d="M187.363,425.495v131.542c1.413,1.876,2.315,4.243,2.485,6.842h2.565V425.495H187.363z"/>
	<path fill="#FDFDFD" stroke="#000000" stroke-width="3" stroke-miterlimit="10" d="M205.162,386.101h-11.725h-15.423v359.597h1.165
		c5.916,0,10.71-5.373,10.71-12V564.769h2.525v-0.89h-2.565c-0.17-2.599-1.072-4.966-2.485-6.842V425.495h5.051v138.384h1.022
		h11.725c6.627,0,12-2.848,12-6.361V392.462C217.162,388.949,211.789,386.101,205.162,386.101z"/>
	<path fill="#FDFDFD" stroke="#000000" stroke-width="3" stroke-miterlimit="10" d="M193.437,360.37
		c4.799-7.975,7.563-17.313,7.563-27.3c0-9.986-2.765-19.325-7.563-27.3c-3.914-6.505-9.188-12.097-15.423-16.393v87.386
		C184.249,372.467,189.522,366.875,193.437,360.37z"/>
	<path fill="#D71016" stroke="#000000" stroke-width="0.5" stroke-miterlimit="10" d="M147.97,386.101H92.798
		c-6.627,0-12,2.849-12,6.361v165.056c0,3.514,5.373,6.361,12,6.361H101V425.495h5.05v138.384h0.04
		c-0.019,0.295-0.04,0.589-0.04,0.89v168.929c0,6.627,4.794,12,10.71,12h29.209V591.151h6.565v154.546h25.479V386.101H147.97z"/>
	<path fill="#D71016" stroke="#000000" stroke-width="0.5" stroke-miterlimit="10" d="M94.939,333.07
		c0,29.288,23.743,53.03,53.03,53.03c11.157,0,21.503-3.452,30.044-9.337v-87.386c-8.541-5.886-18.887-9.337-30.044-9.337
		C118.682,280.04,94.939,303.783,94.939,333.07z"/>
</g>
<g>
	<g>
	</g>
</g>
<rect x="83.969" y="388.555" transform="matrix(1 -0.0067 0.0067 1 -2.7647 1.0243)" fill="none" width="135.942" height="51.562"/>
<text transform="matrix(1 0 0 1 84.0195 422.1797)" font-family="'MyriadPro-Bold'" font-size="48">71.5%</text>
<g>
	<path fill="#FFFFFF" stroke="#000000" stroke-width="3" stroke-miterlimit="10" d="M362.319,315.74l-8.439-18.13h6.835l1.604,3.229
		l36.07,72.575c2.95,5.935,10.152,8.354,16.086,5.406l7.22-3.59c5.935-2.948,8.354-10.151,5.404-16.086l-56.097-112.869
		c-0.805-1.62-1.934-2.966-3.26-4.025c-0.695-2.819-1.779-4.64-3-4.64h-2.424h-15.382v508.088h15.382h9.667
		c5.915,0,10.71-8.555,10.71-19.107V509.458l22.577-0.129h44.273v-0.253l2.761-0.016L362.319,315.74z"/>
	<path fill="#FFFFFF" stroke="#000000" stroke-width="3" stroke-miterlimit="10" d="M362.319,233.595
		c25.856-8.818,44.461-33.298,44.461-62.14s-18.604-53.321-44.461-62.14c-4.895-1.669-10.046-2.781-15.382-3.254V236.85
		C352.273,236.376,357.425,235.264,362.319,233.595z"/>
	<path fill="#D71016" stroke="#000000" stroke-width="0.5" stroke-miterlimit="10" d="M314.351,237.609
		c-0.963,0-1.839,1.137-2.509,2.998c-1.853,1.22-3.394,2.958-4.36,5.135l-51.169,115.187c-2.689,6.057,0.039,13.148,6.095,15.838
		l7.367,3.272c6.057,2.691,13.147-0.038,15.838-6.095l33.91-76.335h6.503l-95.086,210.505l-1,2.215l68.919-0.394V726.59
		c0,10.553,4.794,19.107,10.709,19.107h29.497V523.21h5.424v222.487h2.449V237.609H314.351z"/>
	<path fill="#D71016" stroke="#000000" stroke-width="0.5" stroke-miterlimit="10" d="M275.467,171.456
		c0,36.261,29.396,65.657,65.657,65.657c1.96,0,3.897-0.093,5.813-0.263V106.062c-1.916-0.17-3.854-0.263-5.813-0.263
		C304.862,105.799,275.467,135.194,275.467,171.456z"/>
</g>
<g>
	<g>
	</g>
</g>
<rect x="276.06" y="395.555" transform="matrix(1 -0.0067 0.0067 1 -2.8072 2.3078)" fill="none" width="135.942" height="51.562"/>
<text transform="matrix(1 0 0 1 276.1104 429.1807)" font-family="'MyriadPro-Bold'" font-size="48">52.9%</text>
</svg>
</div>

<div class="syrpeo">
<h2>Syrian Arab Republic</h2>
<h4>1996</h4>
<svg class="people" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
	 width="595.28px" height="841.89px" viewBox="0 0 595.28 841.89" enable-background="new 0 0 595.28 841.89" xml:space="preserve">
<g>
	<path fill="none" stroke="#000000" stroke-miterlimit="10" d="M86.297,134.5"/>
	<g>
		<g>
			<path fill="none" stroke="#000000" stroke-miterlimit="10" d="M89.731,183.667"/>
			<path fill="none" stroke="#000000" stroke-miterlimit="10" d="M89.731,164"/>
		</g>
		<g>
		</g>
	</g>
</g>
<g>
	<g>
	</g>
</g>
<g>
</g>
<g>
</g>
<g>
	<g>
	</g>
</g>
<g>
	<g>
	</g>
</g>
<g>
	<g>
	</g>
</g>
<g>
	<polygon fill="none" points="189.914,425.495 187.914,425.495 187.914,563.879 187.914,564.584 189.914,563.879 190.936,563.879 
		192.5,563.879 192.5,425.495 	"/>
	<path fill="none" d="M136.364,386.101h9.105c-3.106,0-6.146-0.282-9.105-0.795V386.101z"/>
	<path fill="#FFFFFF" stroke="#000000" stroke-width="3" stroke-miterlimit="10" d="M202.661,386.101h-11.725h-15.423h-30.044
		h-9.105v359.597h7.105V591.151h6.565v154.546h25.479h1.165c5.916,0,10.71-5.373,10.71-12V564.769l0.525-0.185v-0.705h-0.565
		c-0.17-2.599-1.072-4.966-2.485-6.842V425.495h3.051h2h2.586v138.384h10.162c6.627,0,12-2.848,12-6.361V392.462
		C214.661,388.949,209.289,386.101,202.661,386.101z"/>
	<path fill="#FFFFFF" stroke="#000000" stroke-width="3" stroke-miterlimit="10" d="M187.914,425.495h-3.051v131.542
		c1.413,1.876,2.315,4.243,2.485,6.842h0.565"/>
	<path fill="#FFFFFF" stroke="#000000" stroke-width="3" stroke-miterlimit="10" d="M145.469,386.101
		c11.157,0,21.503-3.452,30.044-9.337c6.235-4.296,11.509-9.888,15.423-16.393c4.799-7.975,7.563-17.313,7.563-27.3
		c0-9.986-2.765-19.325-7.563-27.3c-3.914-6.505-9.188-12.097-15.423-16.393c-8.541-5.886-18.887-9.337-30.044-9.337
		c-3.106,0-6.146,0.282-9.105,0.795v104.471C139.324,385.818,142.363,386.101,145.469,386.101z"/>
	
		<line fill="#FFFFFF" stroke="#000000" stroke-width="3" stroke-miterlimit="10" x1="192.5" y1="563.879" x2="190.936" y2="563.879"/>
	<line fill="#FFFFFF" stroke="#000000" stroke-width="3" stroke-miterlimit="10" x1="187.914" y1="564.584" x2="187.914" y2="581"/>
	<path fill="#D71016" stroke="#000000" stroke-width="0.5" stroke-miterlimit="10" d="M90.297,386.101c-6.627,0-12,2.849-12,6.361
		v165.056c0,3.514,5.373,6.361,12,6.361H98.5V425.495h5.05v138.384h0.04c-0.019,0.295-0.04,0.589-0.04,0.89v168.929
		c0,6.627,4.794,12,10.71,12h22.104V386.101H90.297z"/>
	<path fill="#D71016" stroke="#000000" stroke-width="0.5" stroke-miterlimit="10" d="M92.439,333.07
		c0,26.182,18.979,47.916,43.925,52.235V280.835C111.417,285.154,92.439,306.889,92.439,333.07z"/>
</g>
<g>
	<g>
	</g>
</g>
<rect x="79.969" y="389.373" transform="matrix(1 -0.0067 0.0067 1 -2.7703 0.9976)" fill="none" width="135.942" height="51.562"/>
<text transform="matrix(1 0 0 1 80.0195 422.998)" font-family="'MyriadPro-Bold'" font-size="48">43.0%</text>
<g>
	<polygon fill="none" points="326.025,297.609 319.522,297.609 312.471,313.483 312.471,327.617 	"/>
	<path fill="#FFFFFF" stroke="#000000" stroke-width="3" stroke-miterlimit="10" d="M362.319,315.74l-8.439-18.13h6.835l1.604,3.229
		l36.07,72.575c2.95,5.935,10.152,8.354,16.086,5.406l7.22-3.59c5.935-2.948,8.354-10.151,5.404-16.086l-56.097-112.869
		c-0.805-1.62-1.934-2.966-3.26-4.025c-0.695-2.819-1.779-4.64-3-4.64h-2.424h-15.382h-32.587c-0.686,0-1.325,0.585-1.88,1.588
		v74.286l7.052-15.874h6.503l-13.555,30.008v418.08h26.594V523.21h5.424v222.487h2.449h15.382h9.667
		c5.915,0,10.71-8.555,10.71-19.107V509.458l22.577-0.129h44.273v-0.253l2.761-0.016L362.319,315.74z"/>
	<path fill="#FFFFFF" stroke="#000000" stroke-width="3" stroke-miterlimit="10" d="M341.124,237.112
		c1.96,0,3.897-0.093,5.813-0.263c5.336-0.474,10.487-1.585,15.382-3.254c25.856-8.818,44.461-33.298,44.461-62.14
		s-18.604-53.321-44.461-62.14c-4.895-1.669-10.046-2.781-15.382-3.254c-1.916-0.17-3.854-0.263-5.813-0.263
		c-10.274,0-19.994,2.364-28.653,6.571v118.172C321.13,234.749,330.85,237.112,341.124,237.112z"/>
	<path fill="#D71016" stroke="#000000" stroke-width="0.5" stroke-miterlimit="10" d="M230.939,508.114l-1,2.215l68.919-0.394
		V726.59c0,10.553,4.794,19.107,10.709,19.107h2.903v-418.08L230.939,508.114z"/>
	<path fill="#D71016" stroke="#000000" stroke-width="0.5" stroke-miterlimit="10" d="M307.481,245.742l-51.169,115.187
		c-2.689,6.057,0.039,13.148,6.095,15.838l7.367,3.272c6.057,2.691,13.147-0.038,15.838-6.095l26.858-60.461v-74.286
		c-0.225,0.406-0.436,0.874-0.629,1.409C309.989,241.827,308.448,243.565,307.481,245.742z"/>
	<path fill="#D71016" stroke="#000000" stroke-width="0.5" stroke-miterlimit="10" d="M275.467,171.456
		c0,25.987,15.101,48.444,37.004,59.086V112.37C290.567,123.011,275.467,145.468,275.467,171.456z"/>
</g>
<g>
	<g>
	</g>
</g>
<rect x="275.638" y="401.954" transform="matrix(1 -0.0067 0.0067 1 -2.8499 2.3051)" fill="none" width="135.942" height="51.561"/>
<text transform="matrix(1 0 0 1 275.6885 435.5801)" font-family="'MyriadPro-Bold'" font-size="48">37.0%</text>
</svg>

<h4>2011</h4>
<svg class="people" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
	 width="595.28px" height="841.89px" viewBox="0 0 595.28 841.89" enable-background="new 0 0 595.28 841.89" xml:space="preserve">
<g>
	<path fill="none" stroke="#000000" stroke-miterlimit="10" d="M86.297,134.5"/>
	<g>
		<g>
			<path fill="none" stroke="#000000" stroke-miterlimit="10" d="M89.731,183.667"/>
			<path fill="none" stroke="#000000" stroke-miterlimit="10" d="M89.731,164"/>
		</g>
	</g>
</g>
<g>
	<path fill="none" d="M127.19,386.101h18.76c-6.607,0-12.926-1.218-18.76-3.425V386.101z"/>
	<polygon fill="none" points="190.394,425.495 188.394,425.495 188.394,563.879 188.394,564.584 190.394,563.879 191.417,563.879 
		192.98,563.879 192.98,425.495 	"/>
	<path fill="#FFFFFF" stroke="#000000" stroke-width="3" stroke-miterlimit="10" d="M203.142,386.101h-11.725h-15.423H145.95h-18.76
		v359.597h16.76V591.151h6.565v154.546h25.479h1.165c5.916,0,10.71-5.373,10.71-12V564.769l0.525-0.185v-0.705h-0.565
		c-0.17-2.599-1.072-4.966-2.485-6.842V425.495h3.051h2h2.586v138.384h10.162c6.627,0,12-2.848,12-6.361V392.462
		C215.142,388.949,209.769,386.101,203.142,386.101z"/>
	<path fill="#FFFFFF" stroke="#000000" stroke-width="3" stroke-miterlimit="10" d="M188.394,425.495h-3.051v131.542
		c1.413,1.876,2.315,4.243,2.485,6.842h0.565"/>
	<path fill="#FFFFFF" stroke="#000000" stroke-width="3" stroke-miterlimit="10" d="M145.95,386.101
		c11.157,0,21.503-3.452,30.044-9.337c6.235-4.296,11.509-9.888,15.423-16.393c4.799-7.975,7.563-17.313,7.563-27.3
		c0-9.986-2.765-19.325-7.563-27.3c-3.914-6.505-9.188-12.097-15.423-16.393c-8.541-5.886-18.887-9.337-30.044-9.337
		c-6.607,0-12.926,1.218-18.76,3.425v99.21C133.023,384.883,139.343,386.101,145.95,386.101z"/>
	<polyline fill="#FFFFFF" stroke="#000000" stroke-width="3" stroke-miterlimit="10" points="192.98,563.879 191.417,563.879 
		190.394,563.879 188.394,564.584 188.394,581 	"/>
	<path fill="#D71016" stroke="#000000" stroke-width="0.5" stroke-miterlimit="10" d="M90.778,386.101c-6.627,0-12,2.849-12,6.361
		v165.056c0,3.514,5.373,6.361,12,6.361h8.202V425.495h5.05v138.384h0.04c-0.019,0.295-0.04,0.589-0.04,0.89v168.929
		c0,6.627,4.794,12,10.71,12h12.45V386.101H90.778z"/>
	<path fill="#D71016" stroke="#000000" stroke-width="0.5" stroke-miterlimit="10" d="M92.919,333.07
		c0,22.681,14.244,42.027,34.271,49.605v-99.21C107.164,291.043,92.919,310.39,92.919,333.07z"/>
</g>
<g>
	<g>
	</g>
</g>
<rect x="78.969" y="388.555" transform="matrix(1 -0.0067 0.0067 1 -2.7648 0.9909)" fill="none" width="135.942" height="51.562"/>
<text transform="matrix(1 0 0 1 79.0195 422.1797)" font-family="'MyriadPro-Bold'" font-size="48">36.7%</text>
<g>
	<g>
		<g>
			<path fill="none" stroke="#000000" stroke-miterlimit="10" d="M31.091,182.192"/>
			<path fill="none" stroke="#000000" stroke-miterlimit="10" d="M31.091,170.75"/>
		</g>
		<g>
		</g>
	</g>
</g>
<g>
	<polygon fill="none" points="326.025,297.609 319.522,297.609 294.335,354.309 294.335,367.767 	"/>
	<path fill="#FFFFFF" stroke="#000000" stroke-width="3" stroke-miterlimit="10" d="M362.319,315.74l-8.439-18.13h6.835l1.604,3.229
		l36.07,72.575c2.95,5.935,10.152,8.354,16.086,5.406l7.22-3.59c5.935-2.948,8.354-10.151,5.404-16.086l-56.097-112.869
		c-0.805-1.62-1.934-2.966-3.26-4.025c-0.695-2.819-1.779-4.64-3-4.64h-2.424h-15.382h-32.587c-0.963,0-1.839,1.137-2.509,2.998
		c-1.853,1.22-3.394,2.958-4.36,5.135l-13.146,29.594v78.972l25.188-56.699h6.503l-31.69,70.157v142.194l4.523-0.025V726.59
		c0,10.553,4.794,19.107,10.709,19.107h29.497V523.21h5.424v222.487h2.449h15.382h9.667c5.915,0,10.71-8.555,10.71-19.107V509.458
		l22.577-0.129h44.273v-0.253l2.761-0.016L362.319,315.74z"/>
	<path fill="#FFFFFF" stroke="#000000" stroke-width="3" stroke-miterlimit="10" d="M341.124,237.112
		c1.96,0,3.897-0.093,5.813-0.263c5.336-0.474,10.487-1.585,15.382-3.254c25.856-8.818,44.461-33.298,44.461-62.14
		s-18.604-53.321-44.461-62.14c-4.895-1.669-10.046-2.781-15.382-3.254c-1.916-0.17-3.854-0.263-5.813-0.263
		c-18.319,0-34.88,7.51-46.789,19.61v92.093C306.244,229.603,322.805,237.112,341.124,237.112z"/>
	<path fill="#D71016" stroke="#000000" stroke-width="0.5" stroke-miterlimit="10" d="M262.407,376.767l7.367,3.272
		c6.057,2.691,13.147-0.038,15.838-6.095l8.723-19.636v-78.972l-38.022,85.592C253.623,366.985,256.352,374.077,262.407,376.767z"/>
	<polygon fill="#D71016" stroke="#000000" stroke-width="0.5" stroke-miterlimit="10" points="230.939,508.114 229.939,510.329 
		294.335,509.961 294.335,367.767 	"/>
	<path fill="#D71016" stroke="#000000" stroke-width="0.5" stroke-miterlimit="10" d="M294.335,217.502v-92.093
		c-11.664,11.851-18.868,28.104-18.868,46.046S282.671,205.651,294.335,217.502z"/>
</g>
<g>
	<g>
	</g>
</g>
<rect x="275.638" y="401.555" transform="matrix(1 -0.0067 0.0067 1 -2.8473 2.3051)" fill="none" width="135.942" height="51.562"/>
<text transform="matrix(1 0 0 1 275.6885 435.1807)" font-family="'MyriadPro-Bold'" font-size="48">29.9%</text>
</svg>
</div>

</div>
            
          
!
            
              #all {width: 1400px;
margin: auto;}

* {font-family: Helvetica;}

.title {width: 1000px;
  text-align: center;
margin: auto;
margin-top: 20px;}

.definitions {
  width: 1300px;
  margin: auto;
}

.definitions p {line-height: 200%;}

.fs, .ps {border-top: 3px solid #d70206;}
.ps {border-bottom: 5px solid #d70206;}
.fs {margin-top: 15px;}

.map {background-color: black;
width: 1300px;
height: 400px;
margin: auto;
margin-top: 20px;}

#map {
float: left;
display: inline-block;
  margin: 10px;
}
#mapone {display: inline-block;
  float: right;
  margin: 10px;
}

.maindis {width: 1300px;
margin: auto;
margin-bottom: 270px;}
.districts {width: 250px;}
.one {float: left;}
.two {float: right;
text-align: right;}
.districts p {display: inline-block;
font-size: 15px;
font-weight: bold;
background-color: lightgrey;}

.explanation {display: inline-block;
width: 800px;
margin: 10px;
position: absolute;
text-align: center;
line-height: 150%;}

.ct-chart {margin: auto;}
.ct-chart h3 {margin-left: 600px;}
.ct-chart2 {margin: auto;}
.ct-chart2 h3 {margin-left: 600px;}

.psun 
{width: 750px;
float: right;
position: absolute;
margin-left: 500px;
margin-top: -600px;
opacity: 0;
transition: 1s ease;}

.outline {display: inline-block;}
.info {background-color: #FFABAB;
width: 730px;
padding: 10px;
display: inline-block;
float: right;
margin-top: -350px;
margin-right: 250px;}

.liberia, .rwanda, .angola, .syria, .mali, .thailand {opacity: 0;
transition: 3s ease;
position: absolute;}

.fade-in {opacity: 1;}

.chartfourteen, .chartfifteen {height: 200px;
margin-top: 40px;}

.barcharts {margin-top: 650px;}

.libpeo, .syrpeo {width: 500px;
display: inline-block;}

.libpeo {float: left;}
.syrpeo {float: right;}

.narrative {text-align: center;}
.down {position: absolute;
  margin-top: 610px;}
.downone {margin-top: 40px;}

.people {height: 400px;}

.final {position: absolute;
width: 150px;
margin-left: 600px;
margin-top: 200px;}
            
          
!
            
              //Countries with the Highest and Lowest Political Stability
var data = {
  labels: ['Somalia', 'Afghanistan', 'Sudan', 'Democratic Republic of the Congo', 'Iraq', 'Sudan (Former)', 'Pakistan', 'Burundi', 'Colombia', 'Yeman', 'Andorra', 'Iceland', 'Kiribati', 'Cook Islands', 'Niue', 'Wallis and Futuna Islands', 'Lichenstein', 'Lexembourg', 'Finland', 'Greenland'],
  series: [
    [-2.83, -2.43, -2.4, -2.3, -2.25, -2.23, -2, -1.87, -1.79, -1.74, 1.31, 1.34, 1.36, 1.37, 1.37, 1.37, 1.37, 1.41, 1.49, 1.75]
  ]
};

var options = {
  high: 2.5,
  low: -2.5,
  axisX: {
    labelInterpolationFnc: function(value, index) {
      return index % 1 === 0 ? value : null;
    }
  }
};

new Chartist.Bar('.chartone', data, options);

//Countries with Greatest Increase and Decrease in Political Instability
var data = {
  labels: ['Liberia', 'Rwanda', 'Angola', 'Sierra Leone', 'Sri Lanka', 'Tajikistan', 'Georgia', 'Cambodia', 'Qatar', 'Serbia', 'Yeman', 'Niger', 'Maldives', 'Nepal', 'Cote d lvoire', 'Mauritania', 'Pakistan', 'Thailand', 'Mali', 'Syrian Arab Republic'],
  series: [
    [2.09, 1.74, 1.73, 1.55, 1.09, 1.08, 1.02, 1.01, 1.01, 0.93, -1.04, -1.06, -1.12, -1.23, -1.27, -1.39, -1.47, -1.61, -2.21, -2.28]
  ]
};

var options = {
  high: 2.5,
  low: -2.5,
  axisX: {
    labelInterpolationFnc: function(value, index) {
      return index % 1 === 0 ? value : null;
    }
  }
};

new Chartist.Bar('.charttwo', data, options);

//Liberia
new Chartist.Line('.chartthree', {
  labels: ['1996', '1998', '2000', '2002', '2004', '2006', '2008', '2010', '2012'],
  series: [
    [-2.56, -1.84, -2.05, -2.28, -1.41, -1.31,  -1.28, -0.46, -0.47]
  ]
}, {
  fullWidth: true,
  chartPadding: {
    right: 40
  }
});
new Chartist.Line('.chartfour', {
  labels: ['1996', '1998', '2000', '2002', '2004', '2006', '2008', '2010', '2012'],
  series: [
    [37.5, 37, 36.7, 38.7, 36.4, 34.3, 31.6, 29.3, 30.2]
  ]
}, {
  fullWidth: true,
  chartPadding: {
    right: 40
  }
});

//Rwanda
new Chartist.Line('.chartfive', {
  labels: ['1996', '1998', '2000', '2002', '2004', '2006', '2008', '2010', '2012'],
  series: [
    [-1.95, -2.15, -1.81, -1.78, -1.17, -0.68,  -0.30, -0.2, -0.21]
  ]
}, {
  fullWidth: true,
  chartPadding: {
    right: 40
  }
});
new Chartist.Line('.chartsix', {
  labels: ['1996', '1998', '2000', '2002', '2004', '2006', '2008', '2010', '2012'],
  series: [
    [66.2, 64.1, 54, 46.2, 46.8, 45.5, 40, 35.1, 33.9]
  ]
}, {
  fullWidth: true,
  chartPadding: {
    right: 40
  }
});

//Angola
new Chartist.Line('.chartseven', {
  labels: ['1996', '1998', '2000', '2002', '2004', '2006', '2008', '2010', '2012'],
  series: [
    [-2.11, -2.35, -2.09, -1.62, -1.04, -0.54,  -0.35, -0.22, -0.38]
  ]
}, {
  fullWidth: true,
  chartPadding: {
    right: 40
  }
});
new Chartist.Line('.charteight', {
  labels: ['1996', '1998', '2000', '2002', '2004', '2006', '2008', '2010', '2012'],
  series: [
    [56.3, 53.3, 48.6, 41.6, 33.9, 28.8, 23.3, 19.3, 18.1]
  ]
}, {
  fullWidth: true,
  chartPadding: {
    right: 40
  }
});

//Syria
new Chartist.Line('.chartnine', {
  labels: ['1996', '1998', '2000', '2002', '2004', '2006', '2008', '2010', '2012'],
  series: [
    [-0.41, -0.12, -0.25, 0.21, -0.31, -0.28,  -0.30, -0.81, -2.69]
  ]
}, {
  fullWidth: true,
  chartPadding: {
    right: 40
  }
});

//Mali
new Chartist.Line('.chartten', {
  labels: ['1996', '1998', '2000', '2002', '2004', '2006', '2008', '2010', '2012'],
  series: [
    [0.23, 0.33, 0.14, 0.29, 0.48, 0.37,  0.18, 0.21, -1.98]
  ]
}, {
  fullWidth: true,
  chartPadding: {
    right: 40
  }
});
new Chartist.Line('.charteleven', {
  labels: ['1996', '1998', '2000', '2002', '2004', '2006', '2008'],
  series: [
    [17.9, 15, 12.3, 11.6, 10.1, 7.9, 5.1]
  ]
}, {
  fullWidth: true,
  chartPadding: {
    right: 40
  }
});

//Thailand
new Chartist.Line('.charttwelve', {
  labels: ['1996', '1998', '2000', '2002', '2004', '2006', '2008', '2010', '2012'],
  series: [
    [0.40, 0.54, 0.38, 0.44, -0.69, -1.14,  -1.28, -1.43, -1.12]
  ]
}, {
  fullWidth: true,
  chartPadding: {
    right: 40
  }
});
new Chartist.Line('.chartthirteen', {
  labels: ['1996', '1998', '2000', '2002', '2004', '2006', '2008', '2010', '2012'],
  series: [
    [21.4, 19.2, 18.4, 16.3, 13.4, 10.5, 9.5, 8.7, 6.9]
  ]
}, {
  fullWidth: true,
  chartPadding: {
    right: 40
  }
});

//COUNTRY FADES
$('.libbut').click(function(){
 $('.liberia').toggleClass('fade-in');
 $('.rwanda').removeClass('fade-in');
 $('.angola').removeClass('fade-in');
 $('.syria').removeClass('fade-in');
 $('.mali').removeClass('fade-in');
 $('.thailand').removeClass('fade-in');
});

$('.rwabut').click(function(){
 $('.rwanda').toggleClass('fade-in');
 $('.liberia').removeClass('fade-in');
 $('.angola').removeClass('fade-in');
 $('.syria').removeClass('fade-in');
 $('.mali').removeClass('fade-in');
 $('.thailand').removeClass('fade-in');
});

$('.angbut').click(function(){
 $('.angola').toggleClass('fade-in');
 $('.liberia').removeClass('fade-in');
 $('.rwanda').removeClass('fade-in');
 $('.syria').removeClass('fade-in');
 $('.mali').removeClass('fade-in');
 $('.thailand').removeClass('fade-in');
});

$('.syrbut').click(function(){
 $('.syria').toggleClass('fade-in');
 $('.liberia').removeClass('fade-in');
 $('.angola').removeClass('fade-in');
 $('.rwanda').removeClass('fade-in');
 $('.mali').removeClass('fade-in');
 $('.thailand').removeClass('fade-in');
});

$('.malbut').click(function(){
 $('.mali').toggleClass('fade-in');
 $('.liberia').removeClass('fade-in');
 $('.rwanda').removeClass('fade-in');
 $('.syria').removeClass('fade-in');
 $('.angola').removeClass('fade-in');
 $('.thailand').removeClass('fade-in');
});

$('.thabut').click(function(){
 $('.thailand').toggleClass('fade-in');
 $('.liberia').removeClass('fade-in');
 $('.rwanda').removeClass('fade-in');
 $('.syria').removeClass('fade-in');
 $('.mali').removeClass('fade-in');
 $('.angola').removeClass('fade-in');
});

//CHARTFADES
$('.polsta').click(function(){
 $('.chartthree').toggleClass('fade-in');
  $('.chartfive').toggleClass('fade-in');
  $('.chartseven').toggleClass('fade-in');
  $('.chartnine').toggleClass('fade-in');
  $('.chartten').toggleClass('fade-in');
  $('.charttwelve').toggleClass('fade-in');
 $('.chartfour').removeClass('fade-in');
  $('.chartsix').removeClass('fade-in');
  $('.charteight').removeClass('fade-in');
  $('.charteleven').removeClass('fade-in');
  $('.chartthirteen').removeClass('fade-in');
});
$('.under').click(function(){
 $('.chartfour').toggleClass('fade-in');
  $('.chartsix').toggleClass('fade-in');
  $('.charteight').toggleClass('fade-in');
  $('.charteleven').toggleClass('fade-in');
  $('.chartthirteen').toggleClass('fade-in');
 $('.chartthree').removeClass('fade-in');
  $('.chartfive').removeClass('fade-in');
  $('.chartseven').removeClass('fade-in');
  $('.chartten').removeClass('fade-in');
  $('.charttwelve').removeClass('fade-in');
});

//BAR GRAPHS
new Chartist.Bar('.chartfourteen', {
  labels: ['Liberia', 'Rwanda', 'Angola', 'Syrian Arab Republic', 'Mali', 'Thailand'],
  series: [
    [99, 77, 84, 0, 114, 107],
    [105, 102, 115, 0, 136, 119]
  ]
}, {
  seriesBarDistance: 10,
  reverseData: true,
  horizontalBars: true,
  axisY: {
    offset: 70
  }
});

new Chartist.Bar('.chartfifteen', {
  labels: ['Liberia', 'Rwanda', 'Angola', 'Syrian Arab Republic', 'Mali', 'Thailand'],
  series: [
    [40, 39, 38, 0, 67, 59],
    [37, 53, 53, 0, 82, 59]
  ]
}, {
  seriesBarDistance: 10,
  reverseData: true,
  horizontalBars: true,
  axisY: {
    offset: 70
  }
});
            
          
!
999px
Close

Asset uploading is a PRO feature.

As a PRO member, you can drag-and-drop upload files here to use as resources. Images, Libraries, JSON data... anything you want. You can even edit them anytime, like any other code on CodePen.

Go PRO

Loading ..................

Console