carsonfarmer/README.md

## README.md

      
    Raw
  

              README.md
            
          
    CitiBike trips by Neighborhood

Mouseover to focus on rides to or from a single neighborhood.
The thickness of links between neighborhoods encodes the relative frequency of rides between two neighborhoods: thicker links represent more frequent rides. Only flows that represent more than 1000 trips are represented here to avoid too many small flows.
Links are directed: for example, while 0.5% of rides go from Midtown to the Flatiron District, only 0.4% go in the opposite direction. Links are colored by the more frequent origin.
This may not be the best visualisation for this type of data, particularly given how dense the connectivity matrix is. However, it does present a quick and fun way to checkout the CitiBike data at an aggregate level.
Built with [d3.js](http://d3js.org/) and based very heavily on [this](http://bost.ocks.org/mike/uberdata).
Data source: CitiBike Flows.

Created on: April 28th, 2014

Created by: Carson Farmer

  
## index.html
<!DOCTYPE html>
<html>
<meta charset="utf-8">
<title>CitiBike trips by Neighborhood</title>
<style>

#circle circle {
  fill: none;
  pointer-events: all;
}

.group path {
  fill-opacity: .5;
}

path.chord {
  stroke: #000;
  stroke-width: .25px;
}

#circle:hover path.fade {
  display: none;
}

</style>

<body>
<script src="http://d3js.org/d3.v2.min.js?2.8.1"></script>
<script>
var width = 960,
    height = 500,
    outerRadius = Math.min(width, height) / 2 - 10,
    innerRadius = outerRadius - 24;

var formatPercent = d3.format(".1%");

var arc = d3.svg.arc()
    .innerRadius(innerRadius)
    .outerRadius(outerRadius);

var layout = d3.layout.chord()
    .padding(.04)
    .sortSubgroups(d3.descending)
    .sortChords(d3.ascending);

var path = d3.svg.chord()
    .radius(innerRadius);

var svg = d3.select("body").append("svg")
    .attr("width", width)
    .attr("height", height)
  .append("g")
    .attr("id", "circle")
    .attr("transform", "translate(" + width / 2 + "," + height / 2 + ")");

svg.append("circle")
    .attr("r", outerRadius);

d3.csv("neighs.csv", function(neighs) {
  d3.json("matrix.json", function(matrix) {

    // Compute the chord layout.
    layout.matrix(matrix);

    // Add a group per neighborhood.
    var group = svg.selectAll(".group")
        .data(layout.groups)
      .enter().append("g")
        .attr("class", "group")
        .on("mouseover", mouseover);

    // Add a mouseover title.
    group.append("title").text(function(d, i) {
      return neighs[i].name + ": " + formatPercent(d.value) + " of origins";
    });

    // Add the group arc.
    var groupPath = group.append("path")
        .attr("id", function(d, i) { return "group" + i; })
        .attr("d", arc)
        .style("fill", function(d, i) { return neighs[i].color; });

    // Add a text label.
    var groupText = group.append("text")
        .attr("x", 6)
        .attr("dy", 15);

    groupText.append("textPath")
        .attr("xlink:href", function(d, i) { return "#group" + i; })
        .text(function(d, i) { return neighs[i].name; });

    // Remove the labels that don't fit. :(
    groupText.filter(function(d, i) { return groupPath[0][i].getTotalLength() / 2 - 16 < this.getComputedTextLength(); })
        .remove();

    // Add the chords.
    var chord = svg.selectAll(".chord")
        .data(layout.chords)
      .enter().append("path")
        .attr("class", "chord")
        .style("fill", function(d) { return neighs[d.source.index].color; })
        .attr("d", path);

    // Add an elaborate mouseover title for each chord.
    chord.append("title").text(function(d) {
      return neighs[d.source.index].name
          + " → " + neighs[d.target.index].name
          + ": " + formatPercent(d.source.value)
          + "\n" + neighs[d.target.index].name
          + " → " + neighs[d.source.index].name
          + ": " + formatPercent(d.target.value);
    });

    function mouseover(d, i) {
      chord.classed("fade", function(p) {
        return p.source.index != i
            && p.target.index != i;
      });
    }
  });
});
</script>
</body>
</html>

