Skip to content

Instantly share code, notes, and snippets.

View ari-jorgensen's full-sized avatar

ari-jorgensen

View GitHub Profile
<!DOCTYPE html>
<html lang="en-us">
<head>
<meta charset="utf-8">
<title>Assignment 11</title>
<style>
body {
font-family: Verdana, sans-serif;
}
<!DOCTYPE html>
<html lang="en-us">
<head>
<meta charset="utf-8">
<title>Assignment 11</title>
<style>
body {
font-family: Verdana, sans-serif;
}
<!DOCTYPE html>
<meta charset="utf-8">
<style>
.countries {
fill: none;
stroke: #fff;
stroke-linejoin: round;
}
.legendThreshold {
font-size: 12px;
costRank State costIndex groceryCost housingCost utilitiesCost transportationCost miscCost
1 Hawaii 192.9000 169.3000 318.6000 172.7000 148.6000 116.8000
3 California 151.7000 121.4000 227.3000 117.7000 138.9000 114.5000
4 New York 139.1000 114.8000 204.4000 108.7000 116.6000 104.8000
5 Oregon 134.2000 110.3000 181.8000 88 136.7000 113.2000
6 Massachusetts 131.6000 113.9000 170.3000 109.7000 116 117.6000
7 Alaska 129.9000 134.2000 133.9000 154.2000 130.8000 150.9000
8 Maryland 129.7000 108.5000 184.5000 107.3000 116.7000 89.2000
9 Connecticut 127.7000 114.2000 144.7000 128.1000 111.8000 113.7000
10 New Jersey 125.1000 109.5000 163.1000 101.6000 111.1000 101.7000
We can't make this file beautiful and searchable because it's too large.
id,State,Area name,2003 Rural-urban Continuum Code,2003 Urban Influence Code,2013 Rural-urban Continuum Code,2013 Urban Influence Code,"Less than a high school diploma, 1970","High school diploma only, 1970","Some college (1-3 years), 1970","Four years of college or higher, 1970","Percent of adults with less than a high school diploma, 1970","Percent of adults with a high school diploma only, 1970","Percent of adults completing some college (1-3 years), 1970","Percent of adults completing four years of college or higher, 1970","Less than a high school diploma, 1980","High school diploma only, 1980","Some college (1-3 years), 1980","Four years of college or higher, 1980","Percent of adults with less than a high school diploma, 1980","Percent of adults with a high school diploma only, 1980","Percent of adults completing some college (1-3 years), 1980","Percent of adults completing four years of college or higher, 1980","Less than a high school diploma, 1990","High school diploma only, 1990","Some college or ass
date New York San Francisco Austin
20111001 63.4 62.7 72.2
20111002 58.0 59.9 67.7
20111003 53.3 59.1 69.4
20111004 55.7 58.8 68.0
20111005 64.2 58.7 72.4
20111006 58.8 57.0 77.0
20111007 57.9 56.7 82.3
20111008 61.8 56.8 78.9
20111009 69.3 56.7 68.8
// Used the following example for references:
// https://bl.ocks.org/harrisoncramer/32bbcd8c360e6d8aa0d5b7a50725fe73
let nodes = [];
let svg = d3.select("svg");
// Get tooltip and hide it
let tooltip = d3.select("div.tooltip")
.style("opacity", 0);
<!DOCTYPE html>
<html lang="en-us">
<head>
<meta charset="utf-8">
<title>Assignment 8</title>
<style>
svg {
background-color: white;
}
<!DOCTYPE html>
<html lang="en-us">
<head>
<meta charset="utf-8">
<title>Assignment 7</title>
<style>
svg {
background-color: aliceblue;
}
let svg = d3.select("svg"),
margin = {top: 40, bottom: 40, left: 140, right: 5},
width = svg.attr("width") - margin.left - margin.right,
height = svg.attr("height") - margin.top - margin.bottom;
let g = svg.append("g")
.attr("transform", "translate("
+ margin.left + "," + margin.top + ")");
// set title