d3talk/bar_code.html at master · johnistan/d3talk · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
  <head>
  <link type="text/css" rel="stylesheet" href="prettify.css">
  <script type="text/javascript" src="prettify.js"></script>
  <link type="text/css" rel="stylesheet" href="style.css">
  <title></title>
  </head>
  <body onload="prettyPrint()">
  <div id="body">
  <pre class="prettyprint">
d3.json(
  "http://localhost:8000/data/num_topics.json",
  function(data){
    d3.select("body")
      .append("svg")
      .selectAll("rect")
      .data(data)
      .enter()
      .append("rect")
      .attr("y", function(d,i) {
          return i*24;
      })
      .attr("width", function(d, i) {
          return 11*d.count
      })
      .attr("height", 20)
  }
)
  </pre>
  </div>
  </body>
</html>