Skip to content

Instantly share code, notes, and snippets.

View Andrew-Reid's full-sized avatar

Andrew-Reid

8 followers · 0 following
View GitHub Profile
@Andrew-Reid
Andrew-Reid / customers.csv
Last active February 19, 2017 04:58
Map Data Sources - Alternating CSVs - Show & Hide
customers long lat
Ann -157 21
Bob 178 -18
Cathy 120 15
Dan 105 21
Carlos -82 23
Maria -80 26
Edna -75 10
Jaun -80 8.5
Al 141 43
@Andrew-Reid
Andrew-Reid / index.html
Created February 25, 2017 06:28
Add Detail on Click
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<style>
svg {
background: #9ecae1;
opacity: 0.5;
}
@Andrew-Reid
Andrew-Reid / index.html
Last active March 17, 2017 00:00
Force Layout with Voronoi Cells and Add/Remove Node functionality
<!DOCTYPE html>
<meta charset="utf-8">
<style>
.cell {
pointer-events: all;
fill: none;
stroke: #666;
stroke-opacity: 0.2;
}
@Andrew-Reid
Andrew-Reid / d3-chevronArc.js
Last active March 17, 2017 00:01
Arcs and Chevrons
// https://d3js.org/d3-shape/ Version 1.0.4. Copyright 2016 Mike Bostock.
(function (global, factory) {
typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('d3-path')) :
typeof define === 'function' && define.amd ? define(['exports', 'd3-path'], factory) :
(factory((global.d3 = global.d3 || {}),global.d3));
}(this, (function (exports,d3Path) { 'use strict';
var constant$1 = function(x) {
return function constant() {
@Andrew-Reid
Andrew-Reid / index.html
Last active March 17, 2017 00:01
geoTransform Example
<html>
<head>
<script src="https://cdnjs.cloudflare.com/ajax/libs/d3/4.6.0/d3.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/topojson/2.2.0/topojson.js"></script>
</head>
<body>
@Andrew-Reid
Andrew-Reid / index.html
Last active March 17, 2017 00:01
Force Layout Oceanic Routing
<!DOCTYPE html>
<meta charset="utf-8">
<style>
.links line {
stroke: #999;
stroke-opacity: 0.5;
stroke-width:5px;
}
</style>
<body>
@Andrew-Reid
Andrew-Reid / index.html
Last active March 17, 2017 02:16
Azimuthal Equidistant Raster Reprojection
<!DOCTYPE html>
<meta charset="utf-8">
<style>
body {
background: #222;
}
@Andrew-Reid
Andrew-Reid / index.html
Last active March 17, 2017 02:19
Reprojected Raster Clipping
<!DOCTYPE html>
<meta charset="utf-8">
<style>
body {
background: #222;
}
@Andrew-Reid
Andrew-Reid / index.html
Last active March 17, 2017 02:23
d3v4 Multiple Pie Charts - Static Data
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<style>
svg {
background: #9ecae1;
}
@Andrew-Reid
Andrew-Reid / index.html
Last active March 17, 2017 02:26
d3v3 Multiple Pie Charts on Map - Static Data
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<style>
svg {
background: #9ecae1;
}