## matrix.json
[[0.005731332,0.0,0.0,0.0,0.0,0.0033259899,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0053473002,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0018532964,0.0,0.0,0.0,0.0,0.0,0.0017418586,0.0,0.0,0.0046786734,0.0,0.0,0.0,0.003133974,0.0],[0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0],[0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0],[0.0,0.0,0.0,0.0035231491,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0],[0.0,0.0,0.0,0.0,0.0035985839,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.002040169,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0],[0.0038231739,0.0,0.0,0.0,0.0,0.0307825506,0.0,0.0,0.0,0.0,0.0,0.0,0.0078606513,0.0033499919,0.0099368233,0.0,0.0,0.0,0.0024944924,0.0065491141,0.0084915607,0.0071834523,0.0,0.0,0.0033174177,0.0066708384,0.0146360698,0.0061067917,0.0038608913,0.0,0.0,0.0,0.0,0.0037477391,0.0022064685,0.004817542,0.0059593509,0.0,0.0,0.0,0.0080372374,0.0],[0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0019801641,0.0020847442,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0033311332,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0],[0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0026985093,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0025630695,0.0,0.0,0.0,0.0,0.0],[0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.002540782,0.0,0.0,0.0,0.0,0.0,0.0,0.0029831043,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0],[0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0],[0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0],[0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0018910138,0.0,0.0,0.0,0.0018412954,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0],[0.0,0.0,0.0,0.0,0.0,0.0074457598,0.0021276049,0.0,0.0,0.0,0.0,0.0,0.0251026514,0.0041231988,0.0048312574,0.0,0.0,0.0,0.0022218984,0.0086647179,0.0020984596,0.0053455858,0.0,0.0,0.0081829637,0.0024104854,0.006717128,0.0,0.0022973332,0.0,0.0,0.002633361,0.0,0.003903752,0.0033911381,0.0,0.0029368148,0.0,0.0,0.0,0.0047301062,0.0],[0.0050712773,0.0,0.0,0.0,0.0,0.0031545471,0.0018841561,0.0024602038,0.0,0.0,0.0,0.0,0.0040340485,0.0149155216,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.004356361,0.0,0.0017727183,0.0,0.0,0.0,0.0,0.0,0.0,0.0020796009,0.0,0.0,0.0071680225,0.0,0.0,0.0,0.0020813153,0.0],[0.0,0.0,0.0,0.0,0.0,0.0092750542,0.0,0.0,0.0,0.0,0.0,0.0,0.0054124485,0.0,0.0045466624,0.0,0.0,0.0,0.0,0.004260353,0.0019613054,0.0037014495,0.0,0.0,0.001803578,0.0019390178,0.006087933,0.0,0.0021104606,0.0,0.0,0.0,0.0,0.0017761472,0.0,0.0018344377,0.0,0.0,0.0,0.0,0.0025270665,0.0],[0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0033208466,0.0,0.0,0.0018532964,0.001911587,0.0,0.0,0.0064822514,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0],[0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0],[0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0],[0.0,0.0,0.0,0.0,0.0,0.0024842058,0.0,0.0,0.0,0.0,0.0,0.0,0.0026402188,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0019681631,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0],[0.0,0.0,0.0,0.0,0.0,0.0070943021,0.0,0.0,0.0,0.0,0.0,0.0,0.0089733149,0.0,0.003442571,0.0,0.0,0.0,0.0,0.0094070652,0.0,0.0022544725,0.0,0.0,0.002941958,0.0025973581,0.0037957431,0.0,0.0,0.0,0.0,0.0,0.0,0.0039534704,0.0,0.0,0.0027310834,0.0,0.0,0.0,0.005126139,0.0],[0.0,0.0,0.0,0.0,0.0,0.0083852662,0.0,0.0,0.0,0.0,0.0,0.0,0.0020933163,0.0,0.0020555989,0.0,0.0,0.0,0.0,0.0,0.0080080921,0.0,0.0,0.0,0.0,0.0017281432,0.0102351338,0.0042054913,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0028510934,0.0023024765,0.0,0.0,0.0,0.0022493292,0.0],[0.0,0.0,0.0,0.0,0.0,0.0069948653,0.0,0.0,0.0,0.0,0.0,0.0,0.0058924882,0.0,0.0038488903,0.0,0.0,0.0,0.0017401442,0.00217218,0.0,0.006977721,0.0,0.0,0.0022390427,0.0,0.0093333448,0.0,0.0036225859,0.0,0.0,0.0,0.0,0.0,0.002064171,0.0,0.0,0.0,0.0,0.0,0.0,0.0],[0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0021533213,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0],[0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0024824914,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0],[0.0,0.0,0.0,0.0,0.0,0.0029642456,0.0034494287,0.0,0.0,0.0,0.0,0.0,0.007394327,0.0047163908,0.0,0.0,0.0,0.0,0.0,0.0025767849,0.0,0.0019407322,0.0,0.0,0.0123524521,0.0,0.0025304954,0.0,0.0,0.0,0.0,0.0019133014,0.0,0.0029025262,0.0,0.0,0.0021756088,0.0,0.0,0.0,0.0,0.0027122247],[0.0,0.0,0.0,0.0,0.0,0.0056970435,0.0,0.0,0.0,0.0,0.0,0.0,0.0025339242,0.0,0.0,0.0,0.0,0.0,0.0,0.002492778,0.0,0.0,0.0,0.0,0.0,0.0019458755,0.0018344377,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0018772984,0.0,0.0,0.0,0.0031202585,0.0],[0.0,0.0,0.0,0.0,0.002336765,0.0137822848,0.0,0.0,0.0,0.0,0.0,0.0,0.0075503399,0.001923588,0.0078777956,0.0,0.0,0.0,0.0023110486,0.0041403431,0.0090710373,0.0090916104,0.0021258904,0.0025236377,0.0028716665,0.0019955939,0.0415577291,0.0056216086,0.0067634175,0.0,0.0,0.0,0.0,0.0018190079,0.0022544725,0.0091636164,0.0025716417,0.0,0.0,0.0,0.0034905749,0.0],[0.0019013004,0.0,0.0,0.0,0.0,0.0059164902,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0036928774,0.0,0.0,0.0,0.0,0.0,0.0051672853,0.0035574376,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0019373034,0.0,0.0,0.0,0.0,0.0],[0.0,0.0,0.0,0.0,0.0,0.0040580505,0.0,0.0,0.0,0.0,0.0,0.0,0.0029299571,0.0,0.0024824914,0.0,0.0,0.0,0.0,0.0,0.0,0.0045020873,0.0,0.0,0.0,0.0,0.0075263379,0.0,0.0025819282,0.0,0.0,0.0,0.0,0.0,0.0,0.001899586,0.0,0.0,0.0,0.0,0.0,0.0],[0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0],[0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0],[0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.002825377,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0017692895,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0],[0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0],[0.0018430098,0.0,0.0,0.0,0.0,0.0034785739,0.0,0.0,0.0,0.0,0.0,0.0,0.0034854317,0.0023693392,0.0,0.0,0.0,0.0,0.0,0.0033928526,0.0,0.0,0.0,0.0,0.0024104854,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.003370565,0.0,0.0,0.0041266276,0.0,0.0,0.0,0.003418569,0.0],[0.0,0.0,0.0,0.0,0.0,0.0022013253,0.0,0.0,0.0,0.0,0.0,0.0,0.0031236874,0.0,0.0017572885,0.0,0.0,0.0,0.0,0.0,0.0,0.0023401939,0.0,0.0,0.0,0.0,0.0030602536,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0017881482,0.0,0.0,0.0,0.0,0.0,0.0,0.0],[0.0,0.0,0.0,0.0,0.0,0.0042192067,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0019818785,0.0,0.0,0.0,0.0,0.0,0.0035574376,0.0,0.0,0.0,0.0,0.0,0.0095630781,0.0020590277,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0024619183,0.0,0.0,0.0,0.0,0.0,0.0],[0.0050009858,0.0,0.0,0.0,0.0,0.0059524932,0.0,0.0023813402,0.0,0.0,0.0,0.0,0.0030448237,0.0076994951,0.0,0.0,0.0,0.0,0.0,0.0027345123,0.0020950307,0.0,0.0,0.0,0.0020538845,0.0018892994,0.0022836178,0.0018361521,0.0,0.0,0.0,0.0,0.0,0.0038403182,0.0,0.0,0.0114798083,0.0,0.0,0.0,0.004059765,0.0],[0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0],[0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0],[0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0],[0.0032059799,0.0,0.0,0.0,0.0,0.0071320195,0.0,0.0,0.0,0.0,0.0,0.0,0.0050507042,0.0021618934,0.0024293441,0.0,0.0,0.0,0.0,0.0054553092,0.0021293193,0.0,0.0,0.0,0.0018790128,0.0029642456,0.0034511431,0.0,0.0,0.0,0.0,0.0,0.0,0.0033294187,0.0,0.0,0.0038146018,0.0,0.0,0.0,0.006765132,0.0],[0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0018944427,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0065439708]]

