Skip to content

Instantly share code, notes, and snippets.

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="http://d3js.org/d3.v3.min.js" charset="utf-8"></script>
<style>
.menu:hover{ cursor:pointer;
opacity:0.6;
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="http://d3js.org/d3.v3.min.js" charset="utf-8"></script>
<style>
.menu:hover{ cursor:pointer;
opacity:0.6;
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="http://d3js.org/d3.v3.min.js" charset="utf-8"></script>
<style>
.menu:hover{ cursor:pointer;
opacity:0.6;
@rkmasiello
rkmasiello / heatmap.json
Last active August 29, 2015 14:06 — forked from mbostock/.block
[
[103,104,104,105,105,106,106,106,107,107,106,106,105,105,104,104,104,104,105,107,107,106,105,105,107,108,109,110,110,110,110,110,110,109,109,109,109,109,109,108,107,107,107,107,106,106,105,104,104,104,104,104,104,104,103,103,103,103,102,102,101,101,100,100,100,100,100,99,98,97,97,96,96,96,96,96,96,96,95,95,95,94,94,94,94,94,94],
[104,104,105,105,106,106,107,107,107,107,107,107,107,106,106,106,106,106,106,108,108,108,106,106,108,109,110,110,112,112,113,112,111,110,110,110,110,109,109,109,108,107,107,107,107,106,106,105,104,104,104,104,104,104,104,103,103,103,103,102,102,101,101,100,100,100,100,99,99,98,97,97,96,96,96,96,96,96,96,95,95,95,94,94,94,94,94],
[104,105,105,106,106,107,107,108,108,108,108,108,108,108,108,108,108,108,108,108,110,110,110,110,110,110,110,111,113,115,116,115,113,112,110,110,110,110,110,110,109,108,108,108,108,107,106,105,105,105,105,105,105,104,104,104,104,103,103,103,102,102,102,101,100,100,100,99,99,98,97,97,96,96,96,96,96,96,96,96,95,95,94,94,94,94,94],
[105,105,106,106,107,107,108,
@rkmasiello
rkmasiello / heatmap.js
Last active August 29, 2015 14:06
heatmap
/*
* This code renders a heatmap with header rows on top of it.
* It is rendered from a data structure organized as a tree of nodes.
* Each node has a label, value(s) and a list of child nodes. Leaf nodes do not have children.
*
* Example:
* A tree like this:
* root
* sector1
* department1
@rkmasiello
rkmasiello / README.md
Last active August 29, 2015 14:06 — forked from weiglemc/.block
Visualization Example Using D3.js

d3 scatterplot example to show a cost/benefit correlation using a CSV file for data input.