Skip to content

Instantly share code, notes, and snippets.

@axmopio

axmopio/.block

Last active August 1, 2016 14:12
Show Gist options
  • Save axmopio/5df5c100d7395a5f62ee0dbf09b2da63 to your computer and use it in GitHub Desktop.
Save axmopio/5df5c100d7395a5f62ee0dbf09b2da63 to your computer and use it in GitHub Desktop.
Download ZIP
fresh block
Raw
.block
license: gpl-3.0
Raw
201508_station_data.csv
station_id name lat long dockcount landmark installation
2 San Jose Diridon Caltrain Station 37.329732 -121.901782 27 San Jose 8/6/2013
3 San Jose Civic Center 37.330698 -121.888979 15 San Jose 8/5/2013
4 Santa Clara at Almaden 37.333988 -121.894902 11 San Jose 8/6/2013
5 Adobe on Almaden 37.331415 -121.8932 19 San Jose 8/5/2013
6 San Pedro Square 37.336721 -121.894074 15 San Jose 8/7/2013
7 Paseo de San Antonio 37.333798 -121.886943 15 San Jose 8/7/2013
8 San Salvador at 1st 37.330165 -121.885831 15 San Jose 8/5/2013
9 Japantown 37.348742 -121.894715 15 San Jose 8/5/2013
10 San Jose City Hall 37.337391 -121.886995 15 San Jose 8/6/2013
11 MLK Library 37.335885 -121.88566 19 San Jose 8/6/2013
12 SJSU 4th at San Carlos 37.332808 -121.883891 19 San Jose 8/7/2013
13 St James Park 37.339301 -121.889937 15 San Jose 8/6/2013
14 Arena Green / SAP Center 37.332692 -121.900084 19 San Jose 8/5/2013
16 SJSU - San Salvador at 9th 37.333955 -121.877349 15 San Jose 8/7/2013
21 Franklin at Maple 37.481758 -122.226904 15 Redwood City 8/12/2013
22 Redwood City Caltrain Station 37.486078 -122.232089 25 Redwood City 8/15/2013
23 San Mateo County Center 37.487616 -122.229951 15 Redwood City 8/15/2013
24 Redwood City Public Library 37.484219 -122.227424 15 Redwood City 8/12/2013
25 Stanford in Redwood City 37.48537 -122.203288 15 Redwood City 8/12/2013
26 Redwood City Medical Center 37.487682 -122.223492 15 Redwood City 8/12/2013
27 Mountain View City Hall 37.389218 -122.081896 15 Mountain View 8/16/2013
28 Mountain View Caltrain Station 37.394358 -122.076713 23 Mountain View 8/15/2013
29 San Antonio Caltrain Station 37.40694 -122.106758 23 Mountain View 8/15/2013
30 Evelyn Park and Ride 37.390277 -122.066553 15 Mountain View 8/16/2013
31 San Antonio Shopping Center 37.400443 -122.108338 15 Mountain View 12/31/2013
32 Castro Street and El Camino Real 37.385956 -122.083678 11 Mountain View 12/31/2013
33 Rengstorff Avenue / California Street 37.400241 -122.099076 15 Mountain View 8/16/2013
34 Palo Alto Caltrain Station 37.443988 -122.164759 23 Palo Alto 8/14/2013
35 University and Emerson 37.444521 -122.163093 11 Palo Alto 8/15/2013
36 California Ave Caltrain Station 37.429082 -122.142805 15 Palo Alto 8/14/2013
37 Cowper at University 37.448598 -122.159504 11 Palo Alto 8/14/2013
38 Park at Olive 37.4256839 -122.1377775 15 Palo Alto 8/14/2013
41 Clay at Battery 37.795001 -122.39997 15 San Francisco 8/19/2013
42 Davis at Jackson 37.79728 -122.398436 15 San Francisco 8/19/2013
45 Commercial at Montgomery 37.794231 -122.402923 15 San Francisco 8/19/2013
46 Washington at Kearney 37.795425 -122.404767 15 San Francisco 8/19/2013
47 Post at Kearney 37.788975 -122.403452 19 San Francisco 8/19/2013
48 Embarcadero at Vallejo 37.799953 -122.398525 15 San Francisco 8/19/2013
49 Spear at Folsom 37.790302 -122.390637 19 San Francisco 8/20/2013
50 Harry Bridges Plaza (Ferry Building) 37.795392 -122.394203 23 San Francisco 8/20/2013
51 Embarcadero at Folsom 37.791464 -122.391034 19 San Francisco 8/20/2013
39 Powell Street BART 37.783871 -122.408433 19 San Francisco 8/25/2013
54 Embarcadero at Bryant 37.787152 -122.388013 15 San Francisco 8/20/2013
55 Temporary Transbay Terminal (Howard at Beale) 37.789756 -122.394643 23 San Francisco 8/20/2013
56 Beale at Market 37.792251 -122.397086 19 San Francisco 8/20/2013
57 5th at Howard 37.781752 -122.405127 15 San Francisco 8/21/2013
58 San Francisco City Hall 37.77865 -122.418235 19 San Francisco 8/21/2013
59 Golden Gate at Polk 37.781332 -122.418603 23 San Francisco 8/21/2013
60 Embarcadero at Sansome 37.80477 -122.403234 15 San Francisco 8/21/2013
61 2nd at Townsend 37.780526 -122.390288 27 San Francisco 8/22/2013
62 2nd at Folsom 37.785299 -122.396236 19 San Francisco 8/22/2013
63 Howard at 2nd 37.786978 -122.398108 19 San Francisco 8/22/2013
64 2nd at South Park 37.782259 -122.392738 15 San Francisco 8/22/2013
65 Townsend at 7th 37.771058 -122.402717 15 San Francisco 8/22/2013
66 South Van Ness at Market 37.774814 -122.418954 19 San Francisco 8/23/2013
67 Market at 10th 37.776619 -122.417385 27 San Francisco 8/23/2013
68 Yerba Buena Center of the Arts (3rd @ Howard) 37.784878 -122.401014 19 San Francisco 8/23/2013
69 San Francisco Caltrain 2 (330 Townsend) 37.7766 -122.39547 23 San Francisco 8/23/2013
70 San Francisco Caltrain (Townsend at 4th) 37.776617 -122.39526 19 San Francisco 8/23/2013
71 Powell at Post (Union Square) 37.788446 -122.408499 19 San Francisco 8/23/2013
72 Civic Center BART (7th at Market) 37.781039 -122.411748 23 San Francisco 8/23/2013
73 Grant Avenue at Columbus Avenue 37.798522 -122.407245 15 San Francisco 8/21/2013
74 Steuart at Market 37.794139 -122.394434 23 San Francisco 8/25/2013
75 Mechanics Plaza (Market at Battery) 37.7913 -122.399051 19 San Francisco 8/25/2013
76 Market at 4th 37.786305 -122.404966 19 San Francisco 8/25/2013
77 Market at Sansome 37.789625 -122.400811 27 San Francisco 8/25/2013
80 Santa Clara County Civic Center 37.352601 -121.905733 15 San Jose 12/31/2013
82 Broadway St at Battery St 37.798541 -122.400862 15 San Francisco 1/22/2014
83 Mezes Park 37.491269 -122.236234 15 Redwood City 2/20/2014
84 Ryland Park 37.342725 -121.895617 15 San Jose 4/9/2014
Raw
index.html
<!DOCTYPE html>
<head>
<meta charset="utf-8">
<script src="https://d3js.org/d3.v3.min.js"></script>
<style>
body { margin:0;position:fixed;top:0;right:0;bottom:0;left:0; }
</style>
</head>
<body>
<script>
var width = 500,
height = 500,
margin = 50;
var svg=d3.select("body").append("svg").attr("width",width).attr("height",height);
var x=d3.scale.linear().domain([0,5]).range([margin,width-margin]);
var y=d3.scale.linear().domain([-10,10]).range([height-margin,margin]);
var r=d3.scale.linear().domain([0,500]).range([0,20]);
var o=d3.scale.linear().domain([10000,100000]).range([.5,1]);
var c=d3.scale.category10().domain(["Africa","America","Asia","Europe","Oceania"]);
var xAxis = d3.svg.axis()
.scale(x)
.orient("bottom");
var yAxis = d3.svg.axis()
.scale(y)
.orient("left");
d3.csv("201508_station_data.csv",function(csv) {
svg.selectAll("circle").data(csv).enter()
.append("circle")
.attr("cx",function(d) {return x(0);})
.attr("cy",function(d) {return y(0);})
.attr("r",function(d) {return r(0);})
.style("fill",function(d) {return c(d.landmark);})
.style("opacity",function(d) {return o(+d.dockcount);})
.append("title")
.text(function(d) {return d.name;})
// now we initiate - moving the marks to their position
svg.selectAll("circle").transition().duration(1000)
.attr("cx",function(d) {return x(+d.lat);})
.attr("cy",function(d) {return y(+d.long);})
.attr("r",function(d) {return r(Math.sqrt(+d.dockcount));})
})
</script>
</body>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment