Skip to content

Instantly share code, notes, and snippets.

@danharr

danharr/Golden.csv

Last active August 29, 2015 14:06
Show Gist options
  • Save danharr/5a1377f32656ed347865 to your computer and use it in GitHub Desktop.
Save danharr/5a1377f32656ed347865 to your computer and use it in GitHub Desktop.
Download ZIP
London Postboxes
Raw
d3map.css
path,circle,rect,polygon,ellipse,line {
vector-effect: non-scaling-stroke;
}
#d3MapZoomBox {
position: absolute;
z-index: 10;
height: 100px;
width: 25px;
top: 10px;
right: 50px;
}
#d3MapZoomBox > button {
font-size:22px;
font-weight:900;
border: none;
height:25px;
width:25px;
background: rgba(35,31,32,.85);
color: white;
padding: 0;
cursor: pointer;
}
#d3MapZoomBox > button:hover {
background: black;
}
#d3MapZoomBox > button#left {
position: absolute;
left: -25px;
top: 60px;
}
#d3MapZoomBox > button#right {
position: absolute;
right: -25px;
top: 60px;
}
#d3MapLayerBox {
position: absolute;
z-index: 10;
height: 100px;
width: 120px;
top: 10px;
left: 10px;
overflow: auto;
color: white;
background: rgba(35,31,32,.85);
}
#d3MapLayerBox > div {
margin: 5px;
border: none;
}
#d3MapLayerBox ul {
list-style: none;
padding: 0;
margin: 0;
cursor: pointer;
}
#d3MapLayerBox li {
list-style: none;
padding: 0;
}
#d3MapLayerBox li:hover {
font-weight:700;
}
#d3MapLayerBox li input {
cursor: pointer;
}
div.d3MapModal {
position: absolute;
z-index: 11;
background: rgba(35,31,32,.90);
top: 50px;
left: 50px;
color: white;
max-width: 400px;
}
div.d3MapModalContent {
width:100%;
height: 100%;
overflow: auto;
}
div.d3MapModalContent > p {
padding: 0px 20px;
margin: 5px 0;
}
div.d3MapModalContent > h1 {
padding: 0px 20px;
font-size: 20px;
}
div.d3MapModalArrow {
content: "";
width: 0;
height: 0;
border-left: 20px solid transparent;
border-right: 20px solid transparent;
border-top: 20px solid rgba(35,31,32,.90);
position: absolute;
bottom: -20px;
left: 33px;
}
#d3MapSVG {
}
rect.minimap-extent {
fill: rgba(200,255,255,0.35);
stroke: black;
stroke-width: 2px;
stroke-dasharray: 5 5;
}
Raw
Golden.csv
Athlete Event Town Address ycoord xcoord ID
Nicola Adams Boxing – Women's flyweight Leeds Cookridge Street[2] 53.7999 -1.5472 Postbox1
Ben Ainslie Sailing – Men's Finn Restronguet Pandora Inn[2] 50.1948 -5.0642 Postbox2
Lymington High Street, Lymington[30] 50.7589 -1.5388 Postbox3
Tim Baillie Canoeing – Men's slalom C-2 Westhill[2] Westhill Drive North[2] 57.1595 -2.2818 Postbox4
Westhill[2][21] Westhill Drive South[2][21] 57.1538 -2.2767 Postbox5
Laura Bechtolsheimer Equestrian – Team dressage Ampney St Peter High Street 51.7114 -1.8835 Postbox6
Scott Brash Equestrian – Team jumping Peebles 41 High Street[2] 55.6515 -3.1909 Postbox7
Alistair Brownlee Men's triathlon Horsforth Craghill Post Office, New Road Side[2] 53.832 -1.6408 Postbox8
Steven Burke Cycling – Men's team pursuit Colne Albert Road/Crabtree Street[2] 53.8551 -2.1786 Postbox9
Luke Campbell Boxing – Men's bantamweight Hull Hessle Road[2] 53.7351 -0.365 Postbox10
Peter Charles Equestrian – Team jumping Alton Paper Mill Lane[2] 51.1511 -0.9666 Postbox11
Ed Clancy Cycling – Men's team pursuit Huddersfield Railway Street[2] 53.6471 -1.7842 Postbox12
Katherine Copeland Rowing – Women's lightweight double sculls Ingleby Barwick Apsley Way[2] 54.528 -1.3265 Postbox13
Charlotte Dujardin Equestrian – Team dressage Enfield Town Southbury Road[2] 51.6524 -0.0788 Postbox14
Equestrian – Individual dressage Newent Church Street[2] 51.9309 -2.4035 Postbox15
Jessica Ennis Athletics – Women's heptathlon Sheffield Sheffield City Hall[2] 53.3804 -1.4728 Postbox16
Mo Farah Athletics – Men's 10,000 metres Isleworth Isleworth Post Office, London Road[2] 51.4751 -0.3379 Postbox17
Athletics – Men's 5000 metres Teddington Broad Street/North Lane[2] 51.426 -0.338 Postbox18
GB Cycling Cycling - British Cycling HQ Manchester Piccadilly Gardens[31] 53.4814 -2.2369 Postbox19
Helen Glover Rowing – Women's coxless pair Penzance Quay Street, TR18 4BD 50.1161 -5.531 Postbox20
Katherine Grainger Rowing – Women's double sculls Aberdeen Castle Street[2] 57.1483 -2.0922 Postbox21
Alex Gregory Rowing – Men's coxless four Cheltenham High Street[2] 51.8997 -2.0728 Postbox22
Henley Rowers Rowing – Henley Rowing Clubs Henley-on-Thames Hart Street[2] 51.5377 -0.9042 Postbox23
Carl Hester Equestrian – Team dressage Sark, Guernsey The Avenue[2] 49.4321 -2.3565 Postbox24
Philip Hindes Cycling – Men's team sprint Manchester Albert Square/Lloyd Street[2] 53.4791 -2.246 Postbox25
Sophie Hosking Rowing – Women's lightweight double sculls Wimbledon Worple Road[2] 51.42165 -0.2085 Postbox26
Chris Hoy Cycling – Men's Keirin Edinburgh Hanover Street/Princes Street[2] 55.9522 -3.1965 Postbox27
Cycling – Men's team sprint Hunter Square[2] 55.9497 -3.1878 Postbox28
Tom James Rowing – Men's coxless four Wrexham Town Hill Post Office[2] 53.0445 -2.9944 Postbox29
Jade Jones Taekwondo – Women's 57 kg Flint Church Street[2] 53.2485 -3.1359 Postbox30
Anthony Joshua Boxing – Men's super heavyweight Watford[2] High Street[2] 51.6552 -0.3958 Postbox31
Peter Kennaugh Cycling – Men's team Pursuit Onchan, Isle of Man Main Road/Kelvin Road[2] 54.1741 -4.4555 Postbox32
Jason Kenny Cycling – Men's team sprint Bolton Deansgate 53.5792 -2.4324 Postbox33
Cycling – Men's individual sprint Churchgate[2] 53.5796 -2.4258 Postbox34
Dani King Cycling – Women's team pursuit Hamble-le-Rice High Street[2] 50.859 -1.315 Postbox35
Ben Maher Equestrian – Team jumping Elsenham Robin Hood Road[2][32] 51.9142 #VALUE! Postbox36
Ed McKeever Canoeing – Men's K-1 200 metres Bradford on Avon The Shambles 51.3478 -2.2509 Postbox37
Andy Murray Tennis – Men's singles Dunblane High Street[2] 56.1883 -3.9641 Postbox38
Wimbledon Church Road 51.4303 -0.2124 Postbox39
Olympic Village 2012 Summer Olympics Stratford Post Office, Broadway[33][34] 51.5405 #VALUE! Postbox40
Victoria Pendleton Cycling – Women's Keirin Stotfold Brook Street[2] 52.014 -0.2359 Postbox41
Wilmslow Alderley Road[35] 53.3261 -2.2312 Postbox42
Pete Reed Rowing – Men's coxless four Chiswick Heathfield Terrace, Chiswick[2] 51.4913 -0.2658 Postbox43
Nailsworth Old Market, Nailsworth[2] 51.6956 -2.219 Postbox44
Nailsworth Watledge Road, Nailsworth [1] 51.7004 -2.2209 Postbox45
Joanna Rowsell Cycling – Women's team pursuit Cheam[36] Ewell Road[2] 51.3576 -0.2175 Postbox46
Carshalton[37] Carshalton Road/Cambridge Road[37] 51.363 -0.1716 Postbox47
(Box repainted red on request by 0 Postbox48
family for gold box in Cheam) 0 Postbox49
Greg Rutherford Athletics – Men's long jump Milton Keynes Silbury Boulevard[2] 52.0444 -0.7571 Postbox50
Nick Skelton Equestrian – Team jumping Alcester High Street[2] 52.214 -1.8703 Postbox51
Bedworth High Street[2][38] 52.4788 -1.4719 Postbox52
Heather Stanning Rowing – Women's coxless pair Lossiemouth Clifton Road West, IV31 6DP[2] 57.7202 -3.2809 Postbox53
Etienne Stott Canoeing – Men's double canoe slalom Bedford St Paul's Square MK40 1SQ[2] 52.1351 -0.4681 Postbox54
Geraint Thomas Cycling – Men's team pursuit Cardiff Castle Street[2] 51.481 -3.182 Postbox55
Andrew Triggs-Hodge Rowing – Men's coxless four Hebden Main Street[2] 54.0638 -1.9616 Postbox56
Laura Trott Cycling – Women's team pursuit Cheshunt College Road[2] 51.7022 -0.0355 Postbox57
Cycling – Women's Omnium Cheshunt Cadmore Lane[2] 51.709 -0.0295 Postbox58
Harlow Post Office Road[2] 51.7719 #VALUE! Postbox59
Anna Watkins Rowing – Women's double sculls Leek Derby Street[2] 53.1057 -2.0247 Postbox60
Bradley Wiggins Cycling – Men's road time trial Eccleston Carrington Centre[2] 53.6461 -2.7239 Postbox61
Chorley Chorley Centre, Market Street[2] 53.654 -2.6326 Postbox62
Westminster Abbey Project launch[39] Westminster Abbey[39] Tothill Street[39] 51.4996 -0.1298 Postbox63
Peter Wilson Shooting – Men's double trap Sherborne Cheap Street[2] 50.9486 -2.5162 Postbox64
Raw
index.html
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>d3.carto - Automatic Hexbinning</title>
<meta charset="utf-8" />
<link type="text/css" rel="stylesheet" href="d3map.css" />
</head>
<style>
html,body {
height: 100%;
width: 100%;
margin: 0;
}
#map {
height: 100%;
width: 100%;
position: absolute;
}
.golden {
fill: #FFD700;
stroke: darkred;
stroke-width: 1
}
.red {
fill: red;
stroke: darkred;
stroke-width: 1
opacity:0.5;
}
h1 {
font-family: ChevinLight;
}
</style>
<script>
function makeSomeMaps() {
map = d3.carto.map();
d3.select("#map").call(map);
tileLayer = d3.carto.layer();
tileLayer
.type("tile")
.path("elijahmeeks.map-azn21pbi")
.label("Base")
csvLayer = d3.carto.layer.csv();
csvLayer
.path("Golden.csv")
.label("Gold")
.cssClass("golden")
.renderMode("svg")
.markerColor("black")
.markerSize(7)
.x("xcoord")
.y("ycoord")
.clickableFeatures(true)
csvLayer2 = d3.carto.layer.csv();
csvLayer2
.path("RedLondon.csv")
.label("Red")
.cssClass("red")
.renderMode("svg")
.markerColor("red")
.markerSize(3)
.x("xcoord")
.y("ycoord")
.clickableFeatures(true)
//.on("load", makeHexbins)
map.addCartoLayer(tileLayer).addCartoLayer(csvLayer).addCartoLayer(csvLayer2);
map.centerOn([-0.127758,51.507351],"latlong").setScale(11);
}
</script>
<body onload="makeSomeMaps()">
<h1>London Red & Gold Letter Boxes</h1>
<div id="map"></div>
<footer>
<script src="http://d3js.org/d3.v3.min.js" charset="utf-8" type="text/javascript"></script>
<script src="http://bl.ocks.org/emeeks/raw/f3105fda25ff785dc5ed/tile.js" type="text/javascript">
</script>
<script src="https://rawgit.com/emeeks/d3-carto-map/master/d3.carto.map.js" type="text/javascript">
</script>
</footer>
</body>
</html>
Raw
RedLondon.csv
ycoord xcoord ID
51.406551 0.028144 Postbox4259
51.408226 0.017578 Postbox4260
51.404256 0.014671 Postbox4261
51.399121 0.012591 Postbox4262
51.407141 -0.040388 Postbox4264
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment