Zhizhou Wang jowang0319

## adolescent fertility rate.csv

          
            Adolescent fertility rate (births per 1,000 women ages 15-19)

            
              
              Values

            
              Row Labels
              2005
              2006
              2007
              2008
              2009
              2010
              2011
              2012
              2013

            
              Afghanistan
              130.6858
              124.0794
              117.473
              111.3472
              105.2214
              99.0956
              92.9698
              86.844
              83.196

            
              Albania
              23.7698
              21.6554
              19.541
              18.6922
              17.8434
              16.9946
              16.1458
              15.297
              14.3552

            
              Algeria
              9.6842
              9.6856
              9.687
              9.7562
              9.825399
              9.894599
              9.963799
              10.033
              9.6298

            
              American Samoa

            
              Andorra

            
              Angola
              197.2226
              194.7368
              192.251
              187.832
              183.413
              178.994
              174.575
              170.156
              166.5756

            
              Antigua and Barbuda
              58.4082
              56.9506
              55.493
              54.247
              53.001
              51.755
              50.50901
              49.263
              48.1334

## js_errors.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">

<script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.min.js"></script>

</head>

<body>

## index.html
<!DOCTYPE html>
<html lang="en">
<head>
  <!-- original article: http://www.washingtonpost.com/news/the-fix/wp/2015/08/06/heres-how-much-or-how-little-debates-actually-matter-in-7-cool-charts/ -->
    <link rel="stylesheet" type="text/css" href="style.css" />
</head>

<div class="container read_content_container">

    <h1 class="header"><strong>Here's how much (or how little) debates actually matter-in 7 cool charts - The Washington Post</strong></h1>

## data.js

