Skip to content

Instantly share code, notes, and snippets.

View emeeks's full-sized avatar

Elijah Meeks emeeks

View GitHub Profile
@emeeks
emeeks / d3map.css
Last active August 29, 2015 14:05
Modal Infoboxes - d3.carto.map
path,circle,rect,polygon,ellipse,line {
vector-effect: non-scaling-stroke;
}
svg, canvas {
top: 0;
}
#d3MapZoomBox {
position: absolute;
z-index: 10;
height: 100px;
@emeeks
emeeks / d3map.css
Last active August 29, 2015 14:05
Custom Infobox Formatter - d3.carto.map
path,circle,rect,polygon,ellipse,line {
vector-effect: non-scaling-stroke;
}
svg, canvas {
top: 0;
}
#d3MapZoomBox {
position: absolute;
z-index: 10;
height: 100px;
@emeeks
emeeks / d3map.css
Last active August 29, 2015 14:05
Simple Pathfinding
path,circle,rect,polygon,ellipse,line {
vector-effect: non-scaling-stroke;
}
svg, canvas {
top: 0;
}
#d3MapZoomBox {
position: absolute;
z-index: 10;
height: 100px;
@emeeks
emeeks / d3map.css
Last active February 17, 2017 05:41
Simple Network Flooding
path,circle,rect,polygon,ellipse,line {
vector-effect: non-scaling-stroke;
}
svg, canvas {
top: 0;
}
#d3MapZoomBox {
position: absolute;
z-index: 10;
height: 100px;
@emeeks
emeeks / d3map.css
Last active May 19, 2016 17:16
Voronoi Network Flooding
path,circle,rect,polygon,ellipse,line {
vector-effect: non-scaling-stroke;
}
svg, canvas {
top: 0;
}
#d3MapZoomBox {
position: absolute;
z-index: 10;
height: 100px;
@emeeks
emeeks / index.html
Last active August 29, 2015 14:05
Graphical Transition + Zoom Test
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Transition Test</title>
<meta charset="utf-8" />
</head>
<script src="http://d3js.org/d3.v3.min.js"></script>
<script src="http://d3js.org/colorbrewer.v1.min.js"></script>
<style>
body, html {
width:100%;
@emeeks
emeeks / index.html
Last active August 29, 2015 14:05
Geodata to d3.svg.line interpolation
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Interpolating Geodata</title>
<meta charset="utf-8" />
</head>
<style>
html,body {
height: 100%;
width: 100%;
margin: 0;
@emeeks
emeeks / cities.csv
Last active August 29, 2015 14:06
Changing Markers - d3.carto
name state total r1 r2 r3 r4 r5 r6 r7 y x
Albany-Schenectady-Troy NY 871 739 67 2 27 0 21 36 42.9370842 -75.6107025
Albuquerque NM 887 618 24 52 18 1 38 414 35.0841789 -106.6486435
Allentown-Bethlehem-Easton PA-NJ 821 694 41 2 20 0 19 107 40.6026001 -75.4702606
Atlanta-Sandy Springs-Marietta GA 5269 2920 1708 18 254 3 126 547 33.7312012 -84.3832016
Austin-Round Rock-San Marcos TX 1716 1250 127 13 82 1 55 538 29.8860302 -97.9293365
Bakersfield-Delano CA 840 500 49 13 35 1 38 413 35.7740784 -119.2718506
Baltimore-Towson MD 2710 1684 779 9 123 1 68 124 39.2881012 -76.6108017
Baton Rouge LA 802 480 286 2 14 0 10 27 30.4433403 -91.1869888
Birmingham-Hoover AL 1128 753 318 3 14 1 13 49 32.7665443 -86.8402863
@emeeks
emeeks / d3map.css
Last active August 29, 2015 14:06
Dynamic Markers - d3.carto
path,circle,rect,polygon,ellipse,line {
vector-effect: non-scaling-stroke;
}
svg, canvas {
top: 0;
}
#d3MapZoomBox {
position: absolute;
z-index: 10;
height: 100px;
@emeeks
emeeks / index.html
Last active August 29, 2015 14:06
Topojson issue
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Topojson Issue</title>
<meta charset="utf-8" />
<script src="http://d3js.org/d3.v3.min.js" charset="utf-8" type="text/javascript"></script>
<script src="http://d3js.org/topojson.v1.min.js" type="text/javascript">
</script>
</head>
<style>
html,body,div,svg {