-
Notifications
You must be signed in to change notification settings - Fork 15
/
Copy pathsouth-korea.html
165 lines (157 loc) · 6.96 KB
/
south-korea.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
<!DOCTYPE html>
<html lang="ko">
<head>
<title>코로나바이러스 (코로나19) 국내 발생 현황</title>
<meta charset="utf-8" />
<!--
Name: index.html
Purpose: This HTML file creates an interactive web map of COVID-19 cases using
data from the GitHub repository and REST API of Johns Hopkins CSSE,
DXY, KCDC, StatisticheCoronavirus, and Minsal.
Author: Huidae Cho
Since: February 2, 2020
Copyright (C) 2020, Huidae Cho <https://idea.isnew.info>
This program is free software: you can redistribute it and/or modify
it under the terms of the GNU Affero General Public License as
published by the Free Software Foundation, either version 3 of the
License, or (at your option) any later version.
This program is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
GNU Affero General Public License for more details.
You should have received a copy of the GNU Affero General Public License
along with this program. If not, see <https://www.gnu.org/licenses/>.
-->
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="refresh" content="1800" />
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/openlayers/openlayers.github.io@master/en/v6.1.1/css/ol.css" />
<script src="https://cdn.jsdelivr.net/gh/openlayers/openlayers.github.io@master/en/v6.1.1/build/ol.js"></script>
<link rel="stylesheet" href="ol-ext-3.1.11/dist/ol-ext.min.css" />
<script type="text/javascript" src="ol-ext-3.1.11/dist/ol-ext.min.js"></script>
<script src="https://cdn.plot.ly/plotly-latest.min.js"></script>
<script src="https://code.iconify.design/1/1.0.4/iconify.min.js"></script>
<link rel="stylesheet" href="covid-19.css" />
<script>
/*******************************************************************************
* CONFIGURATION
******************************************************************************/
// XXX: Add your Bing Maps key here and secure it from the Bing Maps Dev Center
// at https://www.bingmapsportal.com
const bingMapsKey = 'AhuHr9JixtsyKu9uSOQ8W0lIr7_gC2KiFxOlmshvRDb_BSWDkhnGX7oeS5zJzHo0';
const dataUrl = 'geodata.json'
const dataSources = '<a href="https://arcg.is/0fHmTX">CSSE</a><sup><a href="https://github.com/CSSEGISandData/COVID-19/tree/master/csse_covid_19_data/csse_covid_19_daily_reports">1</a>' +
',<a href="https://services9.arcgis.com/N9p5hsImWXAccRNI/arcgis/rest/services/Nc2JKvYFoAEOFCG5JSI6/FeatureServer/1/query?where=1%3D1&outFields=*&f=json">2</a></sup>' +
', <a href="http://ncov.mohw.go.kr/bdBoardList_Real.do">질병관리본부</a>' +
'';
const mapUnits = 'metric';
// median days from first symptom to death
const averageDaysFromConfirmedToDeath = 14;
const plotsMenuItems = [
'Cumulative',
'Increase',
'CFR',
'Confirmed',
'Recovered',
'Deaths',
];
const hasDuplicateData = [
'South Korea',
'Italy',
'Chile',
];
const countryToDisplay = 'South Korea';
// OPTIONAL TRANSLATION
const words = {
'COVID-19 cases': '코로나19 현황',
'Base maps': '바탕 지도',
'Open Street': '오픈 스트리트',
'Bing aerial': '빙 위성지도',
'Water color': '수채화',
'Data sources': '자료 출처',
'Confirmed': '확진',
'Recovered': '격리해제',
'Deaths': '사망',
'Active': '격리중',
'CFR d/(d+r)': '치명률 d/(d+r)',
'Cumulative': '누적',
'Increase': '증가',
'CFR': '치명률',
'Seoul': '서울',
'Busan': '부산',
'Daegu': '대구',
'Incheon': '인천',
'Gwangju': '광주',
'Daejeon': '대전',
'Ulsan': '울산',
'Sejong': '세종',
'Gyeonggi': '경기',
'Gangwon': '강원',
'Chungbuk': '충북',
'Chungnam': '충남',
'Jeonbuk': '전북',
'Jeonnam': '전남',
'Gyeongbuk': '경북',
'Gyeongnam': '경남',
'Jeju': '제주',
'Quarantine': '검역',
};
const getTextFunctions = {
'count': function(x){return x.toLocaleString() + ' 명';},
'confirmed': function(x){return '확진 ' + getTextFunctions['count'](x);},
'recovered': function(x){return '격리해제 ' + getTextFunctions['count'](x);},
'deaths': function(x){return '사망 ' + getTextFunctions['count'](x);},
};
/*******************************************************************************
* END OF CONFIGURATION
******************************************************************************/
</script>
</head>
<body>
<div id="header">
<h1>코로나바이러스 <span class="desktop-inline">(코로나19)</span> 국내 발생 현황</h1>
<span id="virus" class="iconify" data-icon="mdi:virus"></span>
<div class="follow-me">
<div class="icons">
<a href="https://github.com/HuidaeCho/covid-19"><span class="iconify" data-icon="fa-solid:code-branch"></span></a>
<a href="https://github.com/HuidaeCho"><span class="iconify" data-icon="fa-brands:github"></span></a>
<a href="https://twitter.com/HuidaeCho"><span class="iconify" data-icon="fa-brands:twitter"></span></a>
<a href="https://researchgate.net/profile/Huidae_Cho"><span class="iconify" data-icon="fa-brands:researchgate"></span></a>
<a href="https://linkedin.com/in/HuidaeCho"><span class="iconify" data-icon="fa-brands:linkedin"></span></a>
</div>
<div class="author"><a href="https://idea.isnew.info">조희대</a>가 2020년 2월 2일 공개</div>
</div>
<div class="desktop-block">
이 웹맵은 존스 홉킨스 대학의 <a href="https://arcg.is/0fHmTX">코로나19 전세계 현황 웹맵</a>을 오픈소스로 구현했습니다.
자료는 30분마다 갱신됩니다.
이 웹사이트를 이용함으로써 발생하는 어떠한 손실에 대해서도 개발자는 책임지지 않습니다.
<a href="https://github.com/HuidaeCho/covid-19/issues">제안</a>
</div>
<div class="mobile-block">
존스 홉킨스 대학의 <a href="https://arcg.is/0fHmTX">웹맵</a>을 오픈소스로 구현했습니다.
<a href="https://github.com/HuidaeCho/covid-19/blob/master/README.md#disclaimer">주의사항</a>
<a href="https://github.com/HuidaeCho/covid-19/issues">제안</a>
</div>
<div id="legend"><span class="iconify" data-icon="mdi:map-legend"></span> 확진: 로그스케일, 기타: 확진과의 비율, 격리중 비율: 불투명도</div>
<div id="country-links-wrap"><span id="country-links"> </span></div>
</div>
<div id="map"></div>
<div id="info">
<div id="summary">
<h2>국내 발생 현황</h2>
<div id="last-updated-label">마지막 갱신:</div><div id="last-updated"></div>
<table id="global-stats">
<tr class="confirmed"><td>확진:</td><td id="total-confirmed" class="numeric"></td></tr>
<tr class="recovered"><td>격리해제:</td><td id="total-recovered" class="numeric"></td></tr>
<tr class="deaths"><td>사망:</td><td id="total-deaths" class="numeric"></td></tr>
</table>
<div class="cfr">치명률<sup><a href="https://www.worldometers.info/coronavirus/coronavirus-death-rate/"><span class="iconify" data-icon="fa:external-link"></span></a></sup>: <span id="cfr"></span></div>
</div>
<div id="plots">
<div id="plots-menu" class="plots-menu"></div>
<div id="plot"></div>
</div>
<div id="stats-by-province"></div>
</div>
<script src="covid-19.js"></script>
</body>
</html>