archive-gh-me/d3
1
0
Fork 0
mirror of https://github.com/d3/d3.git synced 2025-12-08 19:46:24 +00:00
Code Issues Projects Releases Wiki Activity

Remove bundle-treemap example.

Browse Source 
Replaced by <http://bl.ocks.org/4341134>.
This commit is contained in:
Mike Bostock 2012-12-19 14:31:38 -08:00
parent d354200f5e
commit 96f1be94cf
1 changed files with 0 additions and 87 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

87
examples/bundle/bundle-treemap.html
View File

@ -1,87 +0,0 @@
<!DOCTYPE html>
<meta charset="utf-8">
<title>Hierarchical Edge Bundling (Treemap)</title>
<style>
.cell {
border: solid 1px white;
font: 10px sans-serif;
line-height: 12px;
overflow: hidden;
position: absolute;
text-indent: 2px;
}
.link {
stroke: #000;
stroke-opacity: .5;
fill: none;
}
</style>
<body>
<script src="../../d3.js"></script>
<script src="../../lib/colorbrewer/colorbrewer.js"></script>
<script src="packages.js"></script>
<script>
var width = 960,
height = 500;
var fill = d3.scale.ordinal()
.range(colorbrewer.Greys[9].slice(1, 4));
var stroke = d3.scale.linear()
.domain([0, 1e4])
.range(["brown", "steelblue"]);
var treemap = d3.layout.treemap()
.size([width, height])
.value(function(d) { return d.size; });
var bundle = d3.layout.bundle();
var div = d3.select("body").append("div")
.style("position", "relative")
.style("width", width + "px")
.style("height", height + "px");
var line = d3.svg.line()
.interpolate("bundle")
.tension(.85)
.x(function(d) { return d.x + d.dx / 2; })
.y(function(d) { return d.y + d.dy / 2; });
d3.json("../data/flare-imports.json", function(error, classes) {
var nodes = treemap.nodes(packages.root(classes)),
links = packages.imports(nodes);
div.selectAll("div")
.data(nodes)
.enter().append("div")
.attr("class", "cell")
.style("background", function(d) { return d.children ? fill(d.key) : null; })
.call(cell)
.text(function(d) { return d.children ? null : d.key; });
div.append("svg")
.attr("width", width)
.attr("height", height)
.style("position", "absolute")
.selectAll("path.link")
.data(bundle(links))
.enter().append("path")
.style("stroke", function(d) { return stroke(d[0].value); })
.attr("class", "link")
.attr("d", line);
});
function cell() {
this
.style("left", function(d) { return d.x + "px"; })
.style("top", function(d) { return d.y + "px"; })
.style("width", function(d) { return d.dx - 1 + "px"; })
.style("height", function(d) { return d.dy - 1 + "px"; });
}
</script>