plaza traffic

_.md

[ Launch: plaza traffic ] 4729076 by jspschool

config.json

{"description":"plaza traffic","endpoint":"","display":"svg","public":true,"require":[],"fileconfigs":{"inlet.js":{"default":true,"vim":false,"emacs":false,"fontSize":12},"plaza_traffic.json":{"default":true,"vim":false,"emacs":false,"fontSize":12}},"play":false,"loop":false,"restart":false,"autoinit":true,"pause":true,"loop_type":"period","bv":false,"nclones":15,"clone_opacity":0.4,"duration":3000,"ease":"linear","dt":0.01}

inlet.js

var data = tributary.plaza_traffic;

d3.select("body")
.append("div")
.attr("class","chart")
.selectAll(".bar")
.data(data.cash)
.enter().append("div")
.attr("class","bar")
.style("width", function(d){return d.count/100 + "px"})
.style("outline", "1px solid black")
.text(function(d){return Math.round(d.count)});

plaza_traffic.json

{
    "cash": [
        {
            "count": 26774.09756097561, 
            "id": 1, 
            "name": "Robert F. Kennedy Bridge Bronx Plaza"
        }, 
        {
            "count": 18612.77618364419, 
            "id": 2, 
            "name": "Robert F. Kennedy Bridge Manhattan Plaza"
        }, 
        {
            "count": 31343.0631276901, 
            "id": 3, 
            "name": "Bronx-Whitestone Bridge"
        }, 
        {
            "count": 9863.7658045977, 
            "id": 4, 
            "name": "Henry Hudson Bridge"
        }, 
        {
            "count": 3805.8350071736013, 
            "id": 5, 
            "name": "Marine Parkway-Gil Hodges Memorial Bridge"
        }, 
        {
            "count": 4577.186513629842, 
            "id": 6, 
            "name": "Cross Bay Veterans Memorial Bridge"
        }, 
        {
            "count": 13830.994261119082, 
            "id": 7, 
            "name": "Queens Midtown Tunnel"
        }, 
        {
            "count": 6900.047345767575, 
            "id": 8, 
            "name": "Brooklyn-Battery Tunnel"
        }, 
        {
            "count": 25262.48493543759, 
            "id": 9, 
            "name": "Throgs Neck Bridge"
        }, 
        {
            "count": 18275.3543758967, 
            "id": 11, 
            "name": "Verrazano-Narrows Bridge"
        }
    ], 
    "electronic": [
        {
            "count": 51316.53802008608, 
            "id": 1, 
            "name": "Robert F. Kennedy Bridge Bronx Plaza"
        }, 
        {
            "count": 67502.12482065997, 
            "id": 2, 
            "name": "Robert F. Kennedy Bridge Manhattan Plaza"
        }, 
        {
            "count": 76906.89383070302, 
            "id": 3, 
            "name": "Bronx-Whitestone Bridge"
        }, 
        {
            "count": 51861.5933908046, 
            "id": 4, 
            "name": "Henry Hudson Bridge"
        }, 
        {
            "count": 17488.73888091822, 
            "id": 5, 
            "name": "Marine Parkway-Gil Hodges Memorial Bridge"
        }, 
        {
            "count": 16056.855093256814, 
            "id": 6, 
            "name": "Cross Bay Veterans Memorial Bridge"
        }, 
        {
            "count": 65148.13916786227, 
            "id": 7, 
            "name": "Queens Midtown Tunnel"
        }, 
        {
            "count": 38908.203730272595, 
            "id": 8, 
            "name": "Brooklyn-Battery Tunnel"
        }, 
        {
            "count": 84575.18794835007, 
            "id": 9, 
            "name": "Throgs Neck Bridge"
        }, 
        {
            "count": 74291.31420373028, 
            "id": 11, 
            "name": "Verrazano-Narrows Bridge"
        }
    ]
}