matrix.html 846 B

1234567891011121314151617181920212223242526272829303132333435363738394041424344
  1. <html>
  2. <head>
  3. <title>Matrix</title>
  4. <link rel="stylesheet" type="text/css" href="../ex.css"/>
  5. <script type="text/javascript" src="../../protovis-r3.2.js"></script>
  6. <style type="text/css">
  7. body {
  8. background: #222;
  9. }
  10. #fig {
  11. width: 200px;
  12. height: 200px;
  13. }
  14. </style>
  15. </head>
  16. <body><div id="center"><div id="fig">
  17. <script type="text/javascript+protovis">
  18. var vis = new pv.Panel()
  19. .width(200)
  20. .height(200)
  21. .strokeStyle("#aaa");
  22. vis.add(pv.Panel)
  23. .data(pv.range(0, 201, 20))
  24. .left(function(x) x)
  25. .add(pv.Panel)
  26. .data(pv.range(0, 201, 20))
  27. .top(function(y) y)
  28. .add(pv.Dot)
  29. .fillStyle("#fff")
  30. .strokeStyle(null)
  31. .size(function() this.mouse().length());
  32. vis.render();
  33. pv.listen(window, "mousemove", function() vis.render());
  34. </script>
  35. </div></div></body>
  36. </html>