This visualization accompanies this blog post by Alexander Simoes, which is a guide to creating new visualization types. It is a table, or more descriptively, a visual representation of a table.
Featured on D3plus.org
This visualization accompanies this blog post by Alexander Simoes, which is a guide to creating new visualization types. It is a table, or more descriptively, a visual representation of a table.
Featured on D3plus.org
<!doctype html> | |
<meta charset="utf-8"> | |
<script src="//d3plus.org/js/d3.js"></script> | |
<script src="//d3plus.org/js/d3plus.js"></script> | |
<div id="viz"></div> | |
<script> | |
var data = [ | |
{"index":"a", "foo":20, "bar":5, "baz":77}, | |
{"index":"b", "foo":2, "bar":20}, | |
{"index":"c", "foo":94, "bar":55, "baz":101}, | |
{"index":"d", "bar":95, "baz":82} | |
] | |
var visualization = d3plus.viz() | |
.container("#viz") | |
.data(data) | |
.type("table") | |
.id("index") | |
.shape("check") | |
.cols(["foo", "bar", "baz"]) | |
.draw() | |
</script> |