Skip to content

Instantly share code, notes, and snippets.

@NelsonMinar
Forked from mbostock/.block
Created December 7, 2011 00:38
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 NelsonMinar/1440821 to your computer and use it in GitHub Desktop.
Save NelsonMinar/1440821 to your computer and use it in GitHub Desktop.
selection.order
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
</head>
<body>
<script type="text/javascript" src="http://mbostock.github.com/d3/d3.js?2.6.0"></script>
<script type="text/javascript">
d3.selection.prototype.order = function() {
for (var j = 0, m = this.length; j < m; j++) {
for (var group = this[j], i = 1, n = group.length, prev = group[0]; i < n; i++) {
var node = group[i];
if (node) {
if (prev) prev.parentNode.insertBefore(node, prev.nextSibling);
prev = node;
}
}
}
return this;
};
var div = d3.select("body").selectAll("div")
.data(["a", "b", "f"], String)
.enter().append("div")
.text(String);
div.order();
var div = d3.select("body").selectAll("div")
.data(["a", "b", "c", "d", "e", "f"], String);
div.enter().append("div")
.text(String);
div.order();
</script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment