---
# System prepended metadata

title: DV Mid Project (4/19)

---

# DV Mid Project (4/19)

---

[TOC]

---

==***https://mibudin.github.io/111-data-viz-mid-project/***==

---
![](https://i.imgur.com/tXPDQ9d.png)

:::info
![](https://i.imgur.com/Lww6W2a.png)
:::

- data
    - Oudia
        - http://www.ichiy.net/download.html
        - https://www.t-take.com/hankyu/index.html
        - https://wasedarail.wordpress.com/2020/11/07/%E9%98%AA%E7%A5%9E%E5%B1%B1%E9%99%BD%E6%9C%AC%E7%B7%9A%E3%82%92%E5%AE%9F%E9%9A%9B%E3%81%AB%E4%B8%80%E3%81%8B%E3%82%89%E6%9B%B8%E3%81%84%E3%81%A6%E3%81%BF%E3%82%8B%E3%80%82/
        - https://first-train.hatenablog.com/
        - ==TODO=
- x axis
    - 站
    - 路線
    - 車種
    - 站等
- y axis
    - 停靠經過比
    - 車種停靠經過比
    - 停靠時間中位數

~~https://github.com/markdown-it/markdown-it~~
https://docs.github.com/en/rest/markdown?apiVersion=2022-11-28
https://github.com/sindresorhus/github-markdown-css
- `\\n`

https://wirescript.vercel.app/blog/making-your-console-log-statements-stand-out

- Class
    - https://shubo.io/javascript-class/
    - https://medium.com/enjoy-life-enjoy-coding/javascript-es6-%E4%B8%AD%E6%9C%80%E5%AE%B9%E6%98%93%E8%AA%A4%E6%9C%83%E7%9A%84%E8%AA%9E%E6%B3%95%E7%B3%96-class-%E5%9F%BA%E6%9C%AC%E7%94%A8%E6%B3%95-23e4a4a5e8ed
    - https://pjchender.dev/javascript/js-class/\\ㄤ
- Data set
    - LineNetwork
    - Station
    - StationOfLine
    - LineTransfer
    - Line
    - GeneralTrainTimetable
    - GeneralStationTimetable
- unpkg
- mdn
- ithome
- tradiagram
- https://gist.github.com/ptxmotc/383118204ecf7192bdf96bc0197bb981
- https://github.com/billy1125/TRA_time_space_diagram/blob/master/data_process.py
- 嘗試重規劃簡化資料結構，以多利用 D3 資料處理
- https://zh.wikipedia.org/zh-tw/%E8%87%BA%E7%81%A3%E9%90%B5%E8%B7%AF%E7%AE%A1%E7%90%86%E5%B1%80%E8%BB%8A%E7%AB%99%E7%AD%89%E7%B4%9A
- And other wiki
- https://www.google.com/url?sa=t&rct=j&q=&esrc=s&source=web&cd=&ved=2ahUKEwi-0YC31bP-AhXW7GEKHXWrAn8QFnoECA4QAQ&url=https%3A%2F%2Fwww.railway.gov.tw%2Ftra-tip-web%2Ftip%2Ffile%2F4bd48dd1-c87d-4d7f-af5a-96655e345bc1&usg=AOvVaw0IqnDDhnBBMSFxkCo2PM7-

盡量寫得像一點

---

https://github.com/01397/clouddia/tree/develop
https://github.com/route-builders/OudOperator
https://github.com/yamagame/diagram-editor
https://github.com/KameLong/AOdia
https://github.com/ayame113/edia
https://github.com/nosrith/diafreaks
https://github.com/up-tri/OudOperator
https://github.com/up-tri/oud-intellisense
https://github.com/ayame113/dia
https://github.com/route-builders/OudOperator
https://github.com/KameLong/DiaData
https://doc.route.builders/oud-to-json/

---

https://ithelp.ithome.com.tw/users/20134930/ironman/4181
https://juejin.cn/post/7160684957919903775

---

- format ref:
    - README
    - [OuDiaSecondV2 Manual](http://oudiasecond.seesaa.net/article/467614009.html)
    - [OuDia](http://take-okm.a.la9.jp/oudia/index.html)
    - [WinDia](http://www.vector.co.jp/soft/win31/home/se021682.html)

---

- charts
    - solar system objects?
    - diagram
    - flow chart?
- data
    - [~~PTX~~](https://ptx.transportdata.tw/PTX/)
    - [~~MOTC Transport API V3~~](https://ptx.transportdata.tw/MOTC/?t=Rail&v=2&urls.primaryName=%E8%BB%8C%E9%81%93V3)
    - [TDX](https://tdx.transportdata.tw/)
- pkg
    - node.js
    - express.js
    - d3.js
    - typescript
- file
    - oud oud2 => json?
- GOAL
    - multi-dimension
    - diagram
        - display
        - interaction?
    - time table
        - display
        - interaction?
    - real-time?
- YAML schema
    - https://github.com/redhat-developer/vscode-yaml
    - https://json-schema.org/


