Skip to content

Instantly share code, notes, and snippets.

@anbnyc

anbnyc/2012pres.csv

Last active August 28, 2015 15:18
Show Gist options
  • Save anbnyc/a849687b535f6335c015 to your computer and use it in GitHub Desktop.
Save anbnyc/a849687b535f6335c015 to your computer and use it in GitHub Desktop.
Download ZIP
Module 2 Project - loading data to D3
Raw
2012pres.csv
State Obama EV Romney EV Obama PV Romney PV Other PV Total Vote
AL 0 9 795696 1255925 22717 2074338
AK 0 3 122640 164676 13179 300495
AZ 0 11 1025232 1233654 40368 2299254
AR 0 6 394409 647744 27315 1069468
CA 55 0 7854285 4839958 344304 13038547
CO 9 0 1323102 1185243 61177 2569522
CT 7 0 905083 634892 18985 1558960
DE 3 0 242584 165484 5853 413921
DC 3 0 267070 21381 5313 293764
FL 29 0 4237756 4163447 72976 8474179
GA 0 16 1773827 2078688 47535 3900050
HI 4 0 306658 121015 7024 434697
ID 0 4 212787 420911 18576 652274
IL 20 0 3019512 2135216 87286 5242014
IN 0 11 1152887 1420543 51104 2624534
IA 6 0 822544 730617 29019 1582180
KS 0 6 440726 692634 26611 1159971
KY 0 8 679370 1087190 30652 1797212
LA 0 8 809141 1152262 32662 1994065
ME 4 0 401306 292276 19598 713180
MD 10 0 1677844 971869 57614 2707327
MA 11 0 1921290 1188314 58163 3167767
MI 16 0 2564569 2115256 51136 4730961
MN 10 0 1546167 1320225 70169 2936561
MS 0 6 562949 710746 11889 1285584
MO 0 10 1223796 1482440 51087 2757323
MT 0 3 201839 267928 14281 484048
NE 0 5 302081 475064 17234 794379
NV 6 0 531373 463567 19978 1014918
NH 4 0 369561 329918 11493 710972
NJ 14 0 2125101 1477568 37623 3640292
NM 5 0 415335 335788 32635 783758
NY 29 0 4485741 2490431 104987 7081159
NC 0 15 2178391 2270395 56586 4505372
ND 0 3 124827 188163 9637 322627
OH 18 0 2827709 2661437 91701 5580847
OK 0 7 443547 891325 0 1334872
OR 7 0 970488 754175 64607 1789270
PA 20 0 2990274 2680434 82962 5753670
RI 4 0 279677 157204 9168 446049
SC 0 9 865941 1071645 26532 1964118
SD 0 3 145039 210610 8166 363815
TN 0 11 960709 1462330 35538 2458577
TX 0 38 3308124 4569843 115884 7993851
UT 0 6 251813 740600 25027 1017440
VT 3 0 199239 92698 7353 299290
VA 13 0 1971820 1822522 60147 3854489
WA 12 0 1755396 1290670 79450 3125516
WV 0 5 238269 417655 14514 670438
WI 10 0 1620985 1407966 39483 3068434
WY 0 3 69286 170962 8813 249061
Raw
index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Loading CSV Data with D3</title>
<script type="text/javascript" src="http://d3js.org/d3.v3.js"></script>
</head>
<body>
<svg width="500" height="200">
<line x1="10" y1="10" x2="175" y2="74" stroke="blue" stroke-width="3" />
<circle cx="300" cy="150" r="50" fill="grey" />
<text x="175" y="80" fill="charcoal" font-size="16" font-weight="bold" font-family="Garamond">Greetings, universe.</text>
<ellipse cx="170" cy="150" rx="50" ry="36" fill="orange" />
<ellipse cx="60" cy="150" rx="28" ry="16" fill = "green"/>
</svg>
<script type="text/javascript">
//Load in contents of CSV file
d3.csv("2012pres.csv", function(data) {
//Now CSV contents have been transformed into
//an array of JSON objects.
//Log 'data' to the console, for verification.
console.log(data);
});
</script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment