-
Notifications
You must be signed in to change notification settings - Fork 3
/
Copy pathindex.html
49 lines (43 loc) · 1.13 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
<html>
<head>
<title>Common Core Mathematics Standards</title>
<style>
body {
font-family: 'Helvetica Neue', Helvetica, sans-serif;
}
div.standard {
float: left;
margin: 2px;
padding: 5px;
background: #eee;
font-size: 10px;
-moz-border-radius: 6px;
border-radius: 6px;
}
div.grade-name {
float: left;
margin: 5px;
padding: 10px 15px;
background: #555;
color: #fff;
font-size: 18px;
-moz-border-radius: 6px;
border-radius: 6px;
}
div.grade {
clear: both;
padding: 10px;
}
</style>
</head>
<body>
<h1>Common Core Mathematics Standards</h1>
<div>Hover over a standard to see what it depends on (green) and what depends on it (red). The colors
fade as the dependency chain to the standard becomes longer.
The dependencies are derived from a
<a href="https://docs.google.com/spreadsheet/ccc?key=0AtYMTchBa3Y2dEpIUHpudlRfbWs0eGY1TTJ1ZE01UXc#gid=0">shared spreadsheet</a>,
referenced from a <a href="http://dl.dropbox.com/u/11459286/ccssmgraph.pdf">document</a> by Jason Zimba.
</div>
<script src="http://d3js.org/d3.v3.min.js"></script>
<script src="dependencies.js"></script>
</body>