Skip to content

Instantly share code, notes, and snippets.

@bniedzie

bniedzie/index.html

Last active June 10, 2019 03:19
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save bniedzie/44bafb802510425db3bf57566da4d952 to your computer and use it in GitHub Desktop.
Save bniedzie/44bafb802510425db3bf57566da4d952 to your computer and use it in GitHub Desktop.
Download ZIP
Lifespan of Database Members
Raw
index.html
<!DOCTYPE html>
<meta charset="utf-8">
<style>
body {
font: 10px sans-serif;
}
.bar rect {
shape-rendering: crispEdges;
}
.bar text {
fill: #999999;
}
.axis path, .axis line {
fill: none;
stroke: #000;
shape-rendering: crispEdges;
}
</style>
<body>
<script src="http://d3js.org/d3.v3.min.js"></script>
<script>
// Set the base bar color
var color = "pink";
// A comma-separated list of the years, using negative numbers for BCE
var years = [31,100,47,41,100,100,125,100,100,100,51,125,51,100,125,125,57,125,65,125,100,87,100,125,125,125,125,125,125,125,125,125,100,100,62,100,100,100,100,100,100,100,100,125,100,100,100,65,100,100,100,100,100,100,100,100,100,100,100,100,100,100,100,47,45,100,125,125,48,100,17,150,100,100,45,100,100,47,47,49,100,100,100,100,125,100,100,125,125,125,125,52,125,61,125,28,76,150,125,125,150,125,125,125,100,100,100,125,86,125,47,37,37,100,37,100,100,100,100,100,125,100,100,40,144,100,100,100,42,125,100,100,100,100,100,125,100,100,100,125,100,100,65,47,100,57,125,100,100,100,100,125,125,125,125,125,51,125,105,125,125,125,125,125,125,125,125,125,125,125,125,125,125,125,125,125,125,125,125,125,125,125,125,125,100,100,100,125,100,100,100,100,100,100,125,100,100,100,100,100,100,100,125,37,37,37,37,125,100,100,100,100,100,100,85,100,100,100,100,100,150,125,100,71,100,100,100,100,100,125,125,100,125,100,125,125,125,125,125,125,125,125,125,125,125,125,125,125,125,125,125,125,125,125,125,100,100,100,100,100,100,100,100,125,100,100,100,125,36,100,36,100,125,100,100,100,100,100,100,100,100,125,100,100,57,100,100,100,125,125,125,100,100,101,100,100,125,83,100,125,100,125,100,100,125,100,100,100,100,100,100,125,100,125,125,100,100,54,125,125,125,125,125,125,125,125,125,125,125,125,125,125,125,125,100,100,45,100,100,125,100,100,100,100,41,100,100,100,36,125,100,60,100,100,125,100,100,100,100,100,100,134,125,100,100,100,100,100,100,100,100,100,100,125,100,100,150,100,100,100,100,100,100,100,100,125,100,100,125,125,125,100,100,100,125,100,100,100,100,100,100,100,100,100,100,100,100,125,125,100,100,100,125,100,100,100,100,100,100,100,100,100,125,125,35,100,125,38,125,117,100,100,125,100,100,130,150,125,125,100,100,100,125,100,100,128,125,100,110,100,37,100,127,116,125,125,146,125,125,125,125,125,125,100,100,95,114,35,100,102,113,125,125,200,100,100,13,100,100,75,75,100,100,100,100,71,100,100,130,119,100,100,74,100,125,125,100,100,104,60,106,125,125,125,125,125,125,125,100,100,125,100,100,100,100,100,116,100,100,100,100,45,100,100,100,100,80,100,109,100,100,100,100,125,125,125,125,125,100,45,88,100,125,100,100,100,100,81,100,100,125,150,100,125,125,30,100,55,125,51,106,125,124,54,120,125,125,125,100,31,125,100,100,100,100,100,100,100,100,45,100,100,100,100,100,38,100,100,200,125,100,100,100,100,58,43,89,100,143,100,43,125,125,45,68,100,46,100,125,100,125,75,125,99,27,53,125,125,125,120,102,100,32,50,100,50,50,100,35,97,76,100,100,100,125,47,94,100,100,100,40,125,100,100,120,100,100,100,100,100,100,100,44,100,100,100,100,110,100,125,37,100,125,125,100,100,100,79,125,51,125,98,125,130,149,125,125,98,128,100,100,100,60,100,38,100,100,89,100,100,100,124,100,98,100,66,120,100,100,39,39,125,77,59,61,41,64,61,44,100,125,100,100,45,45,100,90,75,47,54,125,100,62,100,109,38,36,54,100,45,101,75,59,41,105,51,125,34,62,30,100,79,44,40,100,100,100,100,100,100,100,168,100,100,100,100,100,100,100,100,41,71,45,50,48,100,36,100,33,33,100,100,100,38,125,50,100,100,100,93,34,34,55,52,45,125,100,118,100,100,102,100,100,100,34,34,120,34,34,34,100,100,100,100,100,100,100,50,35,91,100,85,117,100,100,93,100,118,100,42,100,100,63,37,89,42,100,52,100,100,100,49,60,100,100,100,125,78,100,100,100,100,100,100,100,100,94,90,100,65,129,100,125,100,100,100,100,100,9,100,101,105,100,100,100,100,100,54,40,59,56,59,70,40,51,100,100,150,110,51,100,18,100,100,84,55,100,100,113,52,42,104,100,100,100,100,42,65,125,100,100,87,100,100,100,100,105,100,100,100,100,83,81,52,53,82,100,45,100,45,46,150,100,114,106,125,100,100,100,81,100,100,47,29,47,100,100,100,61,23,100,100,100,125,100,31,106,53,41,118,78,49,100,125,125,125,110,105,100,150,100,100,150,100,86,125,75,41,44,103,54,106,125,75,125,54,125,125,125,125,102,125,99,53,53,101,105,120,125,104,94,125,119,122,54,54,54,53,125,95,125,125,121,95,125,68,123,50,125,125,125,100,31,31,31,100,125,100,96,100,101,51,100,32,32,32,105,100,100,100,100,93,100,39,100,119,109,100,50,100,50,100,100,85,100,120,125,100,35,100,115,63,100,96,100,125,97,100,100,100,100,119,124,97,130,100,100,100,100,117,100,117,91,92,100,100,43,39,100,50,100,100,100,100,125,100,61,100,120,125,125,100,100,100,100,45,93,42,47,100,100,100,100,125,129,100,100,117,125,100,113,100,100,100,125,100,100,125,100,126,99,100,100,125,103,125,125,75,100,113,100,45,116,111,100,100,125,100,65,121,100,125,125,125,115,100,125,125,100,100,100,100,100,100,125,47,100,125,100,100,100,119,100,100,60,100,75,125,100,39,125,125,125,125,125,125,125,125,75,125,125,125,110,100,101,125,52,125,125,125,125,125,125,125,125,125,112,125,125,47,125,125,125,125,84,125,125,125,75,125,125,125,125,109,125,125,125,103,125,125,125,125,125,124,125,125,62,125,125,150,125,75,125,100,100,64,100,100,100,100,100,71,100,45,100,100,100,100,100,100,100,100,39,100,61,100,120,100,59,100,75,125,100,100,100,125,100,100,48,100,100,100,100,100,36,100,100,100,100,100,100,100,100,100,89,100,100,49,100,100,100,100,100,104,100,100,100,100,75,47,125,100,100,125,100,100,125,125,100,100,121,45,100,125,100,112,46,100,100,105,100,118,100,100,100,125,39,116,125,56,105,52,125,125,127,102,125,48,125,125,100,125,125,125,125,54,115,65,29,125,125,75,125,54,125,125,125,125,125,125,106,125,125,107,125,125,97,125,100,109,134,80,100,100,108,100,100,100,85,100,34,125,106,35,66,45,100,100,35,125,104,100,105,115,100,100,38,100,100,120,100,100,100,75,54,100,64,43,83,100,33,100,46,100,100,100,100,100,100,88,100,100,100,83,100,75,100,100,125,100,100,88,44,47,100,125,100,100,66,100,100,125,125,125,116,100,104,118,125,125,125,74,27,125,58,125,46,125,125,125,57,111,125,72,99,104,125,105,150,125,125,125,125,125,40,100,125,100,49,125,57,45,125,125,125,58,77,43,125,100,26,37,107,125,100,100,56,100,100,43,39,100,43,100,101,100,99,92,100,100,100,100,100,53,100,62,100,125,42,41,50,125,100,93,79,115,100,60,100,40,47,97,100,100,50,125,100,28,62,100,50,100,100,50,111,100,33,45,125,46,100,100,100,110,100,61,68,125,100,63,48,100,48,125,100,48,150,100,100,100,125,125,100,125,41,100,43,125,99,125,50,50,52,41,32,74,100,50,75,125,125,90,68,68,125,52,111,100,125,85,125,125,99,35,125,150,125,100,125,125,42,125,35,100,61,114,47,100,125,100,35,100,75,100,94,100,100,100,100,60,51,100,100,100,100,41,43,43,35,100,66,41,100,100,100,104,38,34,100,36,100,125,65,130,100,36,100,125,100,100,100,125,64,61,100,100,100,125,75,100,125,38,100,100,100,100,100,100,36,100,100,38,43,125,100,99,37,55,100,100,100,39,95,43,38,90,100,100,30,29,60,100,100,38,56,100,50,100,100,89,67,75,100,84,150,45,50,100,40,68,58,43,100,100,45,62,116,26,43,100,53,100,100,45,100,44,99,48,43,43,100,63,100,100,100,42,43,100,100,50,100,100,100,45,51,54,100,100,100,44,100,50,69,45,95,50,100,120,47,150,100,94,125,50,71,51,51,100,75,40,100,80,100,70,83,48,56,125,125,33,52,100,48,54,54,100,100,100,75,75,115,115,125,125,100,62,125,63,79,108,125,54,109,125,125,117,55,125,125,125,63,125,125,125,125,125,125,125,125,125,53,75,52,125,125,42,125,125,84,104,125,125,125,125,125,125,125,125,125,125,57,51,100,100,75,75,75,75,125,150,75,75,125,75,125,125,125,49,125,125,125,125,125,54,125,54,54,82,64,125,125,75,125,120,125,125,125,134,60,125,125,125,150,125,105,125,100,100,59,100,52,100,50,125,125,100,100,100,43,36,105,54,44,100,43,100,100,100,100,100,100,64,100,100,75,100,100,100,100,100,59,39,125,82,100,100,59,56,100,100,100,50,100,100,53,100,100,100,100,49,52,100,100,100,100,75,100,100,100,55,35,100,125,100,125,100,49,92,100,50,56,125,150,100,100,106,54,100,36,100,150,100,50,46,100,100,100,44,125,100,53,75,55,100,100,75,75,54,100,43,100,125,100,100,100,57,100,150,75,69,100,100,46,100,100,100,100,85,100,125,75,100,115,100,100,100,125,100,100,57,100,124,77,125,100,49,53,55,124,100,48,50,75,57,54,125,100,100,100,124,32,125,100,46,57,46,29,44,37,50,59,59,55,52,100,125,100,125,125,100,100,53,125,33,60,56,50,125,56,100,125,100,125,100,125,125,125,100,100,100,100,100,34,100,50,100,100,57,100,125,125,125,51,124,100,124,125,125,125,125,75,100,100,100,59,51,100,100,46,47,36,89,47,47,100,55,125,125,40,43,125,100,100,32,32,125,125,125,100,100,125,100,125,50,125,150,32,125,100,100,125,100,100,57,100,125,100,100,46,125,38,125,100,125,125,49,100,125,70,100,125,125,100,125,125,26,50,90,125,58,78,53,125,125,125,125,125,125,114,93,75,125,125,125,125,58,100,125,125,125,51,79,125,80,58,125,125,125,54,100,125,125,65,125,125,125,150,125,125,56,52,48,125,125,54,125,70,125,125,125,125,125,125,125,125,125,61,125,125,125,125,125,125,77,125,125,125,75,57,125,125,125,54,58,125,125,125,125,54,70,55,125,125,125,125,125,100,125,125,100,125,125,23,58,70,125,57,61,100,75,125,125,125,56,125,125,125,125,125,125,125,125,125,125,100,125,34,100,100,125,125,59,32,100,125,100,100,100,100,32,57,35,100,31,125,100,33,175,100,100,100,45,32,44,100,59,100,100,125,34,32,100,89,32,85,125,100,125,100,32,100,33,100,45,100,75,100,100,45,125,100,57,100,100,100,43,100,45,33,125,33,69,73,100,100,32,33,100,100,77,100,100,100,100,100,100,100,33,35,100,100,100,54,33,100,36,33,100,100,100,100,35,100,33,100,100,100,100,33,100,100,100,100,100,100,80,35,52,100,100,100,100,100,100,43,34,75,104,80,80,100,100,100,40,69,100,60,79,100,100,100,100,67,100,100,39,100,58,40,50,105,100,100,75,100,39,100,100,100,39,100,100,100,100,100,100,100,125,40,56,100,100,100,100,100,100,100,100,100,100,100,60,70,100,100,75,100,100,100,100,100,79,47,100,75,50,50,125,200,150,275,34,125,100,125,38,300,100,100,125,200,100,150,300,300,125,125,200,150,50,50,200,150,100,128,125,75,64,150,125,46,150,100,125,125,100,200,150,200,200,100,575,200,575,100,100,550,100,100,125,550,550,550,100,100,100,550,450,200,550,100,100,225,125,125,125,550,100,100,100,100,200,100,550,100,125,150,100,100,100,100,100,200,200,575,100,53,101,100,100,100,100,100,100,100,100,200,175,100,150,125,100,100,54,100,300,100,100,175,100,100,125,100,100,125,100,100,100,100,100,100,100,100,100,100,100,100,100,100,100,100,325,100,100,100,200,100,150,250,275,200,100,200,100,125,100,47,150,125,100,150,575,125,200,575,575,325,125,575,84,84,100,100,150,100,100,100,100,100,100,100,125,125,100,75,100,50,58,100,125,100,100,100,100,125,125,125,100,37,100,100,125,125,100,125,100,100,100,100,100,100,100,125,100,100,100,32,125,125,100,100,100,100,50,100,100,125,100,100,125,100,100,100,100,125,100,125,125,100,100,125,100,125,100,100,100,100,100,100,100,100,100,100,100,100,100,100,125,125,575,125,100,51,100,43,100,100,100,100,100,575,125,35,100,100,44,100,125,100,100,100,100,100,100,125,87,125,100,75,100,100,125,32,125,125,125,80,100,100,100,125,100,100,100,100,100,575,48,100,100,125,125,100,100,125,100,100,100,150,100,125,125,200,125,100,575,200,100,100,125,100,100,575,100,45,32,100,200,100,150,100,50,100,125,100,50,125,100,44,94,100,275,100,125,100,100,150,125,32,125,100,100,100,100,125,100,100,100,100,125,100,100,100,100,125,103,100,100,100,100,100,100,100,100,50,75,100,102,125,125,100,126,125,125,200,200,200,200,100,50,100,175,200,100,100,100,100,125,100,32,125,100,100,50,125,125,125,125,100,100,125,100,100,100,105,55,100,100,125,100,125,200,125,125,100,125,125,100,100,100,125,125,114,84,100,100,35,100,100,150,100,125,100,100,100,100,100,100,100,100,100,100,100,125,125,100,100,100,125,100,100,100,100,125,125,100,125,70,100,100,100,100,100,100,125,100,100,100,100,100,100,100,125,100,100,100,45,100,100,100,100,100,100,100,100,100,100,100,100,100,100,125,100,100,100,100,100,125,125,100,100,100,125,100,100,100,100,100,100,100,125,100,125,100,100,100,100,100,125,100,100,125,100,71,100,100,100,125,100,100,100,100,100,100,100,100,125,100,100,100,100,100,100,125,100,100,125,100,100,125,100,125,100,100,100,125,100,100,100,100,100,100,100,100,100,100,125,100,100,125,100,100,100,100,100,125,100,125,100,100,125,100,75,100,125,125,100,100,100,100,100,100,100,100,125,100,100,125,100,75,125,100,100,100,100,100,100,99,125,125,125,125,125,100,100,34,32,125,250,100,50,100,52,175,150,100,100,41,100,100,150,39,575,100,34,125,100,100,100,44,125,100,150,200,100,125,100,33,100,125,57,125,125,100,100,78,100,99,125,100,100,125,99,300,125,100,102,100,100,75,100,100,100,100,125,125,100,100,125,125,100,125,200,150,100,100,125,100,100,100,100,100,100,100,53,100,125,100,100,100,100,45,125,100,100,100,100,100,100,125,100,100,375,100,125,100,100,100,100,100,100,125,125,125,100,100,100,100,100,100,79,87,100,88,48,75,100,82,19,100,100,100,100,100,125,100,100,100,82,100,100,100,82,100,100,85,100,100,100,100,45,75,100,89,100,100,100,100,75,100,100,100,77,100,95,100,100,100,58,94,100,87,100,100,100,125,100,100,100,34,96,100,75,100,79,100,100,100,100,125,100,100,100,100,100,100,100,100,81,83,79,29,97,100,100,100,100,100,100,100,100,100,100,97,100,78,100,100,100,100,100,125,125,100,75,150,175,90,42,97,100,125,100,125,100,100,76,100,80,125,100,100,100,100,100,95,100,125,88,100,100,100,81,100,100,100,100,88,100,100,80,100,100,83,100,75,100,100,100,100,100,100,80,100,125,100,100,100,100,100,100,100,150,100,100,100,100,100,100,125,100,150,100,100,100,100,100,100,100,100,100,75,100,100,100,100,100,100,100,100,100,175,150,100,100,100,125,100,100,100,100,100,22,82,100,75,125,125,100,100,100,100,100,100,75,111,100,100,100,100,100,100,100,94,100,100,75,125,100,100,100,100,100,125,125,75,96,75,75,75,75,45,75,100,75,100,100,100,75,100,100,100,100,100,100,100,100,100,125,100,75,100,75,52,100,100,100,125,125,125,125,100,100,83,100,100,100,100,100,90,86,100,53,100,100,100,100,100,100,100,100,100,100,100,100,100,87,100,29,100,100,100,100,100,100,91,89,100,100,100,100,100,125,100,125,96,96,125,95,100,100,100,100,100,100,100,100,100,100,150,75,85,80,100,100,100,100,100,100,100,100,75,100,100,100,100,100,100,100,100,100,100,100,100,100,96,100,100,100,100,100,100,70,125,100,100,100,100,100,100,100,100,100,100,100,100,100,100,100,100,78,88,100,88,125,100,100,79,100,100,100,100,100,100,125,100,95,75,100,100,75,75,100,83,75,100,100,100,100,100,100,100,100,100,100,100,100,100,60,95,91,100,100,100,100,125,98,100,100,100,100,100,125,34,100,100,150,100,100,75,100,75,57,100,100,100,100,100,100,100,50,100,125,125,100,100,125,100,150,150,100,100,125,100,125,100,125,100,125,125,125,100,125,125,100,200,100,100,125,100,125,125,100,100,100,100,200,100,100,100,100,100,150,100,125,125,125,70,125,100,125,125,100,200,48,100,125,125,100,100,100,100,85,100,100,125,150,100,100,100,100,100,125,100,125,125,125,125,150,200,100,125,219,100,125,100,125,200,125,125,100,125,125,200,100,125,100,125,100,100,125,125,100,100,125,125,125,125,125,125,125,125,100,125,125,100,125,125,100,150,100,100,125,100,100,100,100,100,125,100,200,100,100,100,150,125,100,200,100,125,100,150,100,100,100,125,125,125,125,100,125,125,80,225,225,225,225,80,30,26,175,63,85,56,45,45,100,56,52,52,37,125,100,45,45,45,33,100,46,125,100,100,125,100,125,100,100,150,125,93,100,100,100,125,100,100,125,100,125,100,125,100,125,125,100,100,100,125,100,100,59,125,100,100,100,100,100,100,125,45,100,100,100,100,125,100,125,125,125,100,125,125,125,100,100,100,100,100,100,100,100,100,100,200,175,94,100,100,125,100,125,9,100,100,125,54,115,25,115,100,125,44,100,125,79,100,75,125,100,550,62,84,125,46,125,100,100,175,125,125,125,56,100,175,100,100,575,125,125,125,34,34,79,100,125,57,59,34,100,81,100,275,100,100,100,100,100,100,100,100,100,100,100,100,100,100,39,100,125,100,100,100,100,100,100,100,100,100,100,100,100,100,100,100,100,100,75,100,100,100,75,75,75,100,100,100,100,100,100,100,100,100,100,100,100,100,100,100,100,100,100,100,100,100,100,100,100,100,100,100,100,125,100,100,100,100,100,100,100,100,100,100,100,100,100,100,100,100,100,75,100,100,100,100,100,100,100,100,100,100,100,100,100,100,100,100,100,64,100,100,100,75,100,100,100,100,100,75,100,100,100,100,100,100,100,100,100,94,100,100,100,100,100,100,100,100,100,100,125,100,100,100,100,100,100,100,100,100,100,100,100,100,100,100,125,100,100,100,100,100,99,100,100,100,100,100,100,100,100,100,100,100,100,100,100,75,75,100,125,100,100,100,100,100,100,100,100,100,100,100,100,100,100,100,100,100,100,100,100,100,100,100,100,75,100,100,125,100,100,100,75,100,100,75,100,100,100,100,100,75,100,100,100,100,75,100,100,100,100,100,100,100,100,100,100,100,100,100,100,100,100,100,100,100,100,100,100,100,125,100,100,125,100,100,75,100,100,75,100,100,100,100,100,100,100,100,100,100,100,100,100,125,100,100,100,100,100,100,100,100,100,100,100,125,125,125,100,100,100,100,100,100,100,100,100,100,100,100,100,100,100,100,100,100,100,100,100,100,100,100,100,125,125,125,125,125,125,45,45,45,43,45,45,100,100,53,54,32,82,34,100,100,100,100,100,50,100,45,100,100,100,45,33,100,100,100,59,125,58,83,57,68,70,70,125,70,125,125,70,125,34,125,70,70,125,45,59,70,70,75,100,75,100,150,100,100,100,100,100,125,100,100,100,100,100,100,100,100,100,100,90,100,100,100,100,100,99,100,100,100,100,100,100,74,100,100,100,99,100,100,99,100,99,99,100,100,99,100,107,100,100,100,100,100,100,100,100,100,100,100,100,100,100,100,100,99,100,100,100,100,100,100,100,100,100,100,100,100,100,100,100,100,100,100,100,99,100,100,100,99,100,100,100,100,100,100,100,100,100,100,99,100,100,100,125,100,100,100,100,100,100,100,100,100,100,100,100,100,100,100,100,100,100,99,100,100,100,100,100,100,69,100,100,100,100,100,100,100,100,100,100,100,100,100,100,99,100,100,125,100,100,100,100,125,100,100,100,100,100,100,100,100,100,100,125,100,100,100,100,99,100,100,100,100,100,100,100,100,100,100,100,100,100,100,100,100,100,100,100,100,100,100,100,100,100,100,60,100,100,100,100,100,100,100,100,100,100,100,100,100,100,100,100,100,100,100,100,100,100,100,100,100,100,100,100,100,100,100,100,100,100,100,100,100,100,100,100,100,100,100,99,100,100,99,100,100,100,100,100,100,100,100,100,100,100,100,100,94,100,100,100,100,100,100,100,100,100,100,100,100,100,100,100,100,100,100,80,99,100,100,100,100,100,100,86,100,100,100,100,100,100,100,100,100,100,100,100,100,100,100,100,100,100,100,100,100,99,99,100,100,100,100,100,100,100,100,100,100,100,100,100,100,100,100,100,100,100,100,100,100,100,100,100,100,100,43,70,99,100,100,100,100,100,100,100,100,100,100,100,100,100,100,100,100,100,100,100,100,100,100,100,100,100,125,124,100,100,100,100,100,99,100,100,100,100,100,100,100,100,100,100,100,100,100,100,100,125,100,100,100,100,100,100,100,100,100,100,100,100,100,100,100,100,100,100,100,100,100,100,100,100,125,100,100,100,100,100,100,100,100,100,100,100,100,100,100,100,100,100,100,100,100,100,100,99,100,100,100,100,100,100,100,100,100,100,100,100,100,100,100,100,100,100,100,100,100,99,199,199,155,99,124,99,199,199,124,199,124,199,100,99,100,199,199,100,100,109,100,100,100,199,199,99,99,99,99,199,99,99,199,99,149,125,99,99,99,99,100,99,100,199,125,199,125,125,100,100,100,100,199,125,478,100,199,100,199,100,125,464,149,199,99,100,99,125,100];
// A formatter for counts.
var formatCount = d3.format(",.0f");
// Sets the margins
var margin = {top: 40, right: 30, bottom: 60, left: 30},
width = 960 - margin.left - margin.right,
height = 500 - margin.top - margin.bottom;
// Round the minimum year down to the nearest 20 and the maximum year up to the nearest 20
var max = Math.ceil(d3.max(years) / 20) * 20;
var min = Math.floor(d3.min(years) / 20) * 20;
var x = d3.scale.linear()
.domain([min, max])
.range([0, width]);
// Generate a histogram using bins of length 10 years.
var data = d3.layout.histogram()
.bins(d3.range(min, max, 10))
(years);
// Set the bar coloring
var yMax = d3.max(data, function(d){return d.length});
var yMin = d3.min(data, function(d){return d.length});
var colorScale = d3.scale.linear()
.domain([yMin, yMax])
.range([d3.rgb(color).brighter(), d3.rgb(color).darker()]);
var y = d3.scale.linear()
.domain([0, yMax])
.range([height, 0]);
// Ensure the axis uses 20 year increments
var xAxis = d3.svg.axis()
.scale(x)
.orient("bottom")
.tickValues(d3.range(min, max, 20));
var svg = d3.select("body").append("svg")
.attr("width", width + margin.left + margin.right)
.attr("height", height + margin.top + margin.bottom)
.append("g")
.attr("transform", "translate(" + margin.left + "," + margin.top + ")");
var bar = svg.selectAll(".bar")
.data(data)
.enter().append("g")
.attr("class", "bar")
.attr("transform", function(d) { return "translate(" + x(d.x) + "," + y(d.y) + ")"; });
bar.append("rect")
.attr("x", 1)
.attr("width", (x(data[0].dx) - x(0)) - 1)
.attr("height", function(d) { return height - y(d.y); })
.attr("fill", function(d) { return colorScale(d.y) });
bar.append("text")
.attr("dy", ".75em")
.attr("y", -12)
.attr("x", (x(data[0].dx) - x(0)) / 2)
.attr("text-anchor", "middle")
.text(function(d) { return formatCount(d.y); });
svg.append("g")
.attr("class", "x axis")
.attr("transform", "translate(0," + height + ")")
.call(xAxis);
// Graph title
svg.append("text")
.attr("x", (width / 2))
.attr("y", 0 - (margin.top / 2))
.attr("text-anchor", "middle")
.style("font-size", "16px")
.text("Age upon Death");
// Axis label
svg.append("text")
.attr("class", "x label")
.attr("text-anchor", "middle")
.attr("x", width / 2)
.attr("y", height + 50)
.text("Year");
</script>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment