Skip to content

Instantly share code, notes, and snippets.

View zanarmstrong's full-sized avatar

zan zanarmstrong

33 followers · 1 following
  • san francisco
View GitHub Profile
@zanarmstrong
zanarmstrong / image.png
Last active August 29, 2015 14:07
in response to SFPC assignment & greatartbot on Twitter
image.png
@zanarmstrong
zanarmstrong / animatedMouseMove.css
Last active September 8, 2015 03:48
jittery line (original)
body {
background-color: #323232;
}
p {
color: white;
font-family: 'Raleway', sans-serif;
}
.mainPath {
@zanarmstrong
zanarmstrong / colorInterpolation.css
Last active January 9, 2017 22:45
Color Interpolation test
#svgContainer {
width:2000px;
height:3000px;
background-color:white;
}
p, h2 {
font-family:'Oxygen';
max-width: 2000px;
}
.verticalLine {
@zanarmstrong
zanarmstrong / howler.min.js
Last active September 8, 2015 03:43
grey boxes flying with music
/*!
* howler.js v1.1.25
* howlerjs.com
*
* (c) 2013-2014, James Simpson of GoldFire Studios
* goldfirestudios.com
*
* MIT License
*/
!function(){var e={},t=null,n=!0,r=!1;try{"undefined"!=typeof AudioContext?t=new AudioContext:"undefined"!=typeof webkitAudioContext?t=new webkitAudioContext:n=!1}catch(i){n=!1}if(!n)if("undefined"!=typeof Audio)try{new Audio}catch(i){r=!0}else r=!0;if(n){var s=void 0===t.createGain?t.createGainNode():t.createGain();s.gain.value=1,s.connect(t.destination)}var o=function(e){this._volume=1,this._muted=!1,this.usingWebAudio=n,this.ctx=t,this.noAudio=r,this._howls=[],this._codecs=e,this.iOSAutoEnable=!0};o.prototype={volume:function(e){var t=this;if(e=parseFloat(e),e>=0&&1>=e){t._volume=e,n&&(s.gain.value=e);for(var r in t._howls)if(t._howls.hasOwnProperty(r)&&t._howls[r]._webAudio===!1)for(var i=0;i<t._howls[r]._audioNode.length;i++)t._howls[r]._audioNode[i].volume=t._howls[r]._volume*t._volume;return t}return n?s.gain.value:t._volume},mute:function(){return this._setMuted(!0),this
@zanarmstrong
zanarmstrong / index.html
Last active April 1, 2019 06:27
Normal Daily & Hourly Weather
<!DOCTYPE html>
<head>
<meta charset="utf-8">
<link rel="stylesheet" href="weatherHourly.css">
</head>
<body>
<div id="instructions">
<p><span id="info">The graph shows the normal temperature in San Francisco by day and hour of day, based on the last 30 years of data. Each line represents a different hour of the day. Click on a line or on the legend to highlight a particular hour.</span></p>
<p><span id="info">Data from <a href="https://gis.ncdc.noaa.gov/geoportal/catalog/search/resource/details.page?id=gov.noaa.ncdc:C00824">NOAA</a></span></p>
</div>
@zanarmstrong
zanarmstrong / index.html
Last active November 7, 2015 19:03
Simple: Heatmap view of Weather Data
<!DOCTYPE html>
<head>
<meta charset="utf-8">
<link rel="stylesheet" href="weatherHourly.css">
</head>
<body>
<div id="instructions">
<p><span id="info">Click and Drag on the visualization to recenter it.</span></p>
<p><span id="info">Data from <a href="https://gis.ncdc.noaa.gov/geoportal/catalog/search/resource/details.page?id=gov.noaa.ncdc:C00824">NOAA</a></span></p>
</div>
@zanarmstrong
zanarmstrong / .Rhistory
Last active August 29, 2015 14:12
Weather Line Chart w/ alternate to tooltip
We couldn’t find that file to show.
@zanarmstrong
zanarmstrong / animatedMouseMove.css
Last active February 6, 2021 22:25
Jittery Line
body {
background-color: #323232;
}
p {
color: white;
font-family: 'Raleway', sans-serif;
}
.mainPath {
@zanarmstrong
zanarmstrong / free-zipcode-database-Primary.csv
Last active September 8, 2015 03:40
public radio kickstarter - npr stations
We can't make this file beautiful and searchable because it's too large.
"zip","ZipCodeType","City","State","LocationType","lat","lon","Location","Decommisioned","TaxReturnsFiled","EstimatedPopulation","TotalWages"
"00705","STANDARD","AIBONITO","PR","PRIMARY",18.14,-66.26,"NA-US-PR-AIBONITO","false",,,
"00610","STANDARD","ANASCO","PR","PRIMARY",18.28,-67.14,"NA-US-PR-ANASCO","false",,,
"00611","PO BOX","ANGELES","PR","PRIMARY",18.28,-66.79,"NA-US-PR-ANGELES","false",,,
"00612","STANDARD","ARECIBO","PR","PRIMARY",18.45,-66.73,"NA-US-PR-ARECIBO","false",,,
"00601","STANDARD","ADJUNTAS","PR","PRIMARY",18.16,-66.72,"NA-US-PR-ADJUNTAS","false",,,
"00631","PO BOX","CASTANER","PR","PRIMARY",18.19,-66.82,"NA-US-PR-CASTANER","false",,,
"00602","STANDARD","AGUADA","PR","PRIMARY",18.38,-67.18,"NA-US-PR-AGUADA","false",,,
"00603","STANDARD","AGUADILLA","PR","PRIMARY",18.43,-67.15,"NA-US-PR-AGUADILLA","false",,,
"00604","PO BOX","AGUADILLA","PR","PRIMARY",18.43,-67.15,"NA-US-PR-AGUADILLA","false",,,
@zanarmstrong
zanarmstrong / index.html
Last active September 8, 2015 03:37
Example map of the US
<!DOCTYPE html>
<meta charset="utf-8">
<style>
path {
fill: #ccc;
stroke: none;
}
.cities{