## neighs.csv

          
            name
            latitude
            longitude
            address
            color

            
              Battery Park City
              40.715337899999994
              -74.01658354
              Vesey Pl & River Terrace
              #80B1D3

            
              Bedford-Stuyvesant
              40.68676793
              -73.95928168
              Lexington Ave & Classon Ave
              #BEBADA

            
              Boerum Hill
              40.68683208
              -73.9796772
              3 Ave & Schermerhorn St
              #FB8072

            
              Brooklyn Heights
              40.69239502
              -73.99337909
              Clinton St & Joralemon St
              #FCCDE5

            
              Central Park
              40.76590936
              -73.97634151
              Central Park S & 6 Ave
              #FB8072

            
              Chelsea
              40.74177603
              -74.00149746
              W 17 St & 8 Ave
              #B3DE69

            
              Chinatown
              40.717290000000006
              -73.996375
              Elizabeth St & Hester St
              #FDB462

            
              Civic Center
              40.71307916
              -73.99851193
              St James Pl & Oliver St
              #FB8072

            
              Clinton Hill
              40.69196035
              -73.96536851
              Willoughby Ave & Hall St
              #B3DE69

            
              Columbia St
              40.69165183
              -73.99997859999999
              Atlantic Ave & Furman St
              #FDB462

            
              DUMBO
              40.70281858
              -73.98765762
              Pearl St & Anchorage Pl
              #FFED6F

            
              Downtown Brooklyn
              40.69028437
              -73.98707105
              Gallatin Pl & Livingston St
              #80B1D3

            
              East Village
              40.720873600000004
              -73.98085795
              E 2 St & Avenue C
              #FCCDE5

            
              Financial District
              40.70905623
              -74.01043382
              Liberty St & Broadway
              #FFFFB3

            
              Flatiron District
              40.73971301
              -73.99456405
              W 18 St & 6 Ave
              #FDB462

            
              Fort Greene
              40.68382604
              -73.97632328
              Atlantic Ave & Fort Greene Pl
              #FFFFB3

            
              Fulton Ferry
              40.70037867
              -73.99548059
              Columbia Heights & Cranberry St
              #CCEBC5

            
              Garment District
              40.75466591
              -73.99138152
              W 38 St & 8 Ave
              #CCEBC5

            
              Gramercy
              40.734232
              -73.986923
              E 15 St & 3 Ave
              #FB8072

            
              Greenwich Village
              40.72917025
              -73.99810231
              LaGuardia Pl & W 3 St
              #8DD3C7

            
              Hell's Kitchen
              40.76727216
              -73.99392888
              W 52 St & 11 Ave
              #80B1D3

            
              Kips Bay
              40.7381765
              -73.97738662
              E 25 St & 1 Ave
              #80B1D3

            
              Koreatown
              40.75097711
              -73.98765428
              Broadway & W 36 St
              #BC80BD

            
              Lincoln Square
              40.76915505
              -73.98191841
              Broadway & W 60 St
              #FDB462

            
              Lower East Side
              40.72229346
              -73.99147535
              Stanton St & Chrystie St
              #BC80BD

            
              Meat Packing District
              40.74195138
              -74.00803013
              W 14 St & The High Line
              #FCCDE5

            
              Midtown
              40.761628
              -73.972924
              E 56 St & Madison Ave
              #BEBADA

            
              Midtown West
              40.75660359
              -73.9979009
              W 37 St & 10 Ave
              #FFED6F

            
              Murray Hill
              40.748238
              -73.978311
              E 37 St & Lexington Ave
              #D9D9D9

            
              Navy Yard
              40.69794
              -73.96986848
              Clinton Ave & Flushing Ave
              #D9D9D9

            
              NoHo
              40.72743423
              -73.99379025
              Great Jones St
              #FFED6F

            
              Nolita
              40.7218158
              -73.99720307
              Cleveland Pl & Spring St
              #D9D9D9

            
              Park Slope
              40.68312489
              -73.97895137
              Dean St & 4 Ave
              #8DD3C7

            
              SoHo
              40.72710258
              -74.00297088
              MacDougal St & Prince St
              #CCEBC5

            
              Stuyvesant Town
              40.73314259
              -73.97573881
              E 20 St & FDR Drive
              #BEBADA

            
              Theater District
              40.76064679
              -73.98442659
              Broadway & W 49 St
              #FFFFB3

            
              Tribeca
              40.71911552
              -74.00666661
              Franklin St & W Broadway
              #B3DE69

            
              Two Bridges
              40.71117416
              -74.00016545
              St James Pl & Pearl St
              #BEBADA

            
              Upper East Side
              40.75849116
              -73.95920622
              E 59 St & Sutton Pl
              #8DD3C7

            
              Vinegar Hill
              40.69839895
              -73.98068914
              Nassau St & Navy St
              #BC80BD

            
              West Village
              40.73172428
              -74.00674436
              Barrow St & Hudson St
              #FFFFB3

            
              Williamsburg
              40.70827295
              -73.96834101
              Kent Ave & S 11 St
              #8DD3C7

