D3 Examples - birthday 4 dooug

xxxxxxxxxx
 
<!DOCTYPE html>
<html>
<head>
<title>DOUG! BIRTHDAY! HAPPY!</title>
<style type="text/css">
img {
  display: none;
}
</style>
<script type="text/javascript" src="https://code.jquery.com/jquery-1.8.3.min.js"></script>
</head>
<body>
<span>happy birthday doug! ben wishes you a pleasant 3^3 and a happy noo year. yay!!!!!</span>
<br />
<script type="text/javascript">
(function($) {
$(document).ready(function() {
​
$q = $({});
​
$.each($('span').text(), function() {
  var that = this;
  $q.queue('cakes', function(next) {
    $('<img src="cakeslice.gif" />').appendTo($('body')).fadeIn(50, next);
    if ($q.queue('cakes').length % 9 == 0) $('<br />').appendTo($('body'));
  });
});
​
$q.dequeue('cakes');
​
});
})(this.jQuery);
</script>
</body>
</html>
​
    