Skip to content

Instantly share code, notes, and snippets.

View jkeohan's full-sized avatar

Joe Keohan jkeohan

70 followers · 21 following
  • Shopify
  • NYC
View GitHub Profile
@jkeohan
jkeohan / _.md
Last active June 17, 2016 14:37
EUE - Circles
@jkeohan
jkeohan / _.md
Last active March 17, 2016 14:52
Reusable Legend
@jkeohan
jkeohan / _.md
Last active August 30, 2016 15:11
Projections (merc,orth,stero)
@jkeohan
jkeohan / _.md
Last active March 16, 2016 02:18
Bars - Simple
@jkeohan
jkeohan / README.md
Last active December 11, 2015 01:25
Censible Line Graph (run npm install)

image

SETUP

$ npm install ./node_modules/.bin/browser-sync start --proxy="localhost:3000" --files="index.html"

@jkeohan
jkeohan / index.html
Last active December 18, 2015 15:12
Wireframe
<!-- markup time -->
<html>
<head>
<link href="main.css" rel="stylesheet"></link>
</head>
<body>
<div class="wrapper wb">
<div class="black-bar wb-bottom">
<div class="battery">22% <i class="fa fa-bolt"></i></div>
@jkeohan
jkeohan / index.html
Last active December 18, 2015 14:50
Dynamic Circles
<!DOCTYPE html>
<html>
<head>
<link href="http://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet"></link>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/d3/3.5.10/d3.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.0.0-alpha1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/js/bootstrap.min.js"></script>
<!--<link rel='stylesheet' type="text/css" href="w3.d4.assessment.css">-->
@jkeohan
jkeohan / index.html
Last active December 2, 2015 16:57
ThankHeaven
<!DOCTYPE html>
<html>
<head>
<link href='https://fonts.googleapis.com/css?family=Raleway:400, 600' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Droid+Sans:regular,bold' rel='stylesheet' type='text/css'/>
<link href='http://fonts.googleapis.com/css?family=Lobster' rel='stylesheet' type='text/css'/>
<link rel='stylesheet' href='main.css'/>
</head>
<body>
<div class="header">
@jkeohan
jkeohan / NYCCAS_DEC_Weather_Results.csv
Last active January 21, 2016 19:47
NYC Air Monitoring
We can make this file beautiful and searchable if this error is corrected: It looks like row 6 should actually have 20 columns, instead of 5 in line 5.
StartTime,Date,Site,SiteID,Address,Latitude,Longitude,parameter,Value,Units,temp_f,weather,wind_string,wind_dir,wind_degrees,wind_mph,wind_gust_mph,windchill_f,station_id,Location
11/1/15 1:00,11/1/2015,Harding Lab,360050083,200TH STREET AND SOUTHERN BLVD Harding Lab,40.86585,-73.88083,CO ,0,PPB,54,Overcast,South at 5.8 MPH (5 KT),South,200,5.8,NULL,53,KLGA,Rooftop
11/1/15 1:00,11/1/2015,Harding Lab,360050083,200TH STREET AND SOUTHERN BLVD Harding Lab,40.86585,-73.88083,CO ,0,PPB,54,Overcast,Southwest at 4.6 MPH (4 KT),Southwest,210,4.6,NULL,53,KLGA,Rooftop
11/1/15 1:00,11/1/2015,Queens College,360810124,Queens College 65-30 Kissena Blvd Parking Lot#6,40.73614,-73.82153,CO ,0,PPB,54,Overcast,South at 5.8 MPH (5 KT),South,200,5.8,NULL,53,KLGA,Rooftop
11/1/15 1:00,11/1/2015,Queens College,360810124,Queens College 65-30 Kissena Blvd Parking Lot#6,40.73614,-73.82153,CO ,0,PPB,54,Overcast,Southwest at 4.6 MPH (4 KT),Southwest,210,4.6,NULL,53,KLGA,Rooftop
11/1/15 2:00,11/1/2015,Harding Lab,360050083,200TH STR
@jkeohan
jkeohan / index.html
Last active November 5, 2015 18:03
yazanealaily - 5 largest megacities
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Population in Megacities</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/d3/3.5.6/d3.min.js"></script>
<script type="text/javascript" src="reuseable.d3.charts.js"></script>
<style type="text/css">