billy1125.github.io/about.html at main · billy1125/billy1125.github.io · GitHub

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
<!DOCTYPE html>
<html lang="zh-tw">

<head>
    <title>關於本站 | 台灣鐵路/軌道運行圖</title>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="本站利用政府資料公開資料集，設計並轉換成為以時間與空間描述的鐵路運行圖，可運用於台灣鐵路研究與嗜好用途。由呂卓勳所設計與營運。" />
    <meta name="keywords" content="鐵路運行圖,列車位置,台灣鐵路管理局,台鐵,台灣高鐵,阿里山森林鐵路,台湾鉄道ダイヤグラム,ダイヤグラム,台湾鉄道,台湾高鉄,阿里山森林鉄路,鐵道,鐵路,Railway Time Space Diagram,Railway,Taiwan Railway,Taiwan High Speed Railway,Alishan Forest Railway" />
    <meta name="robots" content="index,follow" />
    <meta name="author" content="呂卓勳 Cho-Hsun Lu" />
    <link rel="canonical" href="https://tradiagram.com/about.html" />
    <meta property="og:title" content="關於本站 | 台灣鐵路/軌道運行圖" />
    <meta property="og:description" content="本站利用政府資料公開資料集，設計並轉換成為以時間與空間描述的鐵路運行圖，可運用於台灣鐵路研究與嗜好用途。" />
    <meta property="og:image" content="https://tradiagram.com/images/og-cover.png" />
    <meta property="og:url" content="https://tradiagram.com/about.html" />
    <meta property="og:type" content="website" />
    <meta property="og:locale" content="zh_TW" />
    <meta name="twitter:card" content="summary_large_image" />
    <link rel="Shortcut Icon" type="image/x-icon" href="favicon.ico" />
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css">
    <link rel="stylesheet" href="css/web.css">
</head>

<body style="padding-top: 56px;">

    <site-navbar></site-navbar>

    <div class="hero-section">
        <div class="container text-center">
            <h1 class="fw-bold mb-1">關於本站</h1>
            <p class="text-muted mb-0">更新日期：2026年05月10日</p>
        </div>
    </div>

    <div class="container py-3 pb-5">
        <div class="row text-start">
            <div class="col-sm-6">
                <h4>緣起</h4>
                <p>鐵道愛好者通常都會使用鐵路運行圖，幫助研究鐵道相關事務，雖然有人會出版紙本台鐵鐵路運行圖，但是當台鐵改點，紙本的資訊參考價值就會變低。</p>
                <p>所以當我們知道台鐵已經將時刻資訊以 JSON 公開於網路上之後，我們就在思考如何利用這個 Open Data 進行應用，用來繪製台灣鐵路運行圖。</p>
                <h4>網站內容</h4>
                <p>本站主要以 JavaScript 設計，運行圖格式為 SVG 向量圖形，每周一定時更新 60 天內運行圖。</p>
                <h4>限制</h4>
                <p>本程式鐵路運行圖均來自於<a href='https://data.gov.tw/'>政府資料開放平臺</a>所提供的公開資料進行分析整理與繪製。然而公開資料不等於實際鐵路與軌道系統的運行計畫，僅是旅客所需的列車到站與離站時間資料，列車的待避或會車狀況無法在運行圖中展示，貨運、迴送等非客運車次也多未在公開資料集提供。因此會出現運行圖與實際運行有所差異，以及無法提供非客運車次的運行線。因此<b>實際鐵路運行情況，請以現場、各鐵路與軌道系統的管理單位所公布資訊或鐵路運行實況為準</b>。
                </p>
                <h4>版權聲明</h4>
                <p>本網站以「<b><a href="https://tw.creativecommons.net/home-page/">姓名標示-非商業性-禁止改作</a></b>」CC
                    授權方式建立資料授權規範，僅允許使用者將本網站的所有素材之後，依原狀態分享出去。使用者必須按照授權者指定的方式表彰其姓名，姓名請使用「<b>台灣鐵路/軌道運行圖</b>」或本網站製作與程式設計者姓名「<b>呂卓勳
                        Cho-Hsun Lu</b>」均可，但不得對著作進行任何方式的改變，或為商業目的之使用。</p>
                <p><img src='https://tw.creativecommons.net/wp-content/uploads/sites/20/2020/11/by-nc-nd-300x105.png'
                        width='100'></p>
            </div>
            <div class="col-sm-6">
                <div class="border rounded p-3" style="background-color: #e5e5e5; border-color: #e5e5e5 !important;">
                    <h4>目前我們提供以下台灣鐵路/軌道營運路線的運行圖：</h4>
                    <ul>
                        <li>西部幹線北段（基隆-竹南）</li>
                        <li>西部幹線台中線（竹南-彰化，經苗栗）</li>
                        <li>西部幹線海岸線（竹南-彰化，經大甲）</li>
                        <li>西部幹線南段（彰化-高雄）</li>
                        <li>屏東線（高雄-枋寮）</li>
                        <li>南迴線（枋寮-台東）</li>
                        <li>台東線（花蓮-台東）</li>
                        <li>北迴線（蘇澳新-花蓮）</li>
                        <li>宜蘭線（八堵-蘇澳）</li>
                        <li>平溪深澳線（八斗子-菁桐）</li>
                        <li>內灣線（新竹-內灣）</li>
                        <li>六家線（新竹-六家）</li>
                        <li>集集線（二水-車埕）</li>
                        <li>沙崙線（中洲-沙崙）</li>
                        <!-- <li>阿里山線 (嘉義-阿里山)</li>
                        <li>沼平/祝山線 (阿里山-祝山)</li>
                        <li>台灣高鐵 (南港-左營)</li> -->
                    </ul>
                </div>
                <hr>
                <h4>本網站製作與程式設計</h4>
                <p>呂卓勳 Cho-Hsun Lu &emsp;
                    <a href="mailto:billy1125@gmail.com" target="_blank"><img src="images/gmail.png" alt="gmail"
                            width="25"></a>&emsp;
                    <a href="https://github.com/billy1125" target="_blank"><img src="images/github.png" alt="github"
                            width="25"></a>&emsp;
                </p>
            </div>
        </div>
        <br>
        <site-footer class="alert alert-warning d-block" role="alert"></site-footer>
    </div>
</body>

<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"></script>
<script type="module" src="js/components/site-navbar.js"></script>
<script type="module" src="js/components/site-footer.js"></script>

</html>