-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathmap.html
511 lines (490 loc) · 28.7 KB
/
map.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
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
<!DOCTYPE html>
<html>
<head>
<meta charset='utf-8' />
<title>layers</title>
<meta name='viewport' content='initial-scale=1,maximum-scale=1,user-scalable=no' />
<link href='https://api.mapbox.com/mapbox-gl-js/v2.12.0/mapbox-gl.css' rel='stylesheet' />
<link href='https://watergis.github.io/mapbox-gl-legend/mapbox-gl-legend.css' rel='stylesheet' />
<script src='https://api.mapbox.com/mapbox-gl-js/v2.12.0/mapbox-gl.js'></script>
<!-- <script src="https://lf9-cdn-tos.bytecdntp.com/cdn/expire-1-M/jquery/3.6.0/jquery.js" type="application/javascript"></script> -->
<script src="https://watergis.github.io/mapbox-gl-legend/mapbox-gl-legend.js"></script>
<script src="./lib/jquery-3.5.1.min.js"></script>
<script src="./lib/d3.v5.min.js"></script>
<script src="./lib/echarts.min.js"></script>
<link href='./style.css' rel='stylesheet' />
</head>
<body>
<div id='map'></div>
<div class="zoomTool">
<div id="zoomIn" class="item"> + </div>
<div id="zoomOut" class="item"> - </div>
</div>
<main>
<section class="section section-map">
<div class="container">
<img src="./data/img/line1.png" />
<p>
As the first metro line in Shanghai, Line 1 of the Shanghai Metro is a critical north-south route that starts
from Fujin Road and extends to Xinzhuang, passing through key locations including Shanghai Railway Station,
People's Square, and Xujiahui. As the inaugural line of the metro system, it experiences heavy usage with
daily ridership surpassing 1 million passengers due to its connectivity to significant areas. The line's
layout varies by region; it operates at grade adjacent to the Shanghai–Hangzhou railway in the south,
underground in central areas, and is elevated along the North–South Elevated Road in the north. It is
represented by the color red on transit maps.
</p>
</div>
</section>
<section class="section section-map">
<div class="container">
<img src="./data/img/line2.png" />
<p>
Line 2 of the Shanghai Metro, stretching nearly 64 km, is the network's second longest line. It traverses an
east-west route from East Xujing to Pudong International Airport, connecting significant points such as
Hongqiao Airport, the Huangpu River, and the Lujiazui Financial District. With a daily patronage of over 1.9
million, it ranks as the most frequented line in the system. Previously, the segment from Guanglan Road to
Pudong International Airport operated semi-independently until through service commenced on April 19, 2019.
The line is depicted in light green on transit maps.
</p>
</div>
</section>
<section class="section section-map">
<div class="container">
<img src="./data/img/line3.png" />
<p>
Line 3 of the Shanghai Metro is a north-south route distinguished by its bright yellow color belt on older
rolling stock and a yellow and purple livery on newer trains. Unique within the metro system, Line 3 is
primarily an elevated line, fully above ground except for the segment near Tieli Road at the Baosteel Group
Corporation entrance. It stretches from North Jiangyang Road to Shanghai South Railway Station, intersecting
with Line 1. Unlike Line 1's direct city center path, Line 3 encircles the city center, aligning with the
Inner Ring Road from Caoxi Road to Zhongtan Road before turning east towards the Shanghai–Nanjing railway
route. The line is represented in yellow on system maps.
</p>
</div>
</section>
<section class="section section-map">
<div class="container">
<img src="./data/img/line4.png" />
<p>
Line 4 of the Shanghai Metro, distinguished by its loop configuration, uses a color coding system with older
trains sporting a bright purple belt and newer ones featuring a yellow and purple livery to differentiate from
Line 3, with which it shares a route. The direction of travel is indicated as "Outer Loop" for
counter-clockwise movement and "Inner Loop" for the opposite, with Yishan Road serving as a terminal for
disembarking passengers before trains return to the depot. The line, which opened in stages with the first
"C"-shaped segment between Damuqiao Road and Lancun Road launching on December 31, 2005, and the remaining
section on December 29, 2007, is marked in purple on system maps.
</p>
</div>
</section>
<section class="section section-map">
<div class="container">
<img src="./data/img/line5.png" />
<p>
Line 5 of the Shanghai Metro, a north-south route connecting Xinzhuang station in Minhang District to Fengxian
Xincheng in Fengxian District, was initially envisioned as an extension of Line 1 going southward to Minhang
and later opened as the fourth operational metro line on November 25, 2003. It is designated with a violet
color on system maps, highlighting its path through the network.
</p>
</div>
</section>
<section class="section section-map">
<div class="container">
<img src="./data/img/line6.png" />
<p>
Line 6 of the Shanghai Metro, known as the "Hello Kitty Line" for its distinctive lurid pink livery, is an
eastern north-south route entirely within Pudong New Area, opening on December 29, 2007, and colored magenta
on system maps. A full journey between its terminals, Gangcheng Road and Oriental Sports Center, takes around
1 hour and 10 minutes.
</p>
</div>
</section>
<section class="section section-map">
<div class="container">
<img src="./data/img/line7.png" />
<p>
Line 7 of the Shanghai Metro, serving as a northwest-southeast connector, links Baoshan District with
Shanghai's downtown, Pudong New Area, and the Expo 2010 site, stretching from Meilan Lake to Huamu Road near
the Shanghai New International Expo Center. Designated with an orange color on system maps, Qihua Road acts as
the terminus for trains heading back to the Chentai Road depot.
</p>
</div>
</section>
<section class="section section-map">
<div class="container">
<img src="./data/img/line8.png" />
<p>
Line 8 of the Shanghai Metro operates as a north-south route, extending from Shiguang Road in Yangpu District
to Shendu Highway in Minhang. It is represented by the color cyan on system maps.
</p>
</div>
</section>
<section class="section section-map">
<div class="container">
<img src="./data/img/line9.png" />
<p>
Line 9 of the Shanghai Metro spans from Songjiang South Railway Station in Songjiang District to Caolu in
Pudong, following a southwest-northeast direction. It is depicted in light blue on system maps.
</p>
</div>
</section>
<section class="section section-map">
<div class="container">
<img src="./data/img/line10.png" />
<p>
Line 10 of the Shanghai Metro, dubbed the "Golden Line" for connecting major tourist destinations such as
Yuyuan and Xintiandi, opened on April 10, 2010, and stretches from Jilong Road to Hongqiao Railway Station,
with a branch from Longxi Road to Hangzhong Road. Unique for its numbered station codes and as mainland
China's first high-density, high-volume, fully automatic subway line (operating under GoA4 unattended train
operation), it links Hongqiao International Airport with downtown Shanghai and the residential areas of Yangpu
and Hongkou, marked by a lilac color on system maps.
</p>
</div>
</section>
<section class="section section-map">
<div class="container">
<img src="./data/img/line11.png" />
<p>
Since October 2013, Line 11 of the Shanghai Metro, a northwest-southeast route, has extended its service to
Kunshan city, becoming the first intercity metro in China to cross a provincial boundary and the second
intercity metro after the Guangfo Metro. With a length of 82.386 kilometers, it stands as the second-longest
single-line subway in China, following Chongqing's Line 6, and is marked brown on system maps.
</p>
</div>
</section>
<section class="section section-map">
<div class="container">
<img src="./data/img/line12.png" />
<p>
Line 12 of the Shanghai Metro, an east-west line, stretches from Jinhai Road in Pudong to Qixin Road in
Minhang District, with its first section opening in December 2013 and full operation achieved by December
2015, making it the line with the most interchanges in the Shanghai Metro network. It is represented by a
forest green color on system maps.
</p>
</div>
</section>
<section class="section section-map">
<div class="container">
<img src="./data/img/line13.png" />
<p>
Line 13 of the Shanghai Metro, running from Jinyun Road in Jiading to Zhangjiang Road in Pudong, once served
as a dedicated Expo line for the 2010 Shanghai World Expo. It is depicted in pink on system maps.
</p>
</div>
</section>
<section class="section section-map">
<div class="container">
<img src="./data/img/line15.png" />
<p>
Line 15 of the Shanghai Metro, a north-south route that opened on January 23, 2021, stretches 42.3 kilometers
from Gucun Park in Baoshan District to Zizhu Hi-tech Park in Minhang District, incorporating stops at major
railway stations and featuring 30 stations. As part of Shanghai's newer, high-capacity, fully automated, and
driverless metro lines, including Lines 14 and 18, Line 15 is depicted in ivory on system maps.
</p>
</div>
</section>
<section class="section section-map">
<div class="container">
<img src="./data/img/line16.png" />
<p>
Line 16 of the Shanghai Metro, initially known as the Lingang line and previously designated as Line 21,
serves the south-eastern suburban areas of Shanghai, extending 59 km from Longyang Road through locations like
the Shanghai Wild Animal Park and Huinan Town, to Dishui Lake in Nanhui New City with a mix of underground and
elevated stations. Construction started in early 2009, leading to its opening on December 29, 2013, followed
by the completion of its second phase at the end of 2014.
</p>
</div>
</section>
<section class="section section-map">
<div class="container">
<img src="./data/img/line17.png" />
<p>
Line 17 of the Shanghai Metro, formerly known as the Qingpu line, is an east-west line connecting Hongqiao
Railway Station in Minhang District to Oriental Land in Qingpu District, covering a distance of 35.3
kilometers with 13 fully accessible stations, and began passenger trial operations on December 30, 2017.
Marking the first metro extension into the suburban Qingpu District, the line is distinguished by its thematic
design inspired by local water towns and headstreams, featuring artistic elements at its stations, and is
colored light brown on system maps.
</p>
</div>
</section>
<section class="section section-map">
<div class="container">
<img src="./data/img/line18.png" />
<p>
Line 18 of the Shanghai Metro, a north-south route extending 36.5 km from South Changjiang Road in Baoshan
District to Hangtou in Pudong, features 26 stations and was partially opened on December 26, 2020, with its
full operation commencing on December 30, 2021. Initially slated for a 2020 launch, the line encountered
delays, leading to a phased opening starting with an initial segment of eight stations in Pudong. As part of
Shanghai Metro's latest generation of high-capacity, fully automated, and driverless lines, alongside Lines 14
and 15, Line 18 is highlighted in earth yellow on system maps.
</p>
</div>
</section>
<section class="section section-map">
<div class="container">
<img src="./data/img/maglev.png" />
<p>
The Shanghai maglev train, utilizing German Transrapid technology, is the world's first commercial high-speed
maglev, connecting Shanghai Pudong International Airport to Longyang Road Station with a top speed of 300
km/h, reduced from its previous cruising speed of 431 km/h. This 30 km journey, not part of the Shanghai Metro
network, takes just over 8 minutes, offering rapid transit for passengers to interchange with multiple metro
lines for city access.
</p>
</div>
</section>
<section class="section">
<div class="d3-container">
<div class="container-title"> Yearly and Daily frequency Passenger Flows </div>
<div style="display: flex;
justify-content: space-around;">
<svg id="linesvg" width="600" height="400"></svg>
<div id="echarts-main"></div>
</div>
<div id="tooltip" class="tooltip"></div> <!-- 工具提示 -->
<p>
Analyzing the Shanghai Metro passenger flow from interactive line plots spanning from 2005 to 2023 would highlight significant growth patterns attributable to urban development and network expansions. Daily data insights from 2015 to 2019 could pinpoint weekday peaks and weekend lulls, while annual averages would illustrate the system's capacity to accommodate Shanghai's burgeoning population. The continuous increase in passenger flow represents the constantly growing influence of the Shanghai Metro.
</p>
<p>
<span class="fancy-word">However</span>, it is not difficult to observe that after entering the year 2020, the passenger flow of Shanghai's subway experienced minor fluctuations, rather than a consistent upward trend. During the peak of the COVID-19 pandemic, the Chinese government implemented lockdown measures in Shanghai, leading to a decrease in passenger flow. As the COVID-19 crisis gradually subsided, we can see that the subway's passenger flow has begun to show a trend of sustained growth again.
</p>
</div>
</section>
<section class="section">
<div class="bar-container">
<div class="container-title" style=" position: absolute;
top: 15px;"> The Busiest Metro Line in Shanghai </div>
<div id="chart1">
<div class="item">
<div class="sub1">
<label>111</label>
<div class="bar"></div>
</div>
<div class="sub2">Line 1</div>
<div class="sub3">
<div class="bar"></div>
<label>111</label>
</div>
</div>
</div>
<p style="margin-left: 60px;">
The Shanghai Metro Line 2, serving as a vital artery connecting the eastern and western parts of Shanghai, has
significantly influenced the city's urban planning, economic development, and the daily lives of its
residents. It links major areas such as the Lujiazui Financial District, People's Square, and Jing'an Temple,
facilitating economic prosperity by boosting commercial activities and enhancing the real estate market along
its route. Furthermore, it connects Shanghai's two major airports, Pudong International and Hongqiao
International, enhancing the city's status as a global transportation hub. For residents, Line 2 offers
substantial improvements in convenience, reducing commute times and promoting a shift towards public
transportation, thereby contributing to a more sustainable urban lifestyle. Additionally, it encourages
cultural exchange by providing easy access to various cultural institutions, thereby enriching the city's
social fabric. Overall, Shanghai Metro Line 2 exemplifies how a well-integrated public transit system can
transform urban living, stimulate economic growth, and foster a vibrant, connected community.
</p>
</div>
</section>
<section class="section">
<div class="bar-container-2">
<div id="chart2">
<div class="item">
<div class="sub1">
<div class="bar"></div>
<div class="sub21">
<div class="sub2">Line 1</div>
<div class="sub2">Line 2</div>
<div class="sub2">Line 3</div>
</div>
<label>世纪大道</label>
</div>
<div class="sub3">
<label>世纪大道</label>
<div class="sub21">
<div class="sub2">Line 1</div>
<div class="sub2">Line 2</div>
<div class="sub2">Line 3</div>
</div>
<div class="bar"></div>
</div>
</div>
</div>
<p style="margin-top: 16px;">
The development of the metro system is inextricably linked to the city itself. Initially, the planning of the
metro greatly referred to the distribution of the city's population. For instance, the earliest Line 1 and
Line 2 traversed Shanghai's most crucial areas, facilitating transfers at People's Square, a location of the
highest population density and mobility.
</p>
</div>
</section>
<section class="section">
<div class="bar-container-4" style="height: 400px;">
<p>
As evident from the data, People's Square remains one of the metro stations with the highest passenger
traffic, regardless of it being a weekend or a weekday. Concurrently, while metro planning relies on the
distribution of the population, it also influences population distribution. For example, the area around
Longyang Road station was an undeveloped wasteland at the turn of the century. However, due to the convergence
of multiple lines at this location, it has transformed into a bona fide urban transportation hub and economic
center. Another illustration is the Sichuan North Road shopping district, one of Shanghai's most famous
shopping areas in the early century, which has now degenerated into an ordinary shopping district due to its
prolonged exclusion from the metro coverage area. Therefore, metro planning not only takes into account the
existing population distribution but also significantly alters it, facilitating a better flow of population
towards areas of lower density.
</p>
</div>
</section>
<section class="section" style="background: #848587;">
<div class="bar-container-4" style="width: 1200px;">
<p>
<span class="fancy-word-1">But...</span>
</p>
<p>
Shanghai is merely one of the numerous cities in China and around the world that possess a metro system. To date, China alone boasts metro systems in 94 cities, while globally, over five hundred cities are equipped with metro networks. How to enhance the metro system's service to every citizen, foster urban economic growth, improve the quality of life for city dwellers, and alleviate urban traffic congestion represents a critical issue that every city worldwide should investigate. (Click the following picture for more details about city metro)
</p>
<p style="width: 100%;
justify-content: space-around;
display: flex; margin-top: 50px;">
<a href="https://www.mtr.bj.cn/en/" target="_blank">
<img src="./data/img/group/1.png" width="250" height="250" style="transform: rotate(15deg);"/>
</a>
<a href="https://www.szmc.net/szmc_en" target="_blank">
<img src="./data/img/group/2.jpg" width="250" height="250" style="transform: rotate(-15deg);"/>
</a>
<a href="https://www.travelchinaguide.com/cityguides/guangdong/guangzhou/subway/metro-map.htm" target="_blank">
<img src="./data/img/group/3.png" width="250" height="250" style="transform: rotate(15deg);"/>
</a>
<a href="https://www.travelchinaguide.com/cityguides/chongqing/subway/" target="_blank">
<img src="./data/img/group/4.png" width="250" height="250" style="transform: rotate(-15deg);"/>
</a>
</p>
</div>
</section>
<section class="section" style="background:#848587;">
<div class="bar-container-3" id="worldSvg" style="background-image: url('./data/img/background_world.png')">
<div class="container-title" style=""> World Metro Length Over Time</div>
<svg width="1300" height="700"></svg>
<!-- <div id="year" style="color: #fff;
font-size: 30px;
position: absolute;
top: 420px;
right: 186px;
font-family: math;">1861</div> -->
<select id="year" style="color: #fff;
font-size: 30px;
position: absolute;
top: 420px;
right: 186px;
font-family: math;background:#848587"></select>
<p>
Shanghai boasts a mature and stable metro system, yet this achievement is founded upon the relentless pursuit
of urban mass transportation solutions. In fact, nearly two hundred cities worldwide have established their
own subway networks. The exploration of urban development and its future trajectories continues unabated. In
the bar chart race visualization of metro system lengths by country, we'd see a fascinating story of urban
development and transportation infrastructure unfold over time.
Countries like China and the United States, with their massive urban centers and high population densities,
would likely show significant growth in their metro system lengths, reflecting their efforts to cater to urban
mobility and reduce traffic congestion. China, with the highest number of systems and the longest total metro
length, would probably dominate the race, showcasing the rapid expansion of its urban transit in response to
its urbanization and economic growth.
European countries, with older but highly efficient metro systems, might not extend as quickly in terms of new
kilometers of track but would maintain a strong presence due to the density of their networks and the
historical importance of their transit systems. Meanwhile, newer systems in countries like India and Brazil
would be seen gaining ground as they develop their metro infrastructure to improve urban connectivity and
address the challenges of growing urban populations.
The race would provide a visual representation of each country's commitment to enhancing public
transport, the evolution of metro systems as lifelines of cities, and the global trend towards expanding urban
rail networks.
</p>
</div>
</section>
<section class="section" style="background: #848587;">
<div class="bar-container-4">
<div style="display: flex;">
<img src="./data/img/future.png" width="400" height="650" />
<div style="width: 850px; margin-left: 28px;">
<p>
In the symphony of urban development, the Shanghai Metro has been an ever-evolving masterpiece, striking a harmonious balance between innovation and tradition, expansion and efficiency, serving not just as a means of transportation but as the pulsating veins of the city, fostering connectivity and growth. This scrollytelling journey through the Shanghai Metro's intricate network has not only charted the physical expansion of lines, stations, and systems but has also traced the cultural, economic, and social transformation of the urban landscape it navigates.
</p>
<p>
From the industrious thrum of Line 1 to the rapid transits of the maglev, each segment of our exploration has unveiled a narrative of progress, revealing how the metro's steel tracks have been laid in tandem with Shanghai's march towards the future. As we delved into the data-driven heart of the metro's planning, we witnessed the interplay of population dynamics, the strategic foresight of urban design, and the relentless drive towards technological excellence.
</p>
<p>
Based on the current state of Shanghai's subway development and the data we have collected, we can make several predictions. First, the subway lines in the center of Shanghai are nearing saturation, so the focus of current planning is mainly on the suburbs, with an emphasis on administrative districts that lack subway lines. Second, considering the overall direction of the Shanghai subway system, there is a need for a large-scale loop line to connect some lines extending to the suburbs. This would prevent suburban passengers from having to travel to the city center to change lines, thus saving a significant amount of time. Lastly, there are deficiencies in the density of central lines, such as the relatively sparse lines on the northeast side, making the addition of a new line there seem necessary. According to the subway planning announced by the city of Shanghai, it is not difficult to find that our predictions generally align with their plans.
</p>
<p>
As we reach the terminus of this scrollytelling odyssey, we are left with a profound appreciation for the Shanghai Metro, not just as a transit system but as a dynamic entity that has shaped and been shaped by the city it serves. Our project transcends a mere chronicle of development; it is a homage to human ingenuity and a preview of the urban odysseys yet to unfold. As Shanghai continues to grow, so too will its metro, a circulatory system that promises to transport its passengers not just through space, but towards a future replete with potential and possibilities. This is the story of the Shanghai Metro—a tale of a city on the move, a narrative of progress in motion, and a journey that continues to inspire and propel us into tomorrow.
</p>
</div>
</div>
</div>
</section>
</main>
<script>
$(function () {
// 导出json文件
function exportFileJSON(data = {}, filename = 'dataJSON.json') {
let dataCopy = data;
if (typeof dataCopy === 'object') {
dataCopy = JSON.stringify(dataCopy, null, 4);
}
// 导出数据
const blob = new Blob([data], { type: 'text/json' });
const e = new MouseEvent('click');
const a = document.createElement('a');
a.download = filename;
a.href = window.URL.createObjectURL(blob);
a.dataset.downloadurl = ['text/json', a.download, a.href].join(':');
a.dispatchEvent(e);
}
// 解析json 成geojson
fetch('./data/subwaySH.json').then(res => res.json()).then((result) => {
console.log(result)
let features = [], featuresStation = []
result['l'].forEach(element => {
features.push({
type: 'Feature',
properties: {
"shortName": element['ln'],
"name": element['kn'],
"lineNumber": element['x'],
},
geometry: {
"type": "MultiLineString",
"coordinates": [element['st'].map(item => item['sl'].split(',').map(Number))]
}
})
element['st'].forEach(item => {
let findItem = featuresStation.find(it => it.properties.name === item['n'])
if (!findItem) {
featuresStation.push({
type: 'Feature',
properties: {
"name": item['n'],
"pinyin": item['sp'],
'line': [element["ln"]]
},
geometry: {
"type": "Point",
"coordinates": item['sl'].split(',').map(Number)
}
})
} else {
let findItemIndex = featuresStation.findIndex(it => it.properties.name === item['n'])
featuresStation[findItemIndex].properties.line.push(element['ln'])
}
})
});
// 导出地铁线路
// exportFileJSON(JSON.stringify({
// type:'FeatureCollection',
// features,
// }), 'metro_line.json')
// 导出站点
// exportFileJSON(JSON.stringify({
// type: 'FeatureCollection',
// features:featuresStation,
// }), 'metro_station.json')
})
})
</script>
<script src="./map.js"></script>
<script src="./d3charts.js"></script>
<script src="./world_metro.js"></script>
</body>
</html>