https://github.com/tiennm99/programming-fengshui
Map programming languages to Ngũ Hành (Five Elements) by their GitHub Linguist colors. Dual-mode static site: classic (2018 toidicodedao image) and modern (HSL classifier focused on TIOBE Top 20).
https://github.com/tiennm99/programming-fengshui
data-visualization feng-shui github-linguist github-pages ngu-hanh programming-languages static-site tiobe-index vanilla-javascript vietnamese
Last synced: about 9 hours ago
JSON representation
Map programming languages to Ngũ Hành (Five Elements) by their GitHub Linguist colors. Dual-mode static site: classic (2018 toidicodedao image) and modern (HSL classifier focused on TIOBE Top 20).
- Host: GitHub
- URL: https://github.com/tiennm99/programming-fengshui
- Owner: tiennm99
- Created: 2026-04-27T01:11:40.000Z (2 months ago)
- Default Branch: main
- Last Pushed: 2026-04-27T03:40:29.000Z (2 months ago)
- Last Synced: 2026-04-27T04:20:21.916Z (2 months ago)
- Topics: data-visualization, feng-shui, github-linguist, github-pages, ngu-hanh, programming-languages, static-site, tiobe-index, vanilla-javascript, vietnamese
- Language: JavaScript
- Homepage: https://tiennm99.github.io/programming-fengshui/
- Size: 625 KB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# programming-fengshui
Trang phân loại ngôn ngữ lập trình theo Ngũ Hành (Kim, Mộc, Thuỷ, Hoả, Thổ) dựa trên màu sắc của GitHub Linguist / GitLab Linguist, tập trung TIOBE Top 20.
## Chạy thử
Chạy qua HTTP server (cần thiết để `fetch` dữ liệu JSON):
```bash
python3 -m http.server 8080
```
rồi truy cập http://localhost:8080.
## Cấu trúc
```
.
├── index.html
├── style.css
├── js/
│ ├── main.js
│ ├── classify-element.js
│ ├── render-elements.js
│ └── tiobe-top.js
├── data/
│ ├── github-colors.json
│ └── gitlab-colors.json
└── assets/
└── ngon-ngu-lap-trinh-phong-thuy.png
```
## Credit
- Bài viết gốc: [Top 5 ngôn ngữ lập trình đáng học cho năm 2018](https://toidicodedao.com/2018/01/02/top-5-ngon-ngu-lap-trinh-dang-hoc-cho-nam-2018/) — Phạm Huy Hoàng (Tôi đi code dạo).
- Ảnh: [ngon-ngu-lap-trinh-phong-thuy.png](https://toidicodedao.com/wp-content/uploads/2017/12/ngon-ngu-lap-trinh-phong-thuy.png).
Trang chỉ dùng để trình bày lại nội dung, mọi quyền thuộc tác giả gốc.