Skip to content

Instantly share code, notes, and snippets.

@jadiehm

jadiehm/index.html

Created April 12, 2017 15:29
Show Gist options
  • Save jadiehm/5b7115f7735256086cfefb009832bf6a to your computer and use it in GitHub Desktop.
Save jadiehm/5b7115f7735256086cfefb009832bf6a to your computer and use it in GitHub Desktop.
Download ZIP
Bubble map with button transition
Raw
index.html
<!doctype html>
<html lang='en-GB'>
<head></head>
<style>
p {
font-family: sans-serif;
font-size: 14px;
}
/*template styles*/
.gia-chart-wrapper {
max-width: 620px;
margin: 0 auto;
}
/*map styles */
.states {
fill: #e2e2e2;
stroke: #ffffff;
stroke-linejoin: round;
}
.circle {
fill: #4bc6df;
opacity: 0.5;
}
button {
background-color: #ffffff;
border: 1px solid #dcdcdc;
border-radius: 15px;
color: #333333;
padding: 5px 8px;
cursor: pointer;
display: inline-block;
margin-right: 10px;
text-align: center;
text-decoration: none;
font-size: 12px;
line-height: 20px;
font-family: sans-serif;
}
button:focus {
outline: 0;
}
.active {
background-color: #333333;
border: 1px solid #333333;
color: #ffffff;
}
</style>
<body>
<main>
<div class='gia-chart-wrapper'>
<div class='gia-key'></div>
<div class='gia-chart'></div>
</div>
</main>
<script src="https://cdnjs.cloudflare.com/ajax/libs/d3/3.5.5/d3.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/queue-async/1.0.7/queue.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/topojson/1.6.19/topojson.min.js"></script>
<script>
//Sets dimensions
var margin = {top: 0, left: 5, bottom: 5, right: 5},
width = d3.select(".gia-chart").node().clientWidth,
width = width - margin.left - margin.right,
mapRatio = .65,
height = width * mapRatio;
//Tells the map what projection to use
var projection = d3.geo.albersUsa()
.scale(width *1.25)
.translate([width / 2, height / 2]);
//Tells the map how to draw the paths from the projection
var path = d3.geo.path()
.projection(projection);
//Sets the color scale
var color_domain = [10, 20, 30, 40, 50, 100];
var ext_color_domain = [0, 10, 20, 30, 40, 50, 100];
var color = d3.scale.threshold()
.domain(color_domain)
.range(['#ecf8fb', '#d9f1f7', '#c5eaf3', '#b1e2ef', '#9cdbeb', '#4bc6df']);
//Appened svg to page
var map = d3.select(".gia-chart").append("svg")
.style('height', height + 'px')
.style('width', width + 'px');
//Load the files
queue()
.defer(d3.json, "usmap.json")
.defer(d3.csv, "points.csv")
.await(ready);
function ready(error, us, points) {
if (error) throw error;
//Organizes buttons data
var types = points.map(function(d) { return d.type;});
var uniq = d3.set(types).values();
//Buttons
var button = d3.select(".gia-key").selectAll("button")
.data(uniq)
.enter()
.append("button")
.attr("class", function (d) {
if ( d === "first" ) { return 'active'; }
else { return 'not-active'; }
})
.text(function(d) {return d;})
.on("click", function(d) {
updateChartForType(d);
d3.select(".active").classed("active", false);
d3.select(this).classed("active", true);
});
//Filters the data
initialType = points.filter(function(d) { return d.type === "first";});
//Append states
map.append("g")
.attr("class", "states")
.selectAll("path")
.data(topojson.feature(us, us.objects.states).features)
.enter().append("path")
.attr("d", path);
//Append circles
var circle = map.selectAll("circle")
.data(initialType)
.enter()
.append("circle")
.attr("class", "circle")
.attr("cx", function(d) { return projection([d.longitude, d.latitude])[0];})
.attr("cy", function(d) { return projection([d.longitude, d.latitude])[1];})
.attr("r", function(d) { return Math.sqrt(d.count)*7;})
//Update chart on click
function updateChartForType(typeId) {
var typeData = points.filter(function(d) { return d.type === typeId;});
console.log(typeData);
var circle = map.selectAll("circle")
.data(typeData);
circle.exit().remove();
circle.enter().append("circle")
.attr("r", 0);
circle.transition()
.duration(500)
.attr("cx", function(d) { return projection([d.longitude, d.latitude])[0];})
.attr("cy", function(d) { return projection([d.longitude, d.latitude])[1];})
.attr("r", function(d) { return Math.sqrt(d.count)*7;})
}
//RESPONSIVENESS
d3.select(window).on('resize', resize);
function resize() {
var w = d3.select(".gia-chart").node().clientWidth;
//Adjust things when the window size changes
width = w - margin.left - margin.right;
height = width * mapRatio;
//Update projection
var newProjection = d3.geo.albersUsa()
.scale(width*1.25)
.translate([width / 2, height / 2]);
//Update path
path = d3.geo.path()
.projection(newProjection);
//Update circles
map.selectAll("circle")
.attr("cx", function(d) {
return newProjection([d.longitude, d.latitude])[0];
})
.attr("cy", function(d) {
return newProjection([d.longitude, d.latitude])[1];
})
//Resize the map container
map
.style('width', width + 'px')
.style('height', height + 'px');
//Resize the map
map.selectAll("path").attr('d', path);
}
}
</script>
</body>
</html>
Display the source blob
Display the rendered blob
Raw
outline.json
{
"type": "Topology",
"objects": {
"states": {
"type": "GeometryCollection",
"bbox": [
-179.14733999999999,
17.884812999999998,
179.77847,
71.3525606439998
],
"geometries": [
{
"type": "Polygon",
"id": "4",
"arcs": [
[
112,
113,
114,
-21,
-73
]
]
},
{
"type": "MultiPolygon",
"id": "12",
"arcs": [
[
[
-93,
130,
131
]
]
]
},
{
"type": "Polygon",
"id": "35",
"arcs": [
[
-113,
-123,
173,
-65,
174
]
]
},
]
}
},
"arcs": [
[
[
3021,
4708
],
[
-8,
56
],
[
0,
168
],
[
-3,
195
]
],
[
[
3010,
5127
],
[
7,
-13
],
[
13,
93
],
[
11,
181
],
[
21,
143
],
[
9,
-52
],
[
19,
32
],
[
12,
-52
],
[
0,
-261
],
[
8,
-17
],
[
1,
-65
],
[
9,
-15
],
[
5,
-69
],
[
-43,
-106
],
[
-13,
37
],
[
-3,
-69
],
[
-31,
-92
],
[
-14,
-94
]
],
[
[
2950,
4649
],
[
22,
-4
]
],
[
[
2972,
4645
],
[
33,
-5
],
[
13,
33
]
],
[
[
3018,
4673
],
[
-5,
-113
],
[
8,
-11
],
[
5,
-78
],
[
17,
-23
],
[
-20,
-19
],
[
-3,
31
],
[
-11,
-45
]
],
[
[
3009,
4415
],
[
-2,
34
]
],
[
[
3007,
4449
],
[
0,
7
]
],
[
[
3007,
4456
],
[
-5,
57
],
[
-11,
-2
]
],
[
[
2991,
4511
],
[
-48,
8
]
],
[
[
2943,
4519
],
[
7,
130
]
],
[
[
2551,
5089
],
[
-8,
51
],
[
2,
63
],
[
-9,
40
],
[
-56,
78
],
[
-8,
43
]
],
[
[
2472,
5364
],
[
29,
54
],
[
27,
98
],
[
19,
4
],
[
-14,
-36
],
[
-1,
-52
],
[
18,
-24
],
[
6,
-54
],
[
20,
-11
],
[
14,
36
],
[
34,
22
],
[
-3,
-49
],
[
26,
-6
],
[
-3,
-46
],
[
10,
-44
],
[
-23,
-27
],
[
-20,
48
],
[
-24,
-30
],
[
-7,
-36
],
[
-13,
17
],
[
-16,
-139
]
],
[
[
2666,
4460
],
[
-38,
-7
]
],
[
[
2628,
4453
],
[
0,
12
],
[
-56,
0
]
],
[
[
2572,
4465
],
[
6,
25
],
[
11,
129
],
[
0,
76
],
[
-9,
109
],
[
8,
212
],
[
24,
105
],
[
13,
23
],
[
-6,
33
],
[
10,
40
],
[
36,
-82
],
[
6,
-60
],
[
-2,
-129
],
[
-16,
-78
],
[
6,
-59
],
[
22,
87
],
[
8,
-45
],
[
6,
-153
],
[
-20,
-139
],
[
-9,
-99
]
],
[
[
2092,
5070
],
[
-84,
0
],
[
-111,
1
],
[
0,
-99
]
],
[
[
1897,
4972
],
[
-10,
53
],
[
-12,
-46
],
[
-32,
-15
],
[
-4,
65
],
[
-24,
164
],
[
-17,
-16
],
[
6,
59
],
[
2,
145
],
[
-18,
32
],
[
-16,
89
],
[
-14,
125
],
[
0,
192
]
],
[
[
1758,
5819
],
[
117,
-1
],
[
65,
1
],
[
99,
0
],
[
53,
0
]
],
[
[
2092,
5819
],
[
0,
-571
]
],
[
[
2092,
5248
],
[
0,
-178
]
],
[
[
1812,
3575
],
[
2,
-151
],
[
-21,
-18
],
[
4,
-206
]
],
[
[
1797,
3200
],
[
-150,
749
],
[
0,
559
]
],
[
[
1647,
4508
],
[
84,
1
]
],
[
[
1731,
4509
],
[
83,
-1
]
],
[
[
1814,
4508
],
[
0,
-611
],
[
-2,
-322
]
],
[
[
2887,
4077
],
[
3,
22
]
],
[
[
2890,
4099
],
[
19,
62
],
[
-13,
118
],
[
14,
111
]
],
[
[
2910,
4390
],
[
22,
-67
],
[
-3,
-55
]
],
[
[
2929,
4268
],
[
-2,
-177
],
[
-21,
-151
],
[
-1,
36
],
[
-15,
40
],
[
-4,
46
]
],
[
[
2886,
4062
],
[
0,
5
]
],
[
[
2886,
4067
],
[
1,
10
]
],
[
[
2939,
4320
],
[
43,
1
],
[
-26,
-61
],
[
-28,
-11
],
[
1,
19
]
],
[
[
2910,
4390
],
[
-10,
38
],
[
-9,
81
],
[
-122,
0
],
[
0,
51
]
],
[
[
2769,
4560
],
[
25,
94
],
[
-6,
92
],
[
27,
21
],
[
16,
-26
],
[
16,
6
],
[
21,
55
],
[
-5,
94
],
[
30,
147
],
[
14,
30
],
[
41,
0
]
],
[
[
2948,
5073
],
[
-3,
-269
],
[
5,
-1
],
[
0,
-154
]
],
[
[
2943,
4519
],
[
-4,
-199
]
],
[
[
2715,
3497
],
[
39,
-8
],
[
63,
0
],
[
60,
2
]
],
[
[
2877,
3491
],
[
-5,
-76
],
[
-18,
-38
],
[
23,
6
],
[
4,
-69
],
[
-12,
-52
],
[
-9,
-1
],
[
-8,
-75
],
[
15,
14
],
[
-8,
-71
],
[
-18,
1
],
[
-17,
-70
],
[
-5,
-75
],
[
-16,
1
]
],
[
[
2803,
2986
],
[
-32,
178
],
[
-31,
3
],
[
-7,
61
],
[
-38,
9
],
[
-20,
-37
]
],
[
[
2675,
3200
],
[
-33,
-1
]
],
[
[
2642,
3199
],
[
0,
40
],
[
15,
67
],
[
19,
40
]
],
[
[
2676,
3346
],
[
0,
0
]
],
[
[
2676,
3346
],
[
13,
54
],
[
17,
10
],
[
9,
87
]
],
[
[
2690,
3840
],
[
-8,
63
],
[
-7,
-24
],
[
-31,
34
],
[
-5,
53
],
[
-11,
2
]
],
[
[
2628,
3968
],
[
0,
485
]
],
[
[
2666,
4460
],
[
27,
-67
],
[
21,
21
],
[
10,
45
],
[
24,
47
]
],
[
[
2748,
4506
],
[
0,
-252
]
],
[
[
2748,
4254
],
[
-4,
-3
],
[
-6,
-186
],
[
-33,
-111
],
[
-7,
-105
],
[
-8,
-9
]
],
[
[
2890,
4099
],
[
-11,
-15
]
],
[
[
2879,
4084
],
[
-102,
0
]
],
[
[
2777,
4084
],
[
-29,
0
],
[
0,
170
]
],
[
[
2748,
4506
],
[
21,
54
]
],
[
[
3009,
4415
],
[
-2,
34
]
],
[
[
3007,
4456
],
[
-7,
-62
],
[
-11,
-11
]
],
[
[
2989,
4383
],
[
2,
128
]
],
[
[
2642,
3199
],
[
-36,
-1
]
],
[
[
2606,
3198
],
[
-72,
1
]
],
[
[
2534,
3199
],
[
-59,
0
]
],
[
[
2475,
3199
],
[
5,
91
],
[
11,
97
]
],
[
[
2491,
3387
],
[
5,
93
]
],
[
[
2496,
3480
],
[
2,
0
]
],
[
[
2498,
3480
],
[
2,
0
]
],
[
[
2500,
3480
],
[
38,
0
],
[
5,
26
],
[
117,
-7
]
],
[
[
2660,
3499
],
[
55,
-2
]
],
[
[
2023,
2599
],
[
-2,
40
],
[
99,
0
],
[
0,
841
],
[
1,
0
]
],
[
[
2121,
3480
],
[
84,
0
],
[
0,
-362
],
[
8,
-33
],
[
13,
1
],
[
1,
-32
],
[
23,
-12
],
[
33,
-74
],
[
8,
37
],
[
11,
-35
],
[
34,
20
],
[
23,
-44
]
],
[
[
2359,
2946
],
[
12,
-17
],
[
0,
-99
]
],
[
[
2371,
2830
],
[
0,
-191
],
[
14,
-152
],
[
-5,
-111
],
[
-3,
-168
]
],
[
[
2377,
2208
],
[
-22,
-42
],
[
-3,
58
],
[
-7,
-19
],
[
2,
-71
],
[
-13,
-80
],
[
-18,
-52
],
[
-5,
20
],
[
-24,
-117
],
[
-6,
-70
],
[
-8,
-163
],
[
11,
-161
],
[
-28,
16
],
[
-26,
65
],
[
-10,
117
],
[
-2,
107
],
[
-10,
38
],
[
-21,
207
],
[
-1,
39
],
[
-20,
116
],
[
-21,
12
],
[
-15,
-12
],
[
-12,
-140
],
[
-29,
74
],
[
-11,
54
],
[
-4,
106
],
[
-8,
83
],
[
-16,
57
],
[
-27,
149
]
],
[
[
1814,
4508
],
[
83,
1
]
],
[
[
1897,
4509
],
[
0,
-187
],
[
56,
1
]
],
[
[
1953,
4323
],
[
0,
-748
]
],
[
[
1953,
3575
],
[
-40,
-1
],
[
-101,
1
]
],
[
[
1733,
5257
],
[
-58,
1
],
[
-52,
-67
],
[
-18,
16
],
[
-20,
-35
],
[
-12,
14
],
[
-4,
59
],
[
-20,
61
]
],
[
[
1549,
5306
],
[
-14,
9
],
[
5,
77
],
[
-9,
35
],
[
-15,
278
],
[
22,
-43
],
[
35,
-12
],
[
5,
-40
],
[
-2,
-118
],
[
10,
145
],
[
-8,
137
],
[
-8,
45
],
[
102,
0
],
[
58,
0
]
],
[
[
1730,
5819
],
[
0,
-498
],
[
3,
-64
]
],
[
[
2466,
4605
],
[
-12,
42
],
[
-4,
143
]
],
[
[
2450,
4790
],
[
-6,
93
],
[
-38,
147
],
[
1,
203
],
[
13,
39
],
[
0,
107
],
[
7,
11
]
],
[
[
2427,
5390
],
[
33,
47
],
[
-3,
-69
],
[
15,
-4
]
],
[
[
2551,
5089
],
[
-11,
-66
],
[
1,
-40
],
[
25,
104
],
[
-13,
-114
],
[
-11,
-210
],
[
3,
-162
]
],
[
[
2545,
4601
],
[
-79,
4
]
],
[
[
3125,
113
],
[
32,
-11
],
[
6,
-40
],
[
-6,
-39
],
[
-12,
-14
],
[
-27,
3
],
[
2,
104
],
[
5,
-3
]
],
[
[
2874,
3752
],
[
-2,
0
]
],
[
[
2872,
3752
],
[
2,
0
]
],
[
[
2883,
3752
],
[
-17,
68
],
[
3,
67
],
[
-2,
111
],
[
-9,
-93
],
[
6,
-131
],
[
-24,
56
],
[
2,
50
]
],
[
[
2842,
3880
],
[
3,
29
]
],
[
[
2845,
3909
],
[
-3,
26
]
],
[
[
2842,
3935
],
[
-16,
74
]
],
[
[
2826,
4009
],
[
-3,
50
],
[
-11,
19
],
[
-17,
-24
],
[
-19,
-67
],
[
1,
97
]
],
[
[
2879,
4084
],
[
3,
-236
],
[
18,
-3
]
],
[
[
2900,
3845
],
[
-5,
-78
]
],
[
[
2895,
3767
],
[
-12,
-15
]
],
[
[
2623,
2453
],
[
-73,
-1
],
[
6,
-60
],
[
-3,
-74
]
],
[
[
2553,
2318
],
[
-7,
-3
],
[
-9,
71
],
[
-1,
-57
],
[
-8,
6
]
],
[
[
2528,
2335
],
[
-2,
234
],
[
5,
354
],
[
4,
162
],
[
-1,
114
]
],
[
[
2606,
3198
],
[
10,
-352
],
[
9,
-165
],
[
-4,
-15
],
[
-1,
-183
],
[
3,
-30
]
],
[
[
345,
6754
],
[
18,
-27
],
[
-19,
-77
],
[
-23,
-36
],
[
14,
48
],
[
-1,
60
],
[
11,
32
]
],
[
[
305,
6615
],
[
-23,
-78
],
[
11,
79
],
[
16,
57
],
[
-4,
-58
]
],
[
[
9804,
6534
],
[
-4,
33
],
[
22,
-29
],
[
-18,
-4
]
],
[
[
1191,
7544
],
[
17,
11
],
[
24,
-49
],
[
3,
-98
],
[
-23,
38
],
[
-6,
-58
],
[
-20,
98
],
[
5,
58
]
],
[
[
1241,
7533
],
[
12,
-1
],
[
9,
-130
],
[
-20,
-83
],
[
3,
69
],
[
-8,
62
],
[
-7,
128
],
[
11,
-45
]
],
[
[
1283,
7021
],
[
-10,
40
],
[
8,
31
],
[
-18,
31
],
[
4,
72
],
[
13,
-6
],
[
15,
-76
],
[
3,
-64
],
[
15,
-60
],
[
0,
-104
],
[
-18,
50
],
[
1,
42
],
[
-13,
44
]
],
[
[
744,
7467
],
[
7,
-36
],
[
-21,
-94
],
[
-35,
-70
],
[
-18,
113
],
[
37,
118
],
[
30,
-31
]
],
[
[
1297,
7241
],
[
-31,
-30
],
[
-5,
122
],
[
22,
-17
],
[
14,
-75
]
],
[
[
1215,
7410
],
[
19,
-18
],
[
7,
-145
],
[
-6,
-75
],
[
-26,
210
],
[
6,
28
]
],
[
[
1254,
7141
],
[
-8,
147
],
[
8,
16
],
[
12,
-62
],
[
-12,
-101
]
],
[
[
275,
8501
],
[
16,
-7
],
[
-26,
-69
],
[
-25,
76
],
[
-26,
-7
],
[
-6,
72
],
[
21,
-22
],
[
12,
24
],
[
34,
-67
]
],
[
[
373,
7908
],
[
6,
-47
],
[
-18,
-32
],
[
-33,
60
],
[
2,
32
],
[
33,
32
],
[
10,
-45
]
],
[
[
851,
7867
],
[
-22,
31
],
[
-16,
-84
],
[
-30,
-82
],
[
-15,
-13
],
[
-9,
49
],
[
21,
31
],
[
-20,
28
],
[
16,
121
],
[
-4,
64
],
[
28,
58
],
[
22,
-12
],
[
-30,
53
],
[
-23,
-50
],
[
-35,
-150
],
[
3,
-51
],
[
-41,
-105
],
[
-1,
-63
],
[
14,
11
],
[
12,
-44
],
[
-18,
-44
],
[
-11,
-98
],
[
-20,
-15
],
[
-44,
-133
],
[
7,
-20
],
[
-43,
-132
],
[
-17,
-25
],
[
2,
-63
],
[
-38,
-28
],
[
-21,
-72
],
[
-28,
-20
],
[
-2,
45
],
[
-9,
-94
],
[
-30,
-30
],
[
-16,
-62
],
[
-35,
-36
],
[
-3,
35
],
[
17,
54
],
[
41,
57
],
[
29,
130
],
[
15,
17
],
[
13,
-46
],
[
12,
101
],
[
41,
103
],
[
37,
141
],
[
-3,
11
],
[
7,
161
],
[
10,
68
],
[
-29,
-47
],
[
-17,
47
],
[
1,
-72
],
[
-10,
-12
],
[
-19,
96
],
[
-18,
24
],
[
-37,
-95
],
[
-9,
131
],
[
10,
45
],
[
-19,
127
],
[
-4,
-33
],
[
-40,
-36
],
[
-37,
145
],
[
10,
66
],
[
-19,
31
],
[
-10,
57
],
[
6,
124
],
[
18,
86
],
[
19,
129
],
[
31,
-33
],
[
29,
94
],
[
31,
-7
],
[
10,
47
],
[
-4,
84
],
[
-16,
57
],
[
19,
19
],
[
-11,
58
],
[
-45,
-109
],
[
-17,
37
],
[
-44,
-19
],
[
-33,
28
],
[
-18,
95
],
[
14,
35
],
[
-30,
23
],
[
-19,
53
],
[
67,
127
],
[
37,
41
],
[
19,
-16
],
[
-2,
-82
],
[
53,
-7
],
[
25,
40
],
[
-27,
59
],
[
11,
81
],
[
-61,
26
],
[
-9,
87
],
[
-74,
141
],
[
14,
101
],
[
54,
9
],
[
33,
83
],
[
2,
72
],
[
30,
100
],
[
31,
9
],
[
33,
85
],
[
51,
12
],
[
34,
92
],
[
44,
-39
],
[
12,
-58
],
[
65,
2
],
[
10,
-77
],
[
71,
12
],
[
44,
-52
],
[
54,
-15
],
[
34,
-32
],
[
28,
35
],
[
73,
-95
],
[
0,
-1747
],
[
27,
-22
],
[
26,
32
],
[
-4,
-50
],
[
45,
-159
],
[
4,
-62
],
[
25,
48
],
[
9,
86
],
[
22,
32
],
[
13,
-97
],
[
32,
-103
],
[
44,
-283
],
[
11,
-115
],
[
48,
-90
],
[
5,
-157
],
[
-19,
-94
],
[
-12,
78
],
[
-22,
47
],
[
4,
73
],
[
-12,
-51
],
[
-16,
123
],
[
13,
78
],
[
-18,
73
],
[
-19,
29
],
[
-1,
100
],
[
-14,
90
],
[
-15,
9
],
[
-20,
120
],
[
9,
-130
],
[
-24,
35
],
[
-5,
80
],
[
-13,
6
],
[
14,
-86
],
[
-19,
-30
],
[
-33,
104
],
[
-10,
53
],
[
-45,
91
],
[
4,
56
],
[
-14,
-27
],
[
-71,
74
],
[
-30,
-21
],
[
-57,
88
],
[
8,
38
],
[
-28,
5
],
[
-2,
51
],
[
-39,
-31
],
[
-13,
-157
]
],
[
[
65,
6355
],
[
15,
1
],
[
-18,
-53
],
[
3,
52
]
],
[
[
750,
7547
],
[
-21,
-48
],
[
-13,
16
],
[
22,
97
],
[
19,
-45
],
[
-7,
-20
]
],
[
[
1293,
6879
],
[
-12,
52
],
[
1,
58
],
[
11,
-110
]
],
[
[
1953,
3575
],
[
0,
-1061
]
],
[
[
1953,
2514
],
[
-58,
0
],
[
-103,
217
],
[
3,
43
]
],
[
[
1795,
2774
],
[
5,
231
],
[
11,
68
],
[
-7,
23
],
[
-7,
104
]
],
[
[
2475,
3199
],
[
-7,
-108
],
[
-11,
-50
],
[
-8,
-108
],
[
2,
-106
]
],
[
[
2451,
2827
],
[
-80,
3
]
],
[
[
2359,
2946
],
[
1,
347
],
[
-5,
187
]
],
[
[
2355,
3480
],
[
57,
0
],
[
67,
0
],
[
-6,
-94
],
[
18,
1
]
],
[
[
1529,
4508
],
[
118,
0
]
],
[
[
1795,
2774
],
[
-67,
-34
],
[
-5,
104
],
[
-21,
115
],
[
-10,
5
],
[
-4,
56
],
[
-16,
12
],
[
-12,
58
],
[
-25,
8
],
[
-5,
19
],
[
0,
110
],
[
-18,
98
],
[
-16,
111
],
[
0,
126
],
[
-15,
47
],
[
-3,
58
],
[
10,
3
],
[
-22,
121
],
[
-22,
141
],
[
-2,
150
],
[
-17,
129
],
[
8,
110
],
[
2,
84
],
[
-6,
103
]
],
[
[
2148,
3573
],
[
-27,
2
]
],
[
[
2121,
3575
],
[
-107,
-2
],
[
-61,
2
]
],
[
[
1953,
4323
],
[
78,
-1
],
[
61,
1
]
],
[
[
2092,
4323
],
[
56,
0
],
[
0,
-187
]
],
[
[
2148,
4136
],
[
0,
-563
]
],
[
[
2989,
4383
],
[
-29,
-7
],
[
-21,
-56
]
],
[
[
2886,
4062
],
[
0,
5
]
],
[
[
2887,
4077
],
[
3,
-118
],
[
9,
-50
],
[
1,
-64
]
],
[
[
2845,
3909
],
[
-3,
26
]
],
[
[
2623,
2453
],
[
4,
-55
],
[
73,
-26
],
[
6,
-23
],
[
1,
70
],
[
15,
-21
]
],
[
[
2722,
2398
],
[
5,
-182
],
[
8,
-110
],
[
11,
-103
],
[
0,
-93
],
[
15,
-233
],
[
-2,
-198
],
[
-8,
-102
],
[
-21,
-17
],
[
-5,
119
],
[
-12,
28
],
[
-4,
90
],
[
-6,
11
],
[
-17,
190
],
[
9,
55
],
[
-12,
4
],
[
5,
122
],
[
-4,
127
],
[
-7,
-4
],
[
-16,
142
],
[
-18,
40
],
[
-20,
-72
],
[
-26,
98
],
[
-20,
30
],
[
-24,
-22
]
],
[
[
2675,
3200
],
[
-6,
-59
],
[
13,
-38
],
[
8,
-95
],
[
19,
-97
],
[
11,
-79
],
[
11,
-172
],
[
6,
-14
]
],
[
[
2737,
2646
],
[
-14,
-168
],
[
-1,
-80
]
],
[
[
548,
811
],
[
3,
-50
],
[
-12,
20
],
[
9,
30
]
],
[
[
586,
703
],
[
11,
-71
],
[
-11,
5
],
[
-6,
53
],
[
6,
13
]
],
[
[
609,
624
],
[
16,
-18
],
[
-18,
-5
],
[
2,
23
]
],
[
[
627,
587
],
[
17,
-44
],
[
-11,
-39
],
[
-6,
83
]
],
[
[
651,
441
],
[
19,
-69
],
[
7,
-63
],
[
-20,
-76
],
[
-3,
-39
],
[
-8,
29
],
[
-3,
131
],
[
8,
87
]
],
[
[
1731,
4509
],
[
0,
350
],
[
2,
58
],
[
-9,
21
],
[
22,
240
],
[
-13,
79
]
],
[
[
1730,
5819
],
[
28,
0
]
],
[
[
1897,
4972
],
[
0,
-463
]
],
[
[
2538,
3724
],
[
-1,
-62
],
[
-11,
-11
],
[
1,
-59
],
[
-14,
25
],
[
-5,
-47
]
],
[
[
2508,
3570
],
[
-10,
41
],
[
-1,
94
],
[
-12,
32
],
[
-12,
88
],
[
7,
95
],
[
-10,
22
],
[
-25,
143
],
[
-1,
122
]
],
[
[
2444,
4207
],
[
13,
101
],
[
-3,
93
],
[
20,
32
],
[
5,
99
],
[
-13,
73
]
],
[
[
2545,
4601
],
[
-1,
-49
],
[
8,
-97
]
],
[
[
2552,
4455
],
[
0,
-443
],
[
1,
-121
],
[
-15,
-122
],
[
0,
-45
]
],
[
[
2552,
4455
],
[
20,
10
]
],
[
[
2628,
3968
],
[
0,
-60
],
[
-18,
-12
],
[
1,
-36
],
[
-14,
-96
],
[
-15,
22
],
[
-17,
-64
],
[
-15,
35
],
[
-12,
-33
]
],
[
[
2323,
4245
],
[
-3,
137
],
[
-6,
38
],
[
-1,
85
],
[
-9,
95
]
],
[
[
2304,
4600
],
[
-5,
40
],
[
5,
150
]
],
[
[
2304,
4790
],
[
65,
0
],
[
81,
0
]
],
[
[
2444,
4207
],
[
-9,
44
],
[
-42,
-7
],
[
-70,
1
]
],
[
[
2355,
3574
],
[
-79,
0
],
[
-128,
-1
]
],
[
[
2148,
4136
],
[
109,
0
],
[
79,
0
]
],
[
[
2336,
4136
],
[
10,
-19
],
[
-5,
-70
],
[
14,
-74
],
[
0,
-399
]
],
[
[
2500,
3480
],
[
8,
90
]
],
[
[
2690,
3840
],
[
8,
-139
],
[
9,
-26
]
],
[
[
2707,
3675
],
[
-21,
-77
],
[
-4,
-45
],
[
-22,
-54
]
],
[
[
2496,
3480
],
[
2,
0
]
],
[
[
2451,
2827
],
[
0,
-73
],
[
7,
-50
],
[
-12,
-92
],
[
-8,
-140
],
[
6,
-20
],
[
47,
1
],
[
-2,
-86
],
[
8,
-68
]
],
[
[
2497,
2299
],
[
-10,
-33
],
[
17,
-28
],
[
-11,
-19
],
[
-1,
-45
],
[
19,
-54
],
[
-4,
-41
],
[
-24,
86
],
[
-4,
-67
],
[
-12,
32
],
[
-7,
-44
],
[
-14,
49
],
[
-13,
96
],
[
-14,
-53
],
[
-24,
45
],
[
-18,
-15
]
],
[
[
2304,
4790
],
[
0,
337
],
[
-11,
65
],
[
8,
54
]
],
[
[
2301,
5246
],
[
-7,
128
],
[
-1,
171
],
[
-8,
105
],
[
-3,
169
]
],
[
[
2282,
5819
],
[
58,
0
],
[
0,
71
],
[
9,
-11
],
[
4,
-104
],
[
24,
-26
],
[
17,
3
],
[
32,
-54
],
[
14,
-58
],
[
20,
38
],
[
2,
-28
],
[
34,
-20
],
[
-31,
-62
],
[
-40,
-166
],
[
2,
-12
]
],
[
[
2528,
2335
],
[
-12,
6
],
[
-19,
-42
]
],
[
[
2355,
3480
],
[
0,
94
]
],
[
[
2336,
4136
],
[
-13,
109
]
],
[
[
2092,
4323
],
[
0,
374
]
],
[
[
2092,
4697
],
[
65,
-1
],
[
90,
1
],
[
12,
-44
],
[
23,
16
],
[
22,
-69
]
],
[
[
2972,
4645
],
[
2,
158
],
[
20,
160
],
[
5,
110
]
],
[
[
2999,
5073
],
[
11,
54
]
],
[
[
3021,
4708
],
[
-3,
-35
]
],
[
[
2121,
3575
],
[
0,
-95
]
],
[
[
2023,
2599
],
[
-47,
0
],
[
0,
-85
],
[
-23,
0
]
],
[
[
2301,
5246
],
[
-58,
0
],
[
-65,
1
],
[
-86,
1
]
],
[
[
2092,
5819
],
[
88,
0
],
[
102,
0
]
],
[
[
1529,
4508
],
[
-9,
154
],
[
11,
186
],
[
6,
240
],
[
1,
192
],
[
11,
26
]
],
[
[
2803,
2986
],
[
-8,
-20
],
[
-10,
-108
],
[
-48,
-212
]
],
[
[
2092,
4697
],
[
0,
373
]
],
[
[
2948,
5073
],
[
51,
0
]
],
[
[
2874,
3752
],
[
-2,
0
]
],
[
[
2895,
3767
],
[
-10,
-62
],
[
-11,
-115
],
[
1,
90
],
[
8,
72
]
],
[
[
2707,
3675
],
[
8,
-64
],
[
13,
8
],
[
26,
51
],
[
17,
196
],
[
11,
-27
],
[
8,
81
],
[
16,
53
],
[
2,
63
],
[
15,
-62
],
[
3,
35
]
],
[
[
2842,
3880
],
[
-4,
-57
],
[
18,
-33
],
[
11,
-49
],
[
-1,
-151
],
[
8,
-30
],
[
3,
-69
]
]
],
"transform": {
"scale": [
0.0358961706170617,
0.005347309495349516
],
"translate": [
-179.14733999999999,
17.884812999999998
]
}
}
Raw
points.csv
date type count latitude longitude
1/4/15 first 3 32.776664 -96.796988
1/9/15 first 4 37.774929 -122.419416
1/10/15 first 3 46.732387 -117.000165
1/24/15 first 3 41.252363 -95.997988
1/24/15 first 4 40.728224 -73.794852
1/29/15 first 5 33.069857 -85.023346
2/4/15 first 4 36.280694 -80.35922
2/5/15 first 3 41.432307 -81.510266
2/7/15 first 5 33.751497 -84.747714
2/9/15 first 3 28.244177 -82.719267
2/22/15 first 3 34.647889 -83.549657
2/22/15 first 4 31.117119 -97.727796
2/25/15 first 3 29.760427 -95.369803
2/27/15 first 8 37.203383 -91.87654
2/28/15 first 4 35.896824 -77.535805
2/28/15 first 3 38.951705 -92.334072
3/3/15 first 3 36.169941 -115.13983
3/15/15 first 3 31.131869 -85.313622
3/17/15 first 3 37.957702 -121.29078
3/24/15 first 4 39.768403 -86.158068
3/30/15 first 4 36.153982 -95.992775
4/16/15 first 5 33.448377 -112.074037
5/3/15 first 4 44.202208 -88.446497
5/13/15 first 4 61.218056 -149.900278
5/17/15 first 9 31.549333 -97.14667
5/31/15 first 3 41.49932 -81.694361
6/3/15 first 3 40.753988 -73.360398
6/17/15 first 9 32.776475 -79.931051
6/21/15 first 4 41.161611 -112.026331
6/23/15 first 3 30.273532 -91.899284
6/27/15 first 4 26.627628 -80.13539
7/5/15 first 4 34.924867 -81.025078
7/7/15 first 3 39.290385 -76.612189
7/12/15 first 3 30.458283 -91.14032
7/15/15 first 4 33.322662 -80.413704
7/16/15 first 5 35.04563 -85.30968
7/23/15 first 3 30.22409 -92.019843
8/7/15 first 4 44.197006 -72.502049
8/8/15 first 8 29.760427 -95.369803
8/19/15 first 3 43.16103 -77.610922
8/26/15 first 3 37.181254 -79.617254
8/29/15 first 3 36.595106 -82.188744
9/1/15 first 4 40.304278 -73.99236
9/8/15 first 5 44.977753 -93.265011
9/8/15 first 4 47.884745 -120.156701
9/13/15 first 4 30.588243 -91.168163
9/17/15 first 6 43.38694 -98.84453
10/1/15 first 10 43.216505 -123.341738
10/31/15 first 4 38.833882 -104.821363
11/1/15 first 4 34.651773 -82.783751
11/4/15 first 4 44.540222 -69.721995
11/13/15 first 4 30.332184 -81.655651
11/15/15 first 6 31.776932 -95.645795
11/16/15 first 3 34.58037 -87.33641
11/17/15 first 4 36.610333 -88.314761
12/2/15 first 14 34.108345 -117.289765
1/4/15 second 1 32.776664 -96.796988
1/9/15 second 2 37.774929 -122.419416
1/10/15 second 2 46.732387 -117.000165
1/24/15 second 1 41.252363 -95.997988
1/24/15 second 1 40.728224 -73.794852
1/29/15 second 1 33.069857 -85.023346
2/4/15 second 2 36.280694 -80.35922
2/5/15 second 4 41.432307 -81.510266
2/7/15 second 2 33.751497 -84.747714
2/9/15 second 5 28.244177 -82.719267
2/22/15 second 4 34.647889 -83.549657
2/22/15 second 1 31.117119 -97.727796
2/25/15 second 1 29.760427 -95.369803
2/27/15 second 2 37.203383 -91.87654
2/28/15 second 6 35.896824 -77.535805
2/28/15 second 2 38.951705 -92.334072
3/3/15 second 1 36.169941 -115.13983
3/15/15 second 1 31.131869 -85.313622
3/17/15 second 2 37.957702 -121.29078
3/24/15 second 6 39.768403 -86.158068
3/30/15 second 5 36.153982 -95.992775
4/16/15 second 3 33.448377 -112.074037
5/3/15 second 2 44.202208 -88.446497
5/13/15 second 1 61.218056 -149.900278
5/17/15 second 6 31.549333 -97.14667
5/31/15 second 2 41.49932 -81.694361
6/3/15 second 1 40.753988 -73.360398
6/17/15 second 1 32.776475 -79.931051
6/21/15 second 2 41.161611 -112.026331
6/23/15 second 2 30.273532 -91.899284
6/27/15 second 6 26.627628 -80.13539
7/5/15 second 3 34.924867 -81.025078
7/7/15 second 2 39.290385 -76.612189
7/12/15 second 1 30.458283 -91.14032
7/15/15 second 2 33.322662 -80.413704
7/16/15 second 6 35.04563 -85.30968
7/23/15 second 2 30.22409 -92.019843
8/7/15 second 1 44.197006 -72.502049
8/8/15 second 6 29.760427 -95.369803
8/19/15 second 1 43.16103 -77.610922
8/26/15 second 2 37.181254 -79.617254
8/29/15 second 2 36.595106 -82.188744
9/1/15 second 5 40.304278 -73.99236
9/8/15 second 4 44.977753 -93.265011
9/8/15 second 3 47.884745 -120.156701
9/13/15 second 2 30.588243 -91.168163
9/17/15 second 1 43.38694 -98.84453
10/1/15 second 6 43.216505 -123.341738
10/31/15 second 2 38.833882 -104.821363
11/1/15 second 2 34.651773 -82.783751
11/4/15 second 2 44.540222 -69.721995
11/13/15 second 1 30.332184 -81.655651
11/15/15 second 3 31.776932 -95.645795
11/16/15 second 5 34.58037 -87.33641
11/17/15 second 5 36.610333 -88.314761
12/2/15 second 6 34.108345 -117.289765
Display the source blob
Display the rendered blob
Raw
usmap.json
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment