Skip to content

Instantly share code, notes, and snippets.

View kristin-henry-sf's full-sized avatar

Kristin Henry kristin-henry-sf

4 followers · 0 following
View GitHub Profile
@kristin-henry-sf
kristin-henry-sf / README.md
Last active June 22, 2017 19:15
Playing With Pie Charts and Such
@kristin-henry-sf
kristin-henry-sf / Film_Locations_in_San_Francisco.csv
Last active May 17, 2017 22:11
Film Locations in San Francisco
We can make this file beautiful and searchable if this error is corrected: Unclosed quoted field in line 8.
Title,Release Year,Locations,Fun Facts,Production Company,Distributor,Director,Writer,Actor 1,Actor 2,Actor 3
180,2011,Epic Roasthouse (399 Embarcadero),,SPI Cinemas,,Jayendra,"Umarji Anuradha, Jayendra, Aarthi Sriram, & Suba ",Siddarth,Nithya Menon,Priya Anand
180,2011,Mason & California Streets (Nob Hill),,SPI Cinemas,,Jayendra,"Umarji Anuradha, Jayendra, Aarthi Sriram, & Suba ",Siddarth,Nithya Menon,Priya Anand
180,2011,Justin Herman Plaza,,SPI Cinemas,,Jayendra,"Umarji Anuradha, Jayendra, Aarthi Sriram, & Suba ",Siddarth,Nithya Menon,Priya Anand
180,2011,200 block Market Street,,SPI Cinemas,,Jayendra,"Umarji Anuradha, Jayendra, Aarthi Sriram, & Suba ",Siddarth,Nithya Menon,Priya Anand
180,2011,City Hall,,SPI Cinemas,,Jayendra,"Umarji Anuradha, Jayendra, Aarthi Sriram, & Suba ",Siddarth,Nithya Menon,Priya Anand
180,2011,Polk & Larkin Streets,,SPI Cinemas,,Jayendra,"Umarji Anuradha, Jayendra, Aarthi Sriram, & Suba ",Siddarth,Nithya Menon,Priya Anand
180,2011,Randall Museum,,SPI Cinemas,,Jayendra,"Umarji Anu
@kristin-henry-sf
kristin-henry-sf / index.html
Last active May 11, 2017 22:47
Buttons Controlling Color of Box: Using form elements to control DOM with D3
<!DOCTYPE html>
<meta charset="utf-8">
<style>
body {
font: 12px sans-serif;
background-color: teal;
}
.buttons-div
@kristin-henry-sf
kristin-henry-sf / index.html
Last active May 11, 2017 22:22
Buttons Controlling Color: Using form elements to control DOM, with D3
<!DOCTYPE html>
<meta charset="utf-8">
<style>
body {
font: 12px sans-serif;
background-color: teal;
}
.buttons-div
@kristin-henry-sf
kristin-henry-sf / L.CanvasLayer.js
Last active May 11, 2017 20:09
Mapping points with Leaflet + D3 (v4) + Canvas
/*
Generic Canvas Layer for leaflet 0.7 and 1.0-rc,
copyright Stanislav Sumbera, 2016 , sumbera.com , license MIT
originally created and motivated by L.CanvasOverlay available here: https://gist.github.com/Sumbera/11114288
*/
// -- L.DomUtil.setTransform from leaflet 1.0.0 to work on 0.0.7
//------------------------------------------------------------------------------
L.DomUtil.setTransform = L.DomUtil.setTransform || function (el, offset, scale) {
@kristin-henry-sf
kristin-henry-sf / Parking_meters_sm.csv
Last active May 11, 2017 21:00
Mapping SVG points on a map with Leaflet + D3 (v4)
We can make this file beautiful and searchable if this error is corrected: It looks like row 10 should actually have 16 columns, instead of 3. in line 9.
POST_ID,MS_ID,MS_SPACEID,CAP_COLOR,METER_TYPE,SMART_METE,ACTIVESENS,JURISDICTI,ON_OFF_STR,OSP_ID,STREET_NUM,STREETNAME,STREET_SEG,RATEAREA,SFPARKAREA,LOCATION
502-00160,-,0,Grey,SS,N,N,SFMTA,ON,0,16,JONES ST,7563000,Area 2,,"(37.7816058014, -122.4120548998)"
502-00180,-,0,Grey,SS,N,N,SFMTA,ON,0,18,JONES ST,7563000,Area 2,,"(37.7816558023, -122.4120653995)"
593-00031,593-00030,1,Black,MS,N,N,SFMTA,ON,0,3,OFARRELL ST,9720000,Area 5,Downtown,"(37.7867430978, -122.4050872025)"
472-01310,-,0,Yellow,SS,N,N,SFMTA,ON,0,131,HYDE ST,7115000,Area 5,Civic Center,"(37.7824279991, -122.4157389027)"
614-07440,-,0,Grey,SS,N,N,SFMTA,ON,0,744,POST ST,10635000,Area 3,,"(37.7875462015, -122.4147987996)"
614-08030,-,0,Grey,SS,N,N,SFMTA,ON,0,803,POST ST,10636000,Area 3,,"(37.7873594024, -122.4152043999)"
614-08090,-,0,Grey,SS,N,N,SFMTA,ON,0,809,POST ST,10636000,Area 3,,"(37.7873308984, -122.4154309013)"
205-03120,-,0,Grey,SS,N,N,SFMTA,ON,0,312,05TH ST,299000,Area 5,South Embarcadero,"(37.7798804984, -122.4030617994)"
205-03500,-,0
@kristin-henry-sf
kristin-henry-sf / Parking_meters_sm.csv
Last active May 11, 2017 21:03
Mapping SVG points on a map with Leaflet + D3 (v3)
We can make this file beautiful and searchable if this error is corrected: It looks like row 10 should actually have 16 columns, instead of 3. in line 9.
POST_ID,MS_ID,MS_SPACEID,CAP_COLOR,METER_TYPE,SMART_METE,ACTIVESENS,JURISDICTI,ON_OFF_STR,OSP_ID,STREET_NUM,STREETNAME,STREET_SEG,RATEAREA,SFPARKAREA,LOCATION
502-00160,-,0,Grey,SS,N,N,SFMTA,ON,0,16,JONES ST,7563000,Area 2,,"(37.7816058014, -122.4120548998)"
502-00180,-,0,Grey,SS,N,N,SFMTA,ON,0,18,JONES ST,7563000,Area 2,,"(37.7816558023, -122.4120653995)"
593-00031,593-00030,1,Black,MS,N,N,SFMTA,ON,0,3,OFARRELL ST,9720000,Area 5,Downtown,"(37.7867430978, -122.4050872025)"
472-01310,-,0,Yellow,SS,N,N,SFMTA,ON,0,131,HYDE ST,7115000,Area 5,Civic Center,"(37.7824279991, -122.4157389027)"
614-07440,-,0,Grey,SS,N,N,SFMTA,ON,0,744,POST ST,10635000,Area 3,,"(37.7875462015, -122.4147987996)"
614-08030,-,0,Grey,SS,N,N,SFMTA,ON,0,803,POST ST,10636000,Area 3,,"(37.7873594024, -122.4152043999)"
614-08090,-,0,Grey,SS,N,N,SFMTA,ON,0,809,POST ST,10636000,Area 3,,"(37.7873308984, -122.4154309013)"
205-03120,-,0,Grey,SS,N,N,SFMTA,ON,0,312,05TH ST,299000,Area 5,South Embarcadero,"(37.7798804984, -122.4030617994)"
205-03500,-,0
@kristin-henry-sf
kristin-henry-sf / .block
Created February 23, 2017 20:17
Earthquake Data Discovery using dc.js, crossfilter, d3.js and bootstrap
license: mit
@kristin-henry-sf
kristin-henry-sf / index.html
Created June 16, 2016 22:48
Two d3 layers on a google map
<!DOCTYPE html>
<meta charset="utf-8">
<meta name="viewport" content="initial-scale=1.0, user-scalable=no"/>
<style>
html, body, #map {
width: 100%;
height: 100%;
margin: 20;
padding: 20;