Skip to content

Instantly share code, notes, and snippets.

hmader

Block or report user

Report or block hmader

Hide content and notifications from this user.

Learn more about blocking users

Contact Support about this user’s behavior.

Learn more about reporting abuse

Report abuse
View GitHub Profile
@hmader
hmader / index.html
Last active Aug 30, 2015
Week 1: Style article - LA Times article model
View 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 href='https://fonts.googleapis.com/css?family=Lora:400,400italic,700,700italic|Droid+Serif:700' rel='stylesheet' type='text/css'>
<link rel="stylesheet" type="text/css" href="wapo_stylesheet.css">
</head>
<div class="container read_content_container">
@hmader
hmader / index.html
Last active Sep 12, 2015
Week2: High Charts
View index.html
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>My Highcharts Attempt</title>
<link rel="stylesheet" type="text/css" href="css/my-hc1-main.css">
<link href='https://fonts.googleapis.com/css?family=Roboto:400,700,400italic,700italic' rel='stylesheet' type='text/css'>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script type="text/javascript" src="http://code.highcharts.com/highcharts.js"></script>
<script type="text/javascript" src="http://code.highcharts.com/modules/data.js"></script>
View contraceptive-mortality-select-countries-chart.csv
Country None Primary Secondary or higher Average U5MR
Afghanistan 19.9 27.2 37.7 28.2666666666667 97.3
Azerbaijan 51.4 25 51.4 42.6 34.2
Bangladesh 61.4 62.4 60.3 61.3666666666667 41.1
Benin 11.2 14.9 20.9 15.6666666666667 85.3
Bhutan 67.5 66.2 57.7 63.8 36.2
Bolivia 42 56.1 68.9 55.6666666666667 39.1
Brazil 64.1 71.9 81.8 72.6 13.7
Burkina-Faso 11.8 27 50.5 29.7666666666667 97.6
Burundi 17.5 24.7 41.1 27.7666666666667 82.9
@hmader
hmader / barsMain.css
Last active Sep 20, 2015
Week 4: Dynamic Domain Bar Chart
View barsMain.css
body {
box-sizing: border-box;
font-family: "Roboto", sans-serif;
}
svg {
padding: 1em;
background-color: rgb(255, 255, 255);
border: 7px solid #F4F4F4;
@hmader
hmader / barsMain.css
Last active Sep 28, 2015
Week 5: Bar Chart with Axis
View barsMain.css
body {
box-sizing: border-box;
font-family: "Roboto", sans-serif;
}
svg {
/* padding: 1em;*/
background-color: rgb(255, 255, 255);
}
@hmader
hmader / index.html
Last active Oct 31, 2015
Week 6: My Line Plot
View index.html
<!DOCTYPE html>
<!-- Modification of an example by Scott Murray from Knight D3 course -->
<html lang="en">
<head>
<meta charset="utf-8">
<title>Line Chart with Multiple Lines</title>
<link href='https://fonts.googleapis.com/css?family=Roboto:400,400italic,700,700italic|Lora:400,400italic,700,700italic' rel='stylesheet' type='text/css'>
<link rel="stylesheet" type="text/css" href="main.css">
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/d3/3.5.6/d3.min.js"></script>
View contraceptive-mortality-select-countries-chart.csv
Afghanistan 19.9 27.2 37.7 28.2666666666667 97.3
Azerbaijan 51.4 25 51.4 42.6 34.2
Bangladesh 61.4 62.4 60.3 61.3666666666667 41.1
Benin 11.2 14.9 20.9 15.6666666666667 85.3
Bhutan 67.5 66.2 57.7 63.8 36.2
Bolivia 42 56.1 68.9 55.6666666666667 39.1
Brazil 64.1 71.9 81.8 72.6 13.7
Burkina-Faso 11.8 27 50.5 29.7666666666667 97.6
Burundi 17.5 24.7 41.1 27.7666666666667 82.9
View Contraceptive-Types-select-countries-2013-2014.csv
Country Year Age Any method Any modern method Female Sterilization Male Sterilization Pill Injectable IUD Male condom Vaginal barrier methods Implant Other modern methods Any traditional method Rhythm Withdrawal Other traditional methods
Burkina Faso 2014 15-49 17 17 0 0 2 7 0.1 0 0 7.8 0.1 0 0 0 0
Cambodia 2014 15-49 56.3 38.8 3 0.1 17.8 9.1 4.4 2.1 2.2 0.1 17.5 3 14.5 0.1
Cuba 2014 15-49 73.7 72.2 24.5 0 7.3 0.6 23.8 15.5 0.2 0 0.3 1.5 1.5
Democratic Republic of the Congo 2013-2014 15-49 20.4 7.5 0.7 0.1 0.7 1.2 0.2 3.4 0.4 0.7 0 12.9 7.5 4.5 0.9
Dominican Republic 2013 15-49 71.9 68.4 40.9 0.2 16.6 5.7 1.7 2.6 0.5 0.2 3.5 1.2 1.8 0.5
Egypt 2014 15-49 58.5 56.9 1.2 0 16 8.5 30.1 0.5 0.1 0.5 0 1.6 0.3 0.3 1
Ethiopia 2014 15-49 35 33.8 0.3 0 1.6 23.8 0.7 0.2 0 7.2 0 1.2 1.2
Gambia 2013 15-49 9 8.1 0.6 2.1 3.9 0.3 0.6 0.6 0.9 0.2 0.3 0.4
Ghana 2014 15-49 19.5 17.7 0 0 4.3 7.3 0.4 0.8 0 3.2 1.7 1.8 0 0 1.8
View Contraceptive-Types-select-sub-saharan-countries-2013-2014.csv
Country Year Age Any method Any modern method Female Sterilization Male Sterilization Pill Injectable IUD Male condom Vaginal barrier methods Implant Other modern methods Any traditional method Rhythm Withdrawal Other traditional methods
Burkina Faso 2014 15-49 17 17 0 0 2 7 0.1 0 0 7.8 0.1 0 0 0 0
Democratic Republic of the Congo 2013-2014 15-49 20.4 7.5 0.7 0.1 0.7 1.2 0.2 3.4 0.4 0.7 0 12.9 7.5 4.5 0.9
Ethiopia 2014 15-49 35 33.8 0.3 0 1.6 23.8 0.7 0.2 0 7.2 0 1.2 1.2
Gambia 2013 15-49 9 8.1 0.6 2.1 3.9 0.3 0.6 0.6 0.9 0.2 0.3 0.4
Ghana 2014 15-49 19.5 17.7 0 0 4.3 7.3 0.4 0.8 0 3.2 1.7 1.8 0 0 1.8
Kenya 2014 15-49 55.7 55.4 1.6 7.3 29.1 3.4 1.8 11.1 0.8 0.2 0.2
Lesotho 2014 15-49 60.2 59.8 1.7 0.1 14.2 24 1.3 16.9 1.4 0.2 0.4 0.2 0.2
Liberia 2013 15-49 20.2 19.1 0.3 5 11.2 0.4 2.1 0.2 1.1 1.1 0 0
Malawi 2013-2014 15-49 58.6 57.4 10.2 0.1 2.2 32.2 1 2 9.4 0.3 1.2 0.5 0.3 0.5
@hmader
hmader / for-chart-data.csv
Created Nov 2, 2015
Week 10: Small Multiples
View for-chart-data.csv
Country Year Contraception IMR Fertility U5MR
China 1990 42.1 2.506 53.8
China 1991 41.8 2.342 53.3
China 1992 84.59999847 41.2 2.171 52.4
China 1993 40.2 2.009 51
China 1994 90.69999695 39 1.865 49.3
China 1995 90.40000153 37.7 1.746 47.5
China 1996 91.09999847 36.4 1.656 45.6
China 1997 83.8 35 1.591 43.6
China 1998 33.5 1.546 41.5
You can’t perform that action at this time.