Added heatmaps website

jpes707 · Aug 31, 2020 · 019fb50 · 019fb50
1 parent 908cb8a
commit 019fb50
Show file tree

Hide file tree

Showing 8 changed files with 1,500 additions and 0 deletions.
diff --git a/docs/cbgs-to-topics-1.html b/docs/cbgs-to-topics-1.html
diff --git a/docs/cbgs-to-topics-10.html b/docs/cbgs-to-topics-10.html
diff --git a/docs/cbgs-to-topics-50.html b/docs/cbgs-to-topics-50.html
diff --git a/docs/index.html b/docs/index.html
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <title>SIGSPATIAL ARIC 2020: Foot-Traffic Informed COVID-19 Simulation and Mitigation</title>
+        <link href="https://fonts.googleapis.com/css?family=Open+Sans:400,400i,700,700i" rel="stylesheet">
+        <link rel="stylesheet" href="stylesheet.css" media="screen" type="text/css">
+    </head>
+    <body>
+        <div class="wrapper">
+            <h1>SIGSPATIAL ARIC 2020: Foot-Traffic Informed COVID-19 Simulation and Mitigation</h1>
+            <p>Codebase: <a href="https://github.com/jpes707/safegraph-simulation">https://github.com/jpes707/safegraph-simulation</a></p>
+            <p>Topics to POIs heatmaps (top 100 POIs for all trials with 100k agents):</p>
+            <ul>
+                <li><a href="topics-to-pois-1.html" target="_blank">1 topic</a></li>
+                <li><a href="topics-to-pois-10.html" target="_blank">10 topics</a></li>
+				<li><a href="topics-to-pois-50.html" target="_blank">50 topics</a></li>
+            </ul>
+            <p>Topic CBG heatmaps (heatmaps of all CBGs that have agents assigned to each topic for all trials with 100k agents):</p>
+            <ul>
+                <li><a href="cbgs-to-topics-1.html" target="_blank">1 topic</a></li>
+                <li><a href="cbgs-to-topics-10.html" target="_blank">10 topics</a></li>
+				<li><a href="cbgs-to-topics-50.html" target="_blank">50 topics</a></li>
+            </ul>
+        </div>
+    </body>
+</html>
diff --git a/docs/stylesheet.css b/docs/stylesheet.css
@@ -0,0 +1,30 @@
+body, html {
+    font-family: "Open Sans";
+	height: 100%;
+	width: 100%;
+	margin: 0;
+	padding: 0;
+}
+
+p {
+	line-height: 2;
+}
+
+h1 {
+	line-height: 2;
+	font-size: 16;
+	font-weight: bold;
+}
+
+h2 {
+	line-height: 2;
+	font-weight: bold;
+}
+
+li {
+	line-height: 2;
+}
+
+.wrapper {
+    padding: 30px;
+}
diff --git a/docs/topics-to-pois-1.html b/docs/topics-to-pois-1.html
@@ -0,0 +1,86 @@
+<!DOCTYPE html>
+<head>    
+    <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
+
+        <script>
+            L_NO_TOUCH = false;
+            L_DISABLE_3D = false;
+        </script>
+
+    <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/leaflet.js"></script>
+    <script src="https://code.jquery.com/jquery-1.12.4.min.js"></script>
+    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/Leaflet.awesome-markers/2.0.2/leaflet.awesome-markers.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/leaflet.css"/>
+    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css"/>
+    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap-theme.min.css"/>
+    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css"/>
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Leaflet.awesome-markers/2.0.2/leaflet.awesome-markers.css"/>
+    <link rel="stylesheet" href="https://rawcdn.githack.com/python-visualization/folium/master/folium/templates/leaflet.awesome.rotate.css"/>
+    <style>html, body {width: 100%;height: 100%;margin: 0;padding: 0;}</style>
+    <style>#map {position:absolute;top:0;bottom:0;right:0;left:0;}</style>
+
+            <meta name="viewport" content="width=device-width,
+                initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
+            <style>
+                #map_773ab2cbbd2942f299e46effb97f0f0d {
+                    position: relative;
+                    width: 100.0%;
+                    height: 100.0%;
+                    left: 0.0%;
+                    top: 0.0%;
+                }
+            </style>
+
+    <script src="https://leaflet.github.io/Leaflet.heat/dist/leaflet-heat.js"></script>
+</head>
+<body>    
+
+            <div class="folium-map" id="map_773ab2cbbd2942f299e46effb97f0f0d" ></div>
+
+</body>
+<script>    
+
+            var map_773ab2cbbd2942f299e46effb97f0f0d = L.map(
+                "map_773ab2cbbd2942f299e46effb97f0f0d",
+                {
+                    center: [38.847790409, -77.27515072599999],
+                    crs: L.CRS.EPSG3857,
+                    zoom: 11,
+                    zoomControl: true,
+                    preferCanvas: false,
+                }
+            );
+
+
+
+
+
+            var tile_layer_0a0e9a8a9c5947469d1f2af5d9d70c45 = L.tileLayer(
+                "https://stamen-tiles-{s}.a.ssl.fastly.net/toner/{z}/{x}/{y}.png",
+                {"attribution": "Map tiles by \u003ca href=\"http://stamen.com\"\u003eStamen Design\u003c/a\u003e, under \u003ca href=\"http://creativecommons.org/licenses/by/3.0\"\u003eCC BY 3.0\u003c/a\u003e. Data by \u0026copy; \u003ca href=\"http://openstreetmap.org\"\u003eOpenStreetMap\u003c/a\u003e, under \u003ca href=\"http://www.openstreetmap.org/copyright\"\u003eODbL\u003c/a\u003e.", "detectRetina": false, "maxNativeZoom": 18, "maxZoom": 18, "minZoom": 0, "noWrap": false, "opacity": 1, "subdomains": "abc", "tms": false}
+            ).addTo(map_773ab2cbbd2942f299e46effb97f0f0d);
+
+
+            var heat_map_43ba6322b9b94fa6844392a8f937e168 = L.heatLayer(
+                [[38.916786, -77.221757, 0.016683612971643832], [38.831447, -77.30724599999999, 0.008147336710940709], [38.856869, -77.393302, 0.007886586975332201], [38.958857, -77.358288, 0.00785745292666086], [38.894843, -77.42645300000001, 0.006987801573821309], [38.936168, -77.522002, 0.00505330074204422], [38.871140000000004, -77.230436, 0.004981922322799433], [38.8955787, -77.4443684, 0.004979008917932298], [38.879509000000006, -77.398501, 0.004412351671274702], [38.780696, -77.189088, 0.004158885447834029], [38.924597600000006, -77.227018, 0.003724788122631038], [38.858385, -77.357567, 0.0035004559478617066], [38.83276, -77.236621, 0.0034523847675539928], [38.950361, -77.408506, 0.003423250718882651], [38.803264, -77.265819, 0.0032965176071623145], [38.84397, -77.274134, 0.003271753665791674], [38.91713060000001, -77.2244462, 0.0031989185441133198], [38.862487, -77.357839, 0.003187264924644783], [38.917805, -77.219316, 0.0029760430717775555], [38.837249, -77.426903, 0.0029367121060712444], [38.874389, -77.154198, 0.0029061213549663356], [38.848741, -77.371562, 0.002893011033064232], [38.77213, -77.08322, 0.002876987306294994], [38.825561, -77.314773, 0.002866790389260024], [38.895969, -77.279092, 0.002865333686826457], [38.749736999999996, -77.086474, 0.0028391130430222497], [38.868761, -77.143755, 0.0028361996381551153], [38.868701, -77.15087, 0.0027677346237774624], [38.829811, -77.307342, 0.002761907814043194], [38.776045, -77.173834, 0.0027487974921410903], [38.849156, -77.119514, 0.0027298603605047183], [38.742508, -77.16247, 0.002677419072896303], [38.953224, -77.34999300000001, 0.0026308045950221566], [38.858299, -77.37829599999999, 0.0026162375706864855], [38.830101, -77.307726, 0.0025448591514416986], [38.916852, -77.223943, 0.0024807642443647466], [38.877342999999996, -77.28264399999999, 0.0024603704102948076], [38.836508, -77.43518399999999, 0.0024472600883927035], [38.895185999999995, -77.44305899999999, 0.0024326930640570328], [38.82527, -77.4109, 0.002332180596140904], [38.777722999999995, -77.26429300000001, 0.0022229279136233727], [38.962801, -77.365054, 0.0022200145087562383], [38.877567, -77.443335, 0.0021879670552177625], [38.866783, -77.36744300000001, 0.002164659816280689], [38.885095, -77.464153, 0.002116588635972975], [38.75005, -77.144469, 0.002091824694602335], [38.957878, -77.401573, 0.0020859978848680664], [38.788574, -77.300337, 0.0020845411824344994], [38.880486, -77.40695600000001, 0.0020743442653995297], [38.84004, -77.276239, 0.0020714308605323957], [38.854684999999996, -77.33492, 0.00206414734836456], [38.869985, -77.261737, 0.0020379267045603526], [38.767005, -77.23753, 0.002026273085091816], [38.831554, -77.309247, 0.0020160761680568465], [38.704383, -77.20849, 0.002005879251021877], [38.862926, -77.360512, 0.0019913122266862057], [38.833579, -77.413487, 0.0019898555242526387], [38.774353000000005, -77.07197099999999, 0.001976745202350535], [38.85996, -77.286204, 0.00195926477314773], [38.818881, -77.139984, 0.0019403276415113579], [38.969378000000006, -77.37575, 0.0019155637001407174], [38.830651, -77.30476800000001, 0.001871862627133705], [38.809063, -77.25443100000001, 0.0018616657100987352], [38.857415, -77.22796899999999, 0.001839815173595229], [38.717295, -77.23859399999999, 0.0018339883638609606], [38.780469000000004, -77.077353, 0.001825248149259558], [38.917782, -77.220901, 0.0018106811249238874], [38.769346999999996, -77.136101, 0.0017859171835532468], [38.78625, -77.240442, 0.0017422161105462343], [38.854255, -77.396608, 0.0017291057886441306], [38.712872, -77.246812, 0.001702885144839923], [38.813287, -77.184764, 0.0016926882278049534], [38.923471, -77.184399, 0.001686861418070685], [38.739568, -77.196857, 0.0016766645010357153], [38.840332000000004, -77.114011, 0.00166938098886788], [38.906136, -77.211681, 0.0016431603450636724], [38.880266999999996, -77.406497, 0.00163442013046227], [38.857966, -77.227379, 0.0016315067255951359], [38.774437, -77.175348, 0.0016271366182944345], [38.979183, -77.34957800000001, 0.0016096561890916294], [38.929916999999996, -77.244651, 0.0016038293793573613], [38.82581, -77.308238, 0.0015878056525881232], [38.850976, -77.347663, 0.0015615850087839158], [38.784737, -77.12199, 0.0015572149014832144], [38.743907, -77.087464, 0.001551388091748946], [38.780623, -77.18391899999999, 0.0015353643649797081], [38.742645, -77.161105, 0.001516427233343336], [38.949776, -77.167197, 0.0014931199944062626], [38.772359, -77.172975, 0.0014916632919726956], [38.909353, -77.40791899999999, 0.0014887498871055615], [38.832785, -77.307164, 0.0014508756238328171], [38.702582, -77.220105, 0.001447962218965683], [38.932711, -77.340171, 0.001446505516532116], [38.986255, -77.374528, 0.0014363085994971462], [38.795685, -77.184435, 0.0014246549800286097], [38.81841, -77.168088, 0.0014159147654272072], [38.921867, -77.236349, 0.001413001360560073], [38.852849, -77.450298, 0.001396977633790835], [38.827409, -77.30550799999999, 0.0013867807167558654], [38.870458, -77.228669, 0.0013780405021544628]],
+                {"blur": 15, "max": 1.0, "maxZoom": 18, "minOpacity": 0.5, "radius": 25}
+            ).addTo(map_773ab2cbbd2942f299e46effb97f0f0d);
+
+
+            var layer_control_c0f5a5e074944bc1aa377633c40e1b40 = {
+                base_layers : {
+                    "stamentoner" : tile_layer_0a0e9a8a9c5947469d1f2af5d9d70c45,
+                },
+                overlays :  {
+                    "topic_0" : heat_map_43ba6322b9b94fa6844392a8f937e168,
+                },
+            };
+            L.control.layers(
+                layer_control_c0f5a5e074944bc1aa377633c40e1b40.base_layers,
+                layer_control_c0f5a5e074944bc1aa377633c40e1b40.overlays,
+                {"autoZIndex": true, "collapsed": false, "position": "topright"}
+            ).addTo(map_773ab2cbbd2942f299e46effb97f0f0d);
+            heat_map_43ba6322b9b94fa6844392a8f937e168.remove();
+
+</script>