var years = ['year1995',  'year1996', 'year1997', 'year1998', 'year1999', 'year2000', 'year2001', 'year2002', 'year2003', 'year2004', 'year2005', 'year2006', 'year2007', 'year2008', 'year2009', 'year2010', 'year2011', 'year2012', 'year2013'];
var extHigh = [0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0];
var extUpper = [0.4, 0.4, 0.5, 0.5, 0.6, 0.4, 0.4, 0.4, 0.6, 0.3, 0.4, 0.4, 0.3, 0.3, 0.3, 0.4, 0.3, 0.3, 0.4];
var extLower = [1.5, 1.1, 1.9, 2.7, 2.9, 2.5, 2.7, 1.9, 2.9, 2.9, 2.7, 2.5, 2.4, 2.6, 2.6, 2.7, 2.4, 2.3, 2.1];
var extLow = [9.1, 9.9, 13.7, 14.3, 15.2, 14.2, 15.6, 14.5, 14.7, 19.2, 21.9, 24.2, 22.3, 25, 26.9, 29, 30.5, 27.5, 24.7];
var govHigh = [61.2,61.1,60.6,59.5,59.3,59.3,59.8,59.4,58.8,58.9,59.1,59.7,59.7,60.2,61.3,61.2,61.1,60.6,60.9];
var govUpper = [50.1,48.5,49.4,48.7,48,46.7,46.4,46.9,47.2,47.6,46.8,48,50.6,52.4,54.3,54.8,56,56.2,56.2];
var govLower = [35.9,35,33.4,33,34,34,33.4,32.8,32.2,31.1,31.2,33.1,34.2,35,35.6,36.3,36,36.5,37.1];
var govLow = [33.8,33.1,34.3,35.4,34.1,3

## index.html
<html>
    <head>
        <style>
        body {
        font: 16px/24px'Lato', Helvetica, Helvetica Neue, Arial;
        width: 90%;
    }
            .chart {
        margin: 0 auto;
        margin-top: 0px;

## index.html
<html>
<head>
  <script type="text/javascript" src="https://www.google.com/jsapi"></script>
  <script type="text/javascript">
    google.load('visualization', '1.1', {packages: ['line']});
    google.setOnLoadCallback(drawChart);

    function drawChart() {

      var data = new google.visualization.DataTable();

## index.html
<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <title>Creating HTML Elements from Data</title>
        <script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/d3/3.5.6/d3.min.js"></script>
        <script type="text/javascript" src="https://code.jquery.com/jquery-1.9.1.min.js"></script>
    </head>

    <style>

## UN_RefugeesByOrigin_1990-2013.csv

          
            Country or territory of origin
            1990
            2000
            2010
            2013

            
              Afghanistan
              6339095
              3587336
              3054709
              2556507

            
              Albania
              1822
              6802
              14772
              10073

            
              Algeria
              19
              8034
              6689
              3659

            
              Angola
              407760
              433760
              134858
              10295

            
              Argentina
              334
              609
              557
              388

            
              Armenia
              1
              5786
              17547
              11998

            
              Azerbaijan
              0
              284277
              16753
              10809

            
              Bahrain
              39
              95
              87
              275

            
              Bangladesh
              477
              5401
              10049
              9727

## index.html
<html>
<head>
    <title>My data in D3 Way</title>
    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/d3/3.5.6/d3.min.js"></script>
</head>
<body>
    <h1> My data in D3 Way!</h1>
</body>
<script type="text/javascript">
    d3.csv("infantMortality.csv",function(error,data){

## data.csv

          
            Year
            High-income
            Upper-middle-income
            Lower-middle-income
            Low-income

            
              1995
              61.2
              50.1
              35.9
              33.8

            
              1996
              61.1
              48.5
              35
              33.1

            
              1997
              60.6
              49.4
              33.4
              34.3

            
              1998
              59.5
              48.7
              33
              35.4

            
              1999
              59.3
              48
              34
              34.1

            
              2000
              59.3
              46.7
              34
              36.6

            
              2001
              59.8
              46.4
              33.4
              36.6

            
              2002
              59.4
              46.9
              32.8
              34.5

            
              2003
              58.8
              47.2
              32.2
              35.2
Adolescent fertility rate (births per 1,000 women ages 15-19)
	Values
Row Labels	2005	2006	2007	2008	2009	2010	2011	2012	2013
Afghanistan	130.6858	124.0794	117.473	111.3472	105.2214	99.0956	92.9698	86.844	83.196
Albania	23.7698	21.6554	19.541	18.6922	17.8434	16.9946	16.1458	15.297	14.3552
Algeria	9.6842	9.6856	9.687	9.7562	9.825399	9.894599	9.963799	10.033	9.6298
American Samoa
Andorra
Angola	197.2226	194.7368	192.251	187.832	183.413	178.994	174.575	170.156	166.5756
Antigua and Barbuda	58.4082	56.9506	55.493	54.247	53.001	51.755	50.50901	49.263	48.1334
	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="utf-8">

	<script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.min.js"></script>

	</head>

	<body>

	var years = ['year1995', 'year1996', 'year1997', 'year1998', 'year1999', 'year2000', 'year2001', 'year2002', 'year2003', 'year2004', 'year2005', 'year2006', 'year2007', 'year2008', 'year2009', 'year2010', 'year2011', 'year2012', 'year2013'];
	var extHigh = [0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0];
	var extUpper = [0.4, 0.4, 0.5, 0.5, 0.6, 0.4, 0.4, 0.4, 0.6, 0.3, 0.4, 0.4, 0.3, 0.3, 0.3, 0.4, 0.3, 0.3, 0.4];
	var extLower = [1.5, 1.1, 1.9, 2.7, 2.9, 2.5, 2.7, 1.9, 2.9, 2.9, 2.7, 2.5, 2.4, 2.6, 2.6, 2.7, 2.4, 2.3, 2.1];
	var extLow = [9.1, 9.9, 13.7, 14.3, 15.2, 14.2, 15.6, 14.5, 14.7, 19.2, 21.9, 24.2, 22.3, 25, 26.9, 29, 30.5, 27.5, 24.7];
	var govHigh = [61.2,61.1,60.6,59.5,59.3,59.3,59.8,59.4,58.8,58.9,59.1,59.7,59.7,60.2,61.3,61.2,61.1,60.6,60.9];
	var govUpper = [50.1,48.5,49.4,48.7,48,46.7,46.4,46.9,47.2,47.6,46.8,48,50.6,52.4,54.3,54.8,56,56.2,56.2];
	var govLower = [35.9,35,33.4,33,34,34,33.4,32.8,32.2,31.1,31.2,33.1,34.2,35,35.6,36.3,36,36.5,37.1];
	var govLow = [33.8,33.1,34.3,35.4,34.1,3
	<html>
	<head>
	<style>
	body {
	font: 16px/24px'Lato', Helvetica, Helvetica Neue, Arial;
	width: 90%;
	}
	.chart {
	margin: 0 auto;
	margin-top: 0px;
Country or territory of origin	1990	2000	2010	2013
Afghanistan	6339095	3587336	3054709	2556507
Albania	1822	6802	14772	10073
Algeria	19	8034	6689	3659
Angola	407760	433760	134858	10295
Argentina	334	609	557	388
Armenia	1	5786	17547	11998
Azerbaijan	0	284277	16753	10809
Bahrain	39	95	87	275
Bangladesh	477	5401	10049	9727
	<html>
	<head>
	<title>My data in D3 Way</title>
	<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/d3/3.5.6/d3.min.js"></script>
	</head>
	<body>
	<h1> My data in D3 Way!</h1>
	</body>
	<script type="text/javascript">
	d3.csv("infantMortality.csv",function(error,data){
Year	High-income	Upper-middle-income	Lower-middle-income	Low-income
1995	61.2	50.1	35.9	33.8
1996	61.1	48.5	35	33.1
1997	60.6	49.4	33.4	34.3
1998	59.5	48.7	33	35.4
1999	59.3	48	34	34.1
2000	59.3	46.7	34	36.6
2001	59.8	46.4	33.4	36.6
2002	59.4	46.9	32.8	34.5
2003	58.8	47.2	32.2	35.2