Skip to content

Instantly share code, notes, and snippets.

View shannondussoye's full-sized avatar

Shannon shannondussoye

3 followers · 3 following
View GitHub Profile
@shannondussoye
shannondussoye / d3-data.csv
Last active September 21, 2017 11:46
Opal Tap On Viz
We can't make this file beautiful and searchable because it's too large.
"loc","lat","lon","datetime","date","time","count","avg","size"
"Albion Park Station",-34.566667,150.791667,"20160725 00:00",20160725,"00:00",0,1,0
"Allawah Station",-33.96973,151.1145487,"20160725 00:00",20160725,"00:00",0,28,0
"Arncliffe Station",-33.9368139,151.1471044,"20160725 00:00",20160725,"00:00",0,23,0
"Artarmon Station",-33.8088462,151.1851338,"20160725 00:00",20160725,"00:00",0,71,0
"Ashfield Station",-33.8876216,151.1257964,"20160725 00:00",20160725,"00:00",0,148,0
"Asquith Station",-33.6887073,151.1081745,"20160725 00:00",20160725,"00:00",0,12,0
"Auburn Station",-33.8493342,151.0327747,"20160725 00:00",20160725,"00:00",0,125,0
"Austinmer Station",-34.3064769,150.9293306,"20160725 00:00",20160725,"00:00",0,0,0
"Banksia Station",-33.94519,151.140458,"20160725 00:00",20160725,"00:00",0,16,0
@shannondussoye
shannondussoye / index.html
Last active September 13, 2017 23:29
Opal Card Tap on Data Visualisation
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<link href='https://api.tiles.mapbox.com/mapbox-gl-js/v0.12.0/mapbox-gl.css' rel='stylesheet'/>
<style type="text/css">
html, body, #wrapper {
width: 100%;
height: 100%;
padding: 0px;
@shannondussoye
shannondussoye / index.html
Created September 6, 2017 04:02
drop effect
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<style type="text/css">
svg {
background-color: #4d4d4d;
width: 500px;
height: 500px;
}