D3 Examples - longscroll.js

xxxxxxxxxx
 
<!DOCTYPE html>
<meta charset="utf-8">
<style>
.longscroll {
  overflow-y: auto;
  width: 480px;
  height: 500px;
  float: left;
}
.longscroll .row {
  height: 19px;
  padding: 0 8px;
  border-bottom: solid #eee 1px;
}
</style>
<body>
<script src="https://d3js.org/d3.v2.min.js?2.10.1"></script>
<script src="longscroll.js"></script>
<script>
​
var numbers = [
  d3.range(0, 1e6)
];
​
d3.select("body").selectAll("div.longscroll")
    .data([numbers, numbers])
  .enter().append("div")
    .attr("class", "longscroll")
    .call(d3.longscroll()
      .size(1e6)
      .render(function(g) {
        g.text(function(d) { return d; });
      }));
​
</script>
​
    