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 / index.html
Last active March 17, 2017 02:26
d3v3 Multiple Pie Charts on Map - Data from CSV
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<style>
svg {
background: #9ecae1;
}
.mesh {
fill:none;
@Andrew-Reid
Andrew-Reid / data.csv
Last active June 5, 2018 04:55
Horizontal Stacked Bar Chart
State Under 5 Years 5 to 13 Years 14 to 17 Years 18 to 24 Years 25 to 44 Years 45 to 64 Years 65 Years and Over
AL 310504 552339 259034 450818 1231572 1215966 641667
AK 52083 85640 42153 74257 198724 183159 50277
AZ 515910 828669 362642 601943 1804762 1523681 862573
AR 202070 343207 157204 264160 754420 727124 407205
CA 2704659 4499890 2159981 3853788 10604510 8819342 4114496
CO 358280 587154 261701 466194 1464939 1290094 511094
CT 211637 403658 196918 325110 916955 968967 478007
DE 59319 99496 47414 84464 230183 230528 121688
DC 36352 50439 25225 75569 193557 140043 70648
@Andrew-Reid
Andrew-Reid / counties.json
Last active March 17, 2017 02:51
US Counties
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
@Andrew-Reid
Andrew-Reid / index.html
Last active November 5, 2018 07:47
Force Directed With Symbols, d3v4
<!DOCTYPE html>
<meta charset="utf-8">
<style>
.links line {
stroke: #999;
stroke-opacity: 0.6;
}
.nodes circle {
@Andrew-Reid
Andrew-Reid / data.json
Last active March 17, 2017 03:10
d3v3 Managing Click and Mouseover events in maps
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
@Andrew-Reid
Andrew-Reid / customers.csv
Last active August 12, 2023 22:47
Map Data Sources - Alternating CSVs - Load on Demand
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 / customers.csv
Last active February 19, 2017 04:58
Map Data Sources - Alternating CSVs - Show & Hide
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
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
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 / cairo.json
Last active February 14, 2018 08:09
Autoscale and center topojson d3v3
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.