## thumbnail.png

      
    Raw
  

              thumbnail.png
	<!DOCTYPE html>
	<html>
	<meta charset="utf-8">
	<title>CitiBike trips by Neighborhood</title>
	<style>

	#circle circle {
	fill: none;
	pointer-events: all;
	}

	.group path {
	fill-opacity: .5;
	}

	path.chord {
	stroke: #000;
	stroke-width: .25px;
	}

	#circle:hover path.fade {
	display: none;
	}

	</style>

	<body>
	<script src="http://d3js.org/d3.v2.min.js?2.8.1"></script>
	<script>
	var width = 960,
	height = 500,
	outerRadius = Math.min(width, height) / 2 - 10,
	innerRadius = outerRadius - 24;

	var formatPercent = d3.format(".1%");

	var arc = d3.svg.arc()
	.innerRadius(innerRadius)
	.outerRadius(outerRadius);

	var layout = d3.layout.chord()
	.padding(.04)
	.sortSubgroups(d3.descending)
	.sortChords(d3.ascending);

	var path = d3.svg.chord()
	.radius(innerRadius);

	var svg = d3.select("body").append("svg")
	.attr("width", width)
	.attr("height", height)
	.append("g")
	.attr("id", "circle")
	.attr("transform", "translate(" + width / 2 + "," + height / 2 + ")");

	svg.append("circle")
	.attr("r", outerRadius);

	d3.csv("neighs.csv", function(neighs) {
	d3.json("matrix.json", function(matrix) {

	// Compute the chord layout.
	layout.matrix(matrix);

	// Add a group per neighborhood.
	var group = svg.selectAll(".group")
	.data(layout.groups)
	.enter().append("g")
	.attr("class", "group")
	.on("mouseover", mouseover);

	// Add a mouseover title.
	group.append("title").text(function(d, i) {
	return neighs[i].name + ": " + formatPercent(d.value) + " of origins";
	});

	// Add the group arc.
	var groupPath = group.append("path")
	.attr("id", function(d, i) { return "group" + i; })
	.attr("d", arc)
	.style("fill", function(d, i) { return neighs[i].color; });

	// Add a text label.
	var groupText = group.append("text")
	.attr("x", 6)
	.attr("dy", 15);

	groupText.append("textPath")
	.attr("xlink:href", function(d, i) { return "#group" + i; })
	.text(function(d, i) { return neighs[i].name; });

	// Remove the labels that don't fit. :(
	groupText.filter(function(d, i) { return groupPath[0][i].getTotalLength() / 2 - 16 < this.getComputedTextLength(); })
	.remove();

	// Add the chords.
	var chord = svg.selectAll(".chord")
	.data(layout.chords)
	.enter().append("path")
	.attr("class", "chord")
	.style("fill", function(d) { return neighs[d.source.index].color; })
	.attr("d", path);

	// Add an elaborate mouseover title for each chord.
	chord.append("title").text(function(d) {
	return neighs[d.source.index].name
	+ " → " + neighs[d.target.index].name
	+ ": " + formatPercent(d.source.value)
	+ "\n" + neighs[d.target.index].name
	+ " → " + neighs[d.source.index].name
	+ ": " + formatPercent(d.target.value);
	});

	function mouseover(d, i) {
	chord.classed("fade", function(p) {
	return p.source.index != i
	&& p.target.index != i;
	});
	}
	});
	});
	</script>
	</body>
	</html>
