Toronto is a crowded city with huge amounts of traffic. Everyday, over 2 million people commute to work, and possibly would expose to covid-19. We want to provide a one-shot solution to help people stay away from risks from infection, and help people make 42 | better commute decisions.
43 |47 |
Fine tuned Toronto covid data aren't readily available before we made it.
54 |We use APIs developed on our own to get up-to-date information about the covid.
58 |It aims to find the suitable route for customers with their commute preferences. Customize the trip with efficiency, convenience and safety.
62 |We provide the latest information about COVID-19, the Customized route for preventing potential risks. We are also able to recommend the nearest COVID-19 detecting point and hospital, and the analysis of drug stores. Moreover, we recommend the safe subway station given by travellers flows. From precaution to healing, we cover them all.
66 |We provide not only the efficient route for customers commuting to work, but also provide location of the nearest hospital and drug store options if customers feel uncomfortable. This would prevent infection in the first place.
70 |Customers are able to use this application through mobile devices easily. So people can receive the latest infromation by their mobile devices.
74 |abaaba
78 |Write this part after the project is almost done
83 |
4 |
5 | **D3** (or **D3.js**) is a JavaScript library for visualizing data using web standards. D3 helps you bring data to life using SVG, Canvas and HTML. D3 combines powerful visualization and interaction techniques with a data-driven approach to DOM manipulation, giving you the full capabilities of modern browsers and the freedom to design the right visual interface for your data.
6 |
7 | ## Resources
8 |
9 | * [Introduction](https://observablehq.com/@d3/learn-d3)
10 | * [API Reference](https://github.com/d3/d3/blob/master/API.md)
11 | * [Releases](https://github.com/d3/d3/releases)
12 | * [Examples](https://observablehq.com/@d3/gallery)
13 | * [Wiki](https://github.com/d3/d3/wiki)
14 |
15 | ## Installing
16 |
17 | If you use npm, `npm install d3`. Otherwise, download the [latest release](https://github.com/d3/d3/releases/latest). The released bundle supports anonymous AMD, CommonJS, and vanilla environments. You can load directly from [d3js.org](https://d3js.org), [CDNJS](https://cdnjs.com/libraries/d3), or [unpkg](https://unpkg.com/d3/). For example:
18 |
19 | ```html
20 |
21 | ```
22 |
23 | For the minified version:
24 |
25 | ```html
26 |
27 | ```
28 |
29 | You can also use the standalone D3 microlibraries. For example, [d3-selection](https://github.com/d3/d3-selection):
30 |
31 | ```html
32 |
33 | ```
34 |
35 | D3 is written using [ES2015 modules](http://www.2ality.com/2014/09/es6-modules-final.html). Create a [custom bundle using Rollup](https://bl.ocks.org/mbostock/bb09af4c39c79cffcde4), Webpack, or your preferred bundler. To import D3 into an ES2015 application, either import specific symbols from specific D3 modules:
36 |
37 | ```js
38 | import {scaleLinear} from "d3-scale";
39 | ```
40 |
41 | Or import everything into a namespace (here, `d3`):
42 |
43 | ```js
44 | import * as d3 from "d3";
45 | ```
46 |
47 | In Node:
48 |
49 | ```js
50 | const d3 = require("d3");
51 | ```
52 |
53 | You can also require individual modules and combine them into a `d3` object using [Object.assign](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/assign):
54 |
55 | ```js
56 | const d3 = Object.assign({}, require("d3-format"), require("d3-geo"), require("d3-geo-projection"));
57 | ```
58 |
--------------------------------------------------------------------------------
/STHacks-wtq/vis.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 |
9 |
10 |
11 |
12 | 52 | Toronto is a crowded city with huge amounts of traffic. Everyday, over 2 million people commute 53 | to work, and possibly would expose to covid-19. We want to provide a one-shot solution to help 54 | people stay away from risks from infection, and help people make better commute decisions. 55 |
56 |66 | Fine tuned Toronto covid data aren't readily available before we made it. Our data 67 | visualization and algorithms are more informative and straightforward than simple 68 | charts. 69 |
70 |75 | We use APIs from various sources and recommendation systems develop on our own to get 76 | up-to-date information about the covid. 77 |
78 |83 | Our data visualization, map systems, and recommendation system are incorporated with 84 | well-designed query systems for Toronto. With APIs and relevant data provided, we can 85 | apply our design to every city in the world. 86 |
87 |92 | For more reliable performance and effective presentation of features, we choose to use 93 | lightweight frameworks such as Leaflet.js and jQuery in our design. 94 |
95 |Data is preprocessed and pulled only when needed.
100 |All data come from reliable and trackable sources.
105 |Write this part after the project is almost done
110 |
4 |
5 | **D3** (or **D3.js**) is a JavaScript library for visualizing data using web standards. D3 helps you bring data to life using SVG, Canvas and HTML. D3 combines powerful visualization and interaction techniques with a data-driven approach to DOM manipulation, giving you the full capabilities of modern browsers and the freedom to design the right visual interface for your data.
6 |
7 | ## Resources
8 |
9 | * [Introduction](https://observablehq.com/@d3/learn-d3)
10 | * [API Reference](https://github.com/d3/d3/blob/master/API.md)
11 | * [Releases](https://github.com/d3/d3/releases)
12 | * [Examples](https://observablehq.com/@d3/gallery)
13 | * [Wiki](https://github.com/d3/d3/wiki)
14 |
15 | ## Installing
16 |
17 | If you use npm, `npm install d3`. Otherwise, download the [latest release](https://github.com/d3/d3/releases/latest). The released bundle supports anonymous AMD, CommonJS, and vanilla environments. You can load directly from [d3js.org](https://d3js.org), [CDNJS](https://cdnjs.com/libraries/d3), or [unpkg](https://unpkg.com/d3/). For example:
18 |
19 | ```html
20 |
21 | ```
22 |
23 | For the minified version:
24 |
25 | ```html
26 |
27 | ```
28 |
29 | You can also use the standalone D3 microlibraries. For example, [d3-selection](https://github.com/d3/d3-selection):
30 |
31 | ```html
32 |
33 | ```
34 |
35 | D3 is written using [ES2015 modules](http://www.2ality.com/2014/09/es6-modules-final.html). Create a [custom bundle using Rollup](https://bl.ocks.org/mbostock/bb09af4c39c79cffcde4), Webpack, or your preferred bundler. To import D3 into an ES2015 application, either import specific symbols from specific D3 modules:
36 |
37 | ```js
38 | import {scaleLinear} from "d3-scale";
39 | ```
40 |
41 | Or import everything into a namespace (here, `d3`):
42 |
43 | ```js
44 | import * as d3 from "d3";
45 | ```
46 |
47 | In Node:
48 |
49 | ```js
50 | const d3 = require("d3");
51 | ```
52 |
53 | You can also require individual modules and combine them into a `d3` object using [Object.assign](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/assign):
54 |
55 | ```js
56 | const d3 = Object.assign({}, require("d3-format"), require("d3-geo"), require("d3-geo-projection"));
57 | ```
58 |
--------------------------------------------------------------------------------
/combined/utils/firebase.js:
--------------------------------------------------------------------------------
1 | "use strict";
2 |
3 | const firebase = require("firebase-admin");
4 | const { SALT, FIREBASE_TOKEN } = require("../config");
5 | const crypto = require("crypto");
6 |
7 | const Firebase = firebase.initializeApp({
8 | credential: firebase.credential.cert(FIREBASE_TOKEN),
9 | });
10 |
11 | /**
12 | * Convert the text to salted and hashed version.
13 | * @param {string} text
14 | */
15 | const saltedHash = function (text) {
16 | return crypto.createHmac("sha256", SALT).update(text).digest("base64");
17 | };
18 |
19 | const db = Firebase.firestore();
20 |
21 | async function tokenCheck(token, email) {
22 | try {
23 | const id = token;
24 | const users = db.collection("user").doc(id);
25 | const query = await users
26 | .get()
27 | .then((doc) => {
28 | if (doc.exists) {
29 | if (doc.data().name == email) {
30 | return true;
31 | }
32 | }
33 | return false;
34 | })
35 | .catch((err) => {
36 | console.log("error with database", err);
37 | });
38 | return query;
39 | } catch (error) {
40 | console.log(error);
41 | return false;
42 | }
43 | }
44 |
45 | async function isLogin(req, res, next) {
46 | const { Token } = req.signedCookies;
47 | const { User } = req.cookies;
48 | if (Token && User && (await tokenCheck(Token, User))) {
49 | next();
50 | } else {
51 | res.redirect("/login");
52 | res.end();
53 | }
54 | }
55 |
56 | module.exports = {
57 | Firebase,
58 | db,
59 | saltedHash,
60 | tokenCheck,
61 | isLogin,
62 | };
63 |
--------------------------------------------------------------------------------
/docs/img/homepage.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/trojblue/SafeMap/e087305ac4ff705e406f84a28ce5b19223d6db5e/docs/img/homepage.png
--------------------------------------------------------------------------------
/docs/img/logo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/trojblue/SafeMap/e087305ac4ff705e406f84a28ce5b19223d6db5e/docs/img/logo.png
--------------------------------------------------------------------------------
/hackathon-01162-xxl/assets/css/Footer-Clean.css:
--------------------------------------------------------------------------------
1 | .footer-clean {
2 | padding: 50px 0;
3 | background-color: #fff;
4 | color: #4b4c4d;
5 | }
6 |
7 | .footer-clean h3 {
8 | margin-top: 0;
9 | margin-bottom: 12px;
10 | font-weight: bold;
11 | font-size: 16px;
12 | }
13 |
14 | .footer-clean ul {
15 | padding: 0;
16 | list-style: none;
17 | line-height: 1.6;
18 | font-size: 14px;
19 | margin-bottom: 0;
20 | }
21 |
22 | .footer-clean ul a {
23 | color: inherit;
24 | text-decoration: none;
25 | opacity: 0.8;
26 | }
27 |
28 | .footer-clean ul a:hover {
29 | opacity: 1;
30 | }
31 |
32 | .footer-clean .item.social {
33 | text-align: right;
34 | }
35 |
36 | @media (max-width:767px) {
37 | .footer-clean .item {
38 | text-align: center;
39 | padding-bottom: 20px;
40 | }
41 | }
42 |
43 | @media (max-width: 768px) {
44 | .footer-clean .item.social {
45 | text-align: center;
46 | }
47 | }
48 |
49 | .footer-clean .item.social > a {
50 | font-size: 24px;
51 | width: 40px;
52 | height: 40px;
53 | line-height: 40px;
54 | display: inline-block;
55 | text-align: center;
56 | border-radius: 50%;
57 | border: 1px solid #ccc;
58 | margin-left: 10px;
59 | margin-top: 22px;
60 | color: inherit;
61 | opacity: 0.75;
62 | }
63 |
64 | .footer-clean .item.social > a:hover {
65 | opacity: 0.9;
66 | }
67 |
68 | @media (max-width:991px) {
69 | .footer-clean .item.social > a {
70 | margin-top: 40px;
71 | }
72 | }
73 |
74 | @media (max-width:767px) {
75 | .footer-clean .item.social > a {
76 | margin-top: 10px;
77 | }
78 | }
79 |
80 | .footer-clean .copyright {
81 | margin-top: 14px;
82 | margin-bottom: 0;
83 | font-size: 13px;
84 | opacity: 0.6;
85 | }
86 |
87 |
--------------------------------------------------------------------------------
/hackathon-01162-xxl/assets/css/Login-Form-Clean-1.css:
--------------------------------------------------------------------------------
1 | .login-clean {
2 | background: #f1f7fc;
3 | /*padding: 80px 0;*/
4 | }
5 |
6 | .login-clean form {
7 | max-width: 320px;
8 | width: 90%;
9 | margin: 0 auto;
10 | background-color: #ffffff;
11 | padding: 40px;
12 | border-radius: 4px;
13 | color: #505e6c;
14 | box-shadow: 1px 1px 5px rgba(0,0,0,0.1);
15 | }
16 |
17 | .login-clean .illustration {
18 | text-align: center;
19 | padding: 0 0 20px;
20 | font-size: 100px;
21 | color: rgb(244,71,107);
22 | }
23 |
24 | .login-clean form .form-control {
25 | background: #f7f9fc;
26 | border: none;
27 | border-bottom: 1px solid #dfe7f1;
28 | border-radius: 0;
29 | box-shadow: none;
30 | outline: none;
31 | color: inherit;
32 | text-indent: 8px;
33 | height: 42px;
34 | }
35 |
36 | .login-clean form .btn-primary {
37 | background: #f4476b;
38 | border: none;
39 | border-radius: 4px;
40 | padding: 11px;
41 | box-shadow: none;
42 | margin-top: 26px;
43 | text-shadow: none;
44 | outline: none !important;
45 | }
46 |
47 | .login-clean form .btn-primary:hover, .login-clean form .btn-primary:active {
48 | background: #eb3b60;
49 | }
50 |
51 | .login-clean form .btn-primary:active {
52 | transform: translateY(1px);
53 | }
54 |
55 | .login-clean form .forgot {
56 | display: block;
57 | text-align: center;
58 | font-size: 12px;
59 | color: #6f7a85;
60 | opacity: 0.9;
61 | text-decoration: none;
62 | }
63 |
64 | .login-clean form .forgot:hover, .login-clean form .forgot:active {
65 | opacity: 1;
66 | text-decoration: none;
67 | }
68 |
69 |
--------------------------------------------------------------------------------
/hackathon-01162-xxl/assets/css/Login-Form-Clean.css:
--------------------------------------------------------------------------------
1 | .login-clean {
2 | /*background: #f1f7fc;*/
3 | /*padding: 80px 0;*/
4 | }
5 |
6 | .login-clean form {
7 | max-width: 320px;
8 | width: 90%;
9 | margin: 0 auto;
10 | background-color: #ffffff;
11 | padding: 40px;
12 | border-radius: 4px;
13 | color: #505e6c;
14 | box-shadow: 1px 1px 5px rgba(0,0,0,0.1);
15 | }
16 |
17 | .login-clean .illustration {
18 | text-align: center;
19 | padding: 0 0 20px;
20 | font-size: 100px;
21 | color: rgb(244,71,107);
22 | }
23 |
24 | .login-clean form .form-control {
25 | background: #f7f9fc;
26 | border: none;
27 | border-bottom: 1px solid #dfe7f1;
28 | border-radius: 0;
29 | box-shadow: none;
30 | outline: none;
31 | color: inherit;
32 | text-indent: 8px;
33 | height: 42px;
34 | }
35 |
36 | .login-clean form .btn-primary {
37 | background: #f4476b;
38 | border: none;
39 | border-radius: 4px;
40 | padding: 11px;
41 | box-shadow: none;
42 | margin-top: 26px;
43 | text-shadow: none;
44 | outline: none !important;
45 | }
46 |
47 | .login-clean form .btn-primary:hover, .login-clean form .btn-primary:active {
48 | background: #eb3b60;
49 | }
50 |
51 | .login-clean form .btn-primary:active {
52 | transform: translateY(1px);
53 | }
54 |
55 | .login-clean form .forgot {
56 | display: block;
57 | text-align: center;
58 | font-size: 12px;
59 | color: #6f7a85;
60 | opacity: 0.9;
61 | text-decoration: none;
62 | }
63 |
64 | .login-clean form .forgot:hover, .login-clean form .forgot:active {
65 | opacity: 1;
66 | text-decoration: none;
67 | }
68 |
69 |
--------------------------------------------------------------------------------
/hackathon-01162-xxl/assets/css/Map-Clean.css:
--------------------------------------------------------------------------------
1 | .map-clean {
2 | color: #313437;
3 | background-color: #fff;
4 | }
5 |
6 | .map-clean p {
7 | color: #7d8285;
8 | }
9 |
10 | .map-clean h2 {
11 | font-weight: bold;
12 | margin-bottom: 40px;
13 | padding-top: 40px;
14 | color: inherit;
15 | }
16 |
17 | @media (max-width:767px) {
18 | .map-clean h2 {
19 | margin-bottom: 25px;
20 | padding-top: 25px;
21 | font-size: 24px;
22 | }
23 | }
24 |
25 | .map-clean .intro {
26 | font-size: 16px;
27 | max-width: 500px;
28 | margin: 0 auto 40px;
29 | }
30 |
31 | .map-clean iframe {
32 | background-color: #eee;
33 | }
34 |
35 |
--------------------------------------------------------------------------------
/hackathon-01162-xxl/assets/css/Navigation-with-Button.css:
--------------------------------------------------------------------------------
1 | .navigation-clean-button {
2 | background: #fff;
3 | padding-top: .75rem;
4 | padding-bottom: .75rem;
5 | color: #333;
6 | border-radius: 0;
7 | box-shadow: none;
8 | border: none;
9 | margin-bottom: 0;
10 | }
11 |
12 | @media (min-width:768px) {
13 | .navigation-clean-button {
14 | padding-top: 1rem;
15 | padding-bottom: 1rem;
16 | }
17 | }
18 |
19 | .navigation-clean-button .navbar-brand {
20 | font-weight: bold;
21 | color: inherit;
22 | }
23 |
24 | .navigation-clean-button .navbar-brand:hover {
25 | color: #222;
26 | }
27 |
28 | .navigation-clean-button.navbar-dark .navbar-brand:hover {
29 | color: #f0f0f0;
30 | }
31 |
32 | .navigation-clean-button .navbar-brand img {
33 | height: 100%;
34 | display: inline-block;
35 | margin-right: 10px;
36 | width: auto;
37 | }
38 |
39 | .navigation-clean-button .navbar-toggler {
40 | border-color: #ddd;
41 | }
42 |
43 | .navigation-clean-button .navbar-toggler:hover, .navigation-clean-button .navbar-toggler:focus {
44 | background: none;
45 | }
46 |
47 | .navigation-clean-button.navbar-dark .navbar-toggler {
48 | border-color: #555;
49 | }
50 |
51 | .navigation-clean-button .navbar-toggler {
52 | color: #888;
53 | }
54 |
55 | .navigation-clean-button.navbar-dark .navbar-toggler {
56 | color: #eee;
57 | }
58 |
59 | .navigation-clean-button .navbar-collapse, .navigation-clean-button .form-inline {
60 | border-top-color: #ddd;
61 | }
62 |
63 | .navigation-clean-button.navbar-dark .navbar-collapse, .navigation-clean-button.navbar-dark .form-inline {
64 | border-top-color: #333;
65 | }
66 |
67 | .navigation-clean-button .navbar-nav a.active, .navigation-clean-button .navbar-nav > .show > a {
68 | background: none;
69 | box-shadow: none;
70 | }
71 |
72 | .navigation-clean-button.navbar-light .navbar-nav a.active, .navigation-clean-button.navbar-light .navbar-nav a.active:focus, .navigation-clean-button.navbar-light .navbar-nav a.active:hover {
73 | color: #8f8f8f;
74 | box-shadow: none;
75 | background: none;
76 | pointer-events: none;
77 | }
78 |
79 | .navigation-clean-button.navbar .navbar-nav .nav-link {
80 | padding-left: 18px;
81 | padding-right: 18px;
82 | }
83 |
84 | .navigation-clean-button.navbar-light .navbar-nav .nav-link {
85 | color: #465765;
86 | }
87 |
88 | .navigation-clean-button.navbar-light .navbar-nav .nav-link:focus, .navigation-clean-button.navbar-light .navbar-nav .nav-link:hover {
89 | color: #37434d !important;
90 | background-color: transparent;
91 | }
92 |
93 | .navigation-clean-button .navbar-nav > li > .dropdown-menu {
94 | margin-top: -5px;
95 | box-shadow: 0 4px 8px rgba(0,0,0,.1);
96 | background-color: #fff;
97 | border-radius: 2px;
98 | }
99 |
100 | .navigation-clean-button .dropdown-menu .dropdown-item:focus, .navigation-clean-button .dropdown-menu .dropdown-item {
101 | line-height: 2;
102 | font-size: 14px;
103 | color: #37434d;
104 | }
105 |
106 | .navigation-clean-button .dropdown-menu .dropdown-item:focus, .navigation-clean-button .dropdown-menu .dropdown-item:hover {
107 | background: #eee;
108 | color: inherit;
109 | }
110 |
111 | @media (max-width:767px) {
112 | .navigation-clean-button .navbar-nav .show .dropdown-menu {
113 | box-shadow: none;
114 | }
115 | }
116 |
117 | @media (max-width:767px) {
118 | .navigation-clean-button .navbar-nav .show .dropdown-menu .dropdown-item {
119 | color: #37434d;
120 | padding-top: 12px;
121 | padding-bottom: 12px;
122 | line-height: 1;
123 | }
124 | }
125 |
126 | .navigation-clean-button.navbar-dark {
127 | background-color: #1f2021;
128 | color: #fff;
129 | }
130 |
131 | .navigation-clean-button.navbar-dark .navbar-nav a.active, .navigation-clean-button.navbar-dark .navbar-nav a.active:focus, .navigation-clean-button.navbar-dark .navbar-nav a.active:hover {
132 | color: #8f8f8f;
133 | box-shadow: none;
134 | background: none;
135 | pointer-events: none;
136 | }
137 |
138 | .navigation-clean-button.navbar-dark .navbar-nav .nav-link {
139 | color: #dfe8ee;
140 | }
141 |
142 | .navigation-clean-button.navbar-dark .navbar-nav .nav-link:focus, .navigation-clean-button.navbar-dark .navbar-nav .nav-link:hover {
143 | color: #fff !important;
144 | background-color: transparent;
145 | }
146 |
147 | .navigation-clean-button.navbar-dark .navbar-nav > li > .dropdown-menu {
148 | background-color: #1f2021;
149 | }
150 |
151 | .navigation-clean-button.navbar-dark .dropdown-menu .dropdown-item:focus, .navigation-clean-button.navbar-dark .dropdown-menu .dropdown-item {
152 | color: #f2f5f8;
153 | }
154 |
155 | .navigation-clean-button.navbar-dark .dropdown-menu .dropdown-item:focus, .navigation-clean-button.navbar-dark .dropdown-menu .dropdown-item:hover {
156 | background: #363739;
157 | }
158 |
159 | @media (max-width:767px) {
160 | .navigation-clean-button.navbar-dark .navbar-nav .show .dropdown-menu .dropdown-item {
161 | color: #fff;
162 | }
163 | }
164 |
165 | .navigation-clean-button .actions .login {
166 | margin-right: 1rem;
167 | text-decoration: none;
168 | color: #465765;
169 | }
170 |
171 | .navigation-clean-button.navbar-dark .actions .login {
172 | color: #dfe8ee;
173 | }
174 |
175 | .navigation-clean-button.navbar-dark .actions .login:hover {
176 | color: #fff;
177 | }
178 |
179 | .navigation-clean-button .navbar-text .action-button, .navigation-clean-button .navbar-text .action-button:active, .navigation-clean-button .navbar-text .action-button:hover {
180 | background: #508991;
181 | border-radius: 20px;
182 | font-size: inherit;
183 | color: #fff;
184 | box-shadow: none;
185 | border: none;
186 | text-shadow: none;
187 | padding: .5rem 1rem;
188 | transition: background-color 0.25s;
189 | font-size: inherit;
190 | }
191 |
192 | .navigation-clean-button .navbar-text .action-button:hover {
193 | background: #508991;
194 | }
195 |
196 | .navigation-clean-button.navbar-dark .action-button, .navigation-clean-button.navbar-dark .action-button:active {
197 | background: #208f8f;
198 | }
199 |
200 | .navigation-clean-button.navbar-dark .action-button:hover {
201 | background: #269d9d;
202 | }
203 |
204 |
--------------------------------------------------------------------------------
/hackathon-01162-xxl/assets/css/Search-Input-Responsive-with-Icon.css:
--------------------------------------------------------------------------------
1 | .form-control-borderless {
2 | border: none;
3 | }
4 |
5 | .form-control-borderless:hover, .form-control-borderless:active, .form-control-borderless:focus {
6 | border: none;
7 | outline: none;
8 | box-shadow: none;
9 | }
10 |
11 |
--------------------------------------------------------------------------------
/hackathon-01162-xxl/assets/css/mainCover.css:
--------------------------------------------------------------------------------
1 | .contact-clean {
2 | background: #f1f7fc;
3 | padding: 80px 0;
4 | }
5 |
6 | @media (max-width:767px) {
7 | .contact-clean {
8 | padding: 20px 0;
9 | }
10 | }
11 |
12 | div {
13 | }
14 |
15 | h1.main-title {
16 | font-family: 'Roboto';
17 | /*width: 450px;*/
18 | /*height: 168px;*/
19 | /*left: 116px;*/
20 | top: 198px;
21 | font-family: Roboto;
22 | font-style: normal;
23 | font-weight: bold;
24 | font-size: 60px;
25 | line-height: 84px;
26 | color: #13262F;
27 | margin-top: 1.4em;
28 | }
29 |
30 | h5.map-code {
31 | position: absolute;
32 | /*width: 131px;*/
33 | /*height: 28px;*/
34 | /*left: 116px;*/
35 | top: 60px;
36 | font-family: Roboto;
37 | font-style: normal;
38 | font-weight: bold;
39 | font-size: 24px;
40 | line-height: 28px;
41 | color: #969696;
42 | margin-top: 0em;
43 | }
44 |
45 | .btn:not(:disabled):not(.disabled) {
46 | background-color: #66d7d7;
47 | border: none;
48 | border-radius: 20px;
49 | }
50 |
51 | div.frontMap {
52 | margin-top: 6em;
53 | }
54 |
55 |
--------------------------------------------------------------------------------
/hackathon-01162-xxl/assets/css/styles.css:
--------------------------------------------------------------------------------
1 | div {
2 | }
3 |
4 | .btn:not(:disabled):hover {
5 | background-color: #172A3a;
6 | }
7 |
8 | .h1, .h2, .h3, .h4, .h5, h1, h2, h3, h4, h5, div, p, a {
9 | color: #13262F;
10 | }
11 |
12 | .h5, h5 {
13 | color: #13262F;
14 | }
15 |
16 | body {
17 | background-color: #FFFBFE;
18 | }
19 |
20 | .div.mapHome {
21 | margin-top: 6.28rem;
22 | }
23 |
24 | h1.login-prompt {
25 | /*margin-top: 3em;*/
26 | font-family: 'Roboto';
27 | left: 116px;
28 | font-family: Roboto;
29 | font-style: normal;
30 | font-weight: normal;
31 | font-size: 50px;
32 | line-height: 65px;
33 | color: #13262F;
34 | /*padding-left: 0.5em;*/
35 | }
36 |
37 | .login-clean {
38 | padding: 40px 0 !important;
39 | background: none;
40 | }
41 |
42 | .login-clean form {
43 | background-color: #FFFBFE;
44 | }
45 |
46 |
--------------------------------------------------------------------------------
/hackathon-01162-xxl/assets/fonts/fa-brands-400.eot:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/trojblue/SafeMap/e087305ac4ff705e406f84a28ce5b19223d6db5e/hackathon-01162-xxl/assets/fonts/fa-brands-400.eot
--------------------------------------------------------------------------------
/hackathon-01162-xxl/assets/fonts/fa-brands-400.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/trojblue/SafeMap/e087305ac4ff705e406f84a28ce5b19223d6db5e/hackathon-01162-xxl/assets/fonts/fa-brands-400.ttf
--------------------------------------------------------------------------------
/hackathon-01162-xxl/assets/fonts/fa-brands-400.woff:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/trojblue/SafeMap/e087305ac4ff705e406f84a28ce5b19223d6db5e/hackathon-01162-xxl/assets/fonts/fa-brands-400.woff
--------------------------------------------------------------------------------
/hackathon-01162-xxl/assets/fonts/fa-brands-400.woff2:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/trojblue/SafeMap/e087305ac4ff705e406f84a28ce5b19223d6db5e/hackathon-01162-xxl/assets/fonts/fa-brands-400.woff2
--------------------------------------------------------------------------------
/hackathon-01162-xxl/assets/fonts/fa-regular-400.eot:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/trojblue/SafeMap/e087305ac4ff705e406f84a28ce5b19223d6db5e/hackathon-01162-xxl/assets/fonts/fa-regular-400.eot
--------------------------------------------------------------------------------
/hackathon-01162-xxl/assets/fonts/fa-regular-400.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/trojblue/SafeMap/e087305ac4ff705e406f84a28ce5b19223d6db5e/hackathon-01162-xxl/assets/fonts/fa-regular-400.ttf
--------------------------------------------------------------------------------
/hackathon-01162-xxl/assets/fonts/fa-regular-400.woff:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/trojblue/SafeMap/e087305ac4ff705e406f84a28ce5b19223d6db5e/hackathon-01162-xxl/assets/fonts/fa-regular-400.woff
--------------------------------------------------------------------------------
/hackathon-01162-xxl/assets/fonts/fa-regular-400.woff2:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/trojblue/SafeMap/e087305ac4ff705e406f84a28ce5b19223d6db5e/hackathon-01162-xxl/assets/fonts/fa-regular-400.woff2
--------------------------------------------------------------------------------
/hackathon-01162-xxl/assets/fonts/fa-solid-900.eot:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/trojblue/SafeMap/e087305ac4ff705e406f84a28ce5b19223d6db5e/hackathon-01162-xxl/assets/fonts/fa-solid-900.eot
--------------------------------------------------------------------------------
/hackathon-01162-xxl/assets/fonts/fa-solid-900.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/trojblue/SafeMap/e087305ac4ff705e406f84a28ce5b19223d6db5e/hackathon-01162-xxl/assets/fonts/fa-solid-900.ttf
--------------------------------------------------------------------------------
/hackathon-01162-xxl/assets/fonts/fa-solid-900.woff:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/trojblue/SafeMap/e087305ac4ff705e406f84a28ce5b19223d6db5e/hackathon-01162-xxl/assets/fonts/fa-solid-900.woff
--------------------------------------------------------------------------------
/hackathon-01162-xxl/assets/fonts/fa-solid-900.woff2:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/trojblue/SafeMap/e087305ac4ff705e406f84a28ce5b19223d6db5e/hackathon-01162-xxl/assets/fonts/fa-solid-900.woff2
--------------------------------------------------------------------------------
/hackathon-01162-xxl/assets/fonts/ionicons.eot:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/trojblue/SafeMap/e087305ac4ff705e406f84a28ce5b19223d6db5e/hackathon-01162-xxl/assets/fonts/ionicons.eot
--------------------------------------------------------------------------------
/hackathon-01162-xxl/assets/fonts/ionicons.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/trojblue/SafeMap/e087305ac4ff705e406f84a28ce5b19223d6db5e/hackathon-01162-xxl/assets/fonts/ionicons.ttf
--------------------------------------------------------------------------------
/hackathon-01162-xxl/assets/fonts/ionicons.woff:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/trojblue/SafeMap/e087305ac4ff705e406f84a28ce5b19223d6db5e/hackathon-01162-xxl/assets/fonts/ionicons.woff
--------------------------------------------------------------------------------
/hackathon-01162-xxl/assets/img/arch.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/trojblue/SafeMap/e087305ac4ff705e406f84a28ce5b19223d6db5e/hackathon-01162-xxl/assets/img/arch.jpg
--------------------------------------------------------------------------------
/hackathon-01162-xxl/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 | Nullam id dolor id nibh ultricies vehicula ut id elit. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus.
Nullam id dolor id nibh ultricies vehicula ut id elit. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus.
Nullam id dolor id nibh ultricies vehicula ut id elit. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus.
A prototype API for distant reading of science fiction novels.
''' 37 | 38 | @app.route('/foo', methods=['POST']) 39 | def foo(): 40 | response = flask.jsonify({'result': request.json}) 41 | response.headers.add('Access-Control-Allow-Origin', '*') 42 | return response 43 | 44 | @app.route('/api/v1/resources/books/all', methods=['GET']) 45 | def api_all(): 46 | return jsonify(books) 47 | 48 | 49 | @app.route('/api/v1/resources/books', methods=['GET']) 50 | def api_id(): 51 | # Check if an ID was provided as part of the URL. 52 | # If ID is provided, assign it to a variable. 53 | # If no ID is provided, display an error in the browser. 54 | if 'id' in request.args: 55 | id = int(request.args['id']) 56 | else: 57 | return "Error: No id field provided. Please specify an id." 58 | 59 | # Create an empty list for our results 60 | results = [] 61 | 62 | # Loop through the data and match results that fit the requested ID. 63 | # IDs are unique, but other fields might return many results 64 | for book in books: 65 | if book['id'] == id: 66 | results.append(book) 67 | 68 | # Use the jsonify function from Flask to convert our list of 69 | # Python dictionaries to the JSON format. 70 | return jsonify(results) 71 | 72 | app.run() 73 | -------------------------------------------------------------------------------- /python-xxl/rec.py: -------------------------------------------------------------------------------- 1 | import csv 2 | import math 3 | import knn, flask 4 | from flask import request, jsonify 5 | from flask_cors import CORS 6 | 7 | HOSPITALS = "./data/all_hospitals_in_toronto.csv" 8 | CASES = "./data/covid_cases_total.csv" 9 | COMMUNITY = "./data/covid_neighborhood_data.csv" 10 | ASSESSMENT = "./data/assessment_center_locations_utf8.csv" 11 | 12 | 13 | class communityNotFoundError(Exception): 14 | pass 15 | 16 | def get_assessment_list(coords): 17 | reader = csv.DictReader(open(ASSESSMENT, 'rt', encoding="utf8")) 18 | dict_list = [] 19 | for line in reader: 20 | if not line['longitude']: 21 | continue 22 | try: 23 | curr_coord = (float(line['longitude']), float(line['latitude'])) #这里和get_hospital_list不一样 24 | curr_dist = math.dist(curr_coord, coords) 25 | line['dist'] = curr_dist 26 | line['X'] = curr_coord[0] 27 | line['Y'] = curr_coord[1] 28 | dict_list.append(line) 29 | dict_list.append(line) 30 | except ValueError: 31 | continue 32 | return dict_list 33 | 34 | def get_hospital_list(coords): 35 | """coords: (x, y) 36 | return:[Dict(json)] 37 | """ 38 | reader = csv.DictReader(open(HOSPITALS, 'rt', encoding="utf8")) 39 | dict_list = [] 40 | for line in reader: 41 | x, y = float(line['\ufeffX']), float(line['Y']) 42 | curr_dist = math.dist((x,y), coords) 43 | line['dist'] = curr_dist 44 | 45 | line['X']=str(x) #修复开头的乱码 46 | # line.pop('\ufeffX', None) 47 | 48 | dict_list.append(line) 49 | return dict_list 50 | 51 | def get_cases_list(coords): 52 | """coords: (x, y) 53 | return:[Dict(json)] 54 | """ 55 | reader = csv.DictReader(open(CASES, 'rt', encoding="utf8")) 56 | dict_list = [] 57 | for line in reader: 58 | curr_coord = (float(line['X']), float(line['Y'])) #这里和get_hospital_list不一样 59 | curr_dist = math.dist(curr_coord, coords) 60 | line['dist'] = curr_dist 61 | dict_list.append(line) 62 | return dict_list 63 | 64 | 65 | def get_community_list(): 66 | reader = csv.DictReader(open(COMMUNITY, 'rt', encoding="utf8")) 67 | dict_list = [] 68 | for line in reader: 69 | dict_list.append(line) 70 | return dict_list 71 | 72 | def get_community_by_id(id:str): 73 | """输入id, 输出community json 74 | community的csv不大, 所以直接重复读取了 75 | """ 76 | com = get_community_list() 77 | 78 | for i in com: 79 | if id in i.values(): 80 | return i 81 | 82 | return None 83 | 84 | def get_community(com_id, com_list): 85 | curr_community = None # 找community json 86 | for com in com_list: 87 | if com['Neighbourhood ID'] == com_id: 88 | curr_community = com 89 | break 90 | if not curr_community: 91 | raise communityNotFoundError 92 | return curr_community 93 | 94 | 95 | def get_infection_rate_list(lst_sorted, count): 96 | """helper; 距离最近count个医院添加感染率信息 97 | lst:sorted: 按距离从小到大排列的所有医院 98 | """ 99 | com_list = get_community_list() 100 | rate_basis = lst_sorted[:count] 101 | 102 | clf = knn.get_classifier() 103 | for base in rate_basis: 104 | coords = (base['X'], base['Y']) 105 | com_id = knn.get_community(clf, coords) # 三位数str 106 | base['community'] = com_id 107 | curr_community = get_community(com_id, com_list) 108 | 109 | base['infection_rate'] = curr_community['Rate per 100,000 people'] 110 | return rate_basis 111 | 112 | 113 | def get_recommend(coord): 114 | """返回List[[json],[json],[json]] 115 | 对应最短路径, 最短路径walk-in, 感染率最低 116 | """ 117 | response = [] 118 | lst = get_assessment_list(coord) 119 | lst_sorted = sorted(lst, key=lambda k: k['dist']) # 距离从少到大排列 120 | response.append(lst_sorted[:3]) 121 | 122 | walk_ins = [] # 最短路径walk-in 123 | for i in lst_sorted: 124 | if i.get('walk_ins', None).lower() == 'yes' and len(walk_ins) < 3: 125 | walk_ins.append(i) 126 | response.append(walk_ins) 127 | 128 | rate_basis = get_infection_rate_list(lst_sorted, count=20) # 距离最近20个医院添加感染率信息 129 | rate_lst_sorted = sorted(rate_basis, key=lambda k: k['infection_rate']) 130 | response.append(rate_lst_sorted[:3]) 131 | 132 | return response 133 | 134 | def run_flask_server(): 135 | app = flask.Flask(__name__) 136 | app.config["DEBUG"] = True 137 | CORS(app) 138 | 139 | # @app.route('/foo', methods=['POST']) 140 | # def foo(): 141 | # response = flask.jsonify({'result': request.json}) 142 | # response.headers.add('Access-Control-Allow-Origin', '*') 143 | # return response 144 | 145 | @app.route('/foo', methods=['POST']) 146 | def recommend(): 147 | x, y = request.json['lac'], request.json['lng'] #TODO: 记得改回X和Y 148 | recommends = get_recommend((float(x), float(y))) 149 | 150 | response = flask.jsonify({'result': { 151 | 'nearest':recommends[0], 152 | 'nearest_walk_in':recommends[1], 153 | 'nearest_safest':recommends[2] 154 | }}) 155 | response.headers.add('Access-Control-Allow-Origin', '*') 156 | return response 157 | 158 | app.run() 159 | 160 | 161 | 162 | if __name__ == '__main__': 163 | 164 | print("flask server running...") 165 | run_flask_server() 166 | 167 | 168 | 169 | 170 | 171 | 172 | 173 | 174 | 175 | --------------------------------------------------------------------------------