Skip to content

Instantly share code, notes, and snippets.

View dankronstal's full-sized avatar

Dan Kronstal dankronstal

View GitHub Profile
@dankronstal
dankronstal / CanadaDemographics.csv
Last active August 15, 2016 22:54
Blade/Ring Chart
Province Population Percentage Land Area Density Seats People per Seat
Ontario 12851821 0.3839 1076395 12.19 121 106213
Quebec 7903001 0.2361 1365128 5.76 78 101321
British Columbia 4400057 0.1314 925186 4.84 42 104763
Alberta 3645257 0.1089 642317 5.77 34 107213
Manitoba 1208268 0.0361 553556 2.22 14 86305
Saskatchewan 1033381 0.0309 591670 1.75 14 73813
Nova Scotia 921727 0.0275 53338 17.63 11 83793
New Brunswick 751171 0.0224 71450 10.5 10 75117
Newfoundland and Labrador 514536 0.0154 373872 1.36 7 73505
@dankronstal
dankronstal / index.html
Last active February 5, 2016 22:02
Wings
<!DOCTYPE html>
<meta charset="utf-8">
<head>
<title>Wing Chart</title>
</head>
<style>
.YlGnBu .q0-5{fill:rgb(255,255,204)} .YlGnBu .q1-5{fill:rgb(161,218,180)} .YlGnBu .q2-5{fill:rgb(65,182,196)} .YlGnBu .q3-5{fill:rgb(44,127,184)} .YlGnBu .q4-5{fill:rgb(37,52,148)}
</style>
<body>
<div class="content"></div>
@dankronstal
dankronstal / index.html
Last active February 5, 2016 22:02
Arc Gradients
<!DOCTYPE html>
<html>
<head>
<meta charset='utf-8'>
<title>Arc Gradients</title>
<style>
</style>
</head>
<body>
@dankronstal
dankronstal / index.html
Last active February 5, 2016 22:02
Force Layout I
<!DOCTYPE html>
<html>
<head>
<meta charset='utf-8'>
<title>Force Layout w/ Shift</title>
<style>
.node {
fill: #ccc;
stroke: #333;
@dankronstal
dankronstal / index.html
Last active February 5, 2016 22:03
Timeline with markers
<!DOCTYPE html>
<meta charset="utf-8">
<style>
.mark{
background-image:url('https://bl.ocks.org/dankronstal/raw/e8a97d98f7592f490c81/marker.png');
height:32px;
width:32px;
position:absolute;
opacity: .7;
}
@dankronstal
dankronstal / index.html
Last active February 16, 2016 17:57
Clustered Progression Chart
<!DOCTYPE html>
<meta charset="utf-8">
<head>
<title>Stuff</title>
<style>
* {font-family: Verdana, Geneva, sans-serif; font-size: 12px;}
.node {opacity:.75}
.nodeSelected {font-weight:bold}
body { background-color:#eee;}
path { stroke: 1px; }
@dankronstal
dankronstal / index.html
Last active February 5, 2016 20:29
Fancy donut chart
<!DOCTYPE html>
<meta charset="utf-8">
<link type="text/css" rel="stylesheet" href="https://mbostock.github.io/d3/talk/20111116/colorbrewer/colorbrewer.css"/>
<style>
</style>
<body>
<!-- loosely from: http://bl.ocks.org/mikehadlow/93b471e569e31af07cd3 -->
<script src="https://d3js.org/d3.v3.min.js"></script>
@dankronstal
dankronstal / index.html
Last active February 5, 2016 22:04
playing with hexes
<!DOCTYPE html>
<meta charset="utf-8">
<style>
.axis text {
font: 10px sans-serif;
}
.axis path,
.axis line {
@dankronstal
dankronstal / index.html
Last active February 5, 2016 22:04
Play Hexers!
<!DOCTYPE html>
<meta charset="utf-8">
<style>
*{
font-family: courier;
}
.axis text {
font: 10px sans-serif;
}