name	latitude	longitude	address	color
Battery Park City	40.715337899999994	-74.01658354	Vesey Pl & River Terrace	#80B1D3
Bedford-Stuyvesant	40.68676793	-73.95928168	Lexington Ave & Classon Ave	#BEBADA
Boerum Hill	40.68683208	-73.9796772	3 Ave & Schermerhorn St	#FB8072
Brooklyn Heights	40.69239502	-73.99337909	Clinton St & Joralemon St	#FCCDE5
Central Park	40.76590936	-73.97634151	Central Park S & 6 Ave	#FB8072
Chelsea	40.74177603	-74.00149746	W 17 St & 8 Ave	#B3DE69
Chinatown	40.717290000000006	-73.996375	Elizabeth St & Hester St	#FDB462
Civic Center	40.71307916	-73.99851193	St James Pl & Oliver St	#FB8072
Clinton Hill	40.69196035	-73.96536851	Willoughby Ave & Hall St	#B3DE69
Columbia St	40.69165183	-73.99997859999999	Atlantic Ave & Furman St	#FDB462
DUMBO	40.70281858	-73.98765762	Pearl St & Anchorage Pl	#FFED6F
Downtown Brooklyn	40.69028437	-73.98707105	Gallatin Pl & Livingston St	#80B1D3
East Village	40.720873600000004	-73.98085795	E 2 St & Avenue C	#FCCDE5
Financial District	40.70905623	-74.01043382	Liberty St & Broadway	#FFFFB3
Flatiron District	40.73971301	-73.99456405	W 18 St & 6 Ave	#FDB462
Fort Greene	40.68382604	-73.97632328	Atlantic Ave & Fort Greene Pl	#FFFFB3
Fulton Ferry	40.70037867	-73.99548059	Columbia Heights & Cranberry St	#CCEBC5
Garment District	40.75466591	-73.99138152	W 38 St & 8 Ave	#CCEBC5
Gramercy	40.734232	-73.986923	E 15 St & 3 Ave	#FB8072
Greenwich Village	40.72917025	-73.99810231	LaGuardia Pl & W 3 St	#8DD3C7
Hell's Kitchen	40.76727216	-73.99392888	W 52 St & 11 Ave	#80B1D3
Kips Bay	40.7381765	-73.97738662	E 25 St & 1 Ave	#80B1D3
Koreatown	40.75097711	-73.98765428	Broadway & W 36 St	#BC80BD
Lincoln Square	40.76915505	-73.98191841	Broadway & W 60 St	#FDB462
Lower East Side	40.72229346	-73.99147535	Stanton St & Chrystie St	#BC80BD
Meat Packing District	40.74195138	-74.00803013	W 14 St & The High Line	#FCCDE5
Midtown	40.761628	-73.972924	E 56 St & Madison Ave	#BEBADA
Midtown West	40.75660359	-73.9979009	W 37 St & 10 Ave	#FFED6F
Murray Hill	40.748238	-73.978311	E 37 St & Lexington Ave	#D9D9D9
Navy Yard	40.69794	-73.96986848	Clinton Ave & Flushing Ave	#D9D9D9
NoHo	40.72743423	-73.99379025	Great Jones St	#FFED6F
Nolita	40.7218158	-73.99720307	Cleveland Pl & Spring St	#D9D9D9
Park Slope	40.68312489	-73.97895137	Dean St & 4 Ave	#8DD3C7
SoHo	40.72710258	-74.00297088	MacDougal St & Prince St	#CCEBC5
Stuyvesant Town	40.73314259	-73.97573881	E 20 St & FDR Drive	#BEBADA
Theater District	40.76064679	-73.98442659	Broadway & W 49 St	#FFFFB3
Tribeca	40.71911552	-74.00666661	Franklin St & W Broadway	#B3DE69
Two Bridges	40.71117416	-74.00016545	St James Pl & Pearl St	#BEBADA
Upper East Side	40.75849116	-73.95920622	E 59 St & Sutton Pl	#8DD3C7
Vinegar Hill	40.69839895	-73.98068914	Nassau St & Navy St	#BC80BD
West Village	40.73172428	-74.00674436	Barrow St & Hudson St	#FFFFB3
Williamsburg	40.70827295	-73.96834101	Kent Ave & S 11 St	#8DD3C7