Sha256: 90549b267d6c39886fc0ee83176a114663fda29f8fda7fad7af2534c79adff45

Contents?: true

Size: 965 Bytes

Versions: 6

Compression:

Stored size: 965 Bytes

Contents

<!DOCTYPE html>
<html>
  <head>
    <title>Hello, world!</title>
    <script type="text/javascript" src="../../d3.js"></script>
  </head>
  <body>
    Your lucky numbers are:<br>
    <span></span>
    <span></span>
    <span></span>
    <span></span>
    <span></span>
    <script type="text/javascript">

d3.selectAll("span")
  .append("svg:svg")
    .attr("width", 100)
    .attr("height", 100)
  .append("svg:text")
    .attr("x", "50%")
    .attr("y", "50%")
    .attr("dy", ".35em")
    .attr("text-anchor", "middle")
    .attr("fill", "white")
    .attr("stroke", "black")
    .attr("stroke-width", 1.5)
    .style("font", "36pt Comic Sans MS")
    .style("text-shadow", "3px 3px 3px rgba(0,0,0,.4)")
    .text(function() { return ~~(Math.random() * 100); });

function transform() {
  d3.selectAll("text")
      .text(function() { return ~~(Math.random() * 100); });
}

window.addEventListener("keypress", transform, false);

    </script>
  </body>
</html>

Version data entries

6 entries across 6 versions & 1 rubygems

Version Path
bum-0.0.17 public/d3/examples/hello-world/hello-transform.html
bum-0.0.16 public/d3/examples/hello-world/hello-transform.html
bum-0.0.15 public/d3/examples/hello-world/hello-transform.html
bum-0.0.14 public/d3/examples/hello-world/hello-transform.html
bum-0.0.13 public/d3/examples/hello-world/hello-transform.html
bum-0.0.12 public/d3/examples/hello-world/hello-transform.html