FB Input Data

by chrisguzman

HTML

<script src="https://cdn.firebase.com/js/client/1.0.17/firebase.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
<script src="https://cdn.firebase.com/js/simple-login/1.6.1/firebase-simple-login.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/mustache.js/0.7.0/mustache.min.js"></script>
<script src="https://connect.facebook.net/en_US/all.js"></script>
<script src="http://d3js.org/d3.v3.min.js"></script>

JavaScript

var svg = d3.select("body")
    .append("svg")
    .attr("width", 1100)
    .attr("height", 1000);
new Firebase('https://crossfilteralpha.firebaseIO.com')
    .on('child_added', function (snapshot) {
    locX = Math.random() * 600;
    locY = Math.random() * 500;
    svg.append('circle').attr('cx', locX).attr('cy', locY).attr('fill', '#cccccc').attr('r', snapshot.val());
    svg.append('text')
        .text(snapshot.name())
        .attr('text-anchor', 'middle')
        .attr('x', locX)
        .attr('y', locY)
        .attr("dy", ".31em");
});