系統與網站開發 2026 資料分析與視覺化
// SYS 官方專案 現場展覽
姓不姓由你
讓你能解碼名字背後的宿命與運勢的網站。
by sandraaa
// project_overview
以傳統姓名學「五格剖象法」作為系統分析基礎，能即時輸出分析結果，並搭配雷達圖呈現使用者姓名在五格中吉凶的分布情況。
// tech_stack
html css js json
// keywords
# 姓名學 # 五格剖象法 # website # Analysis # radar chart
幫這個專案投票！
// project_details
姓不姓由你 — NAME ANALYSIS
💡 專案簡介
本專案以傳統姓名學「五格剖象法」作為系統分析基礎，是一款互動式網頁。系統能即時運算姓名筆劃，並以簡潔的雷達圖呈現解析結果，提供直覺流暢的體驗。
LINK
想一窺你所註定的命運嗎？https://sandraaa094.github.io/Name_Analysis/
📌 目錄
系統功能與特色
1. 五格即時運算
當使用者輸入姓名，系統便會透過 JavaScript 自動計算以下格位：
| 格位 | 象徵範疇 | 核心定義 |
|---|---|---|
| 天格 | 先天運勢 | 家族背景與早年成長環境。 |
| 人格 | 個人主運 | 內在特質、能力與人生核心走向。 |
| 地格 | 後天運勢 | 個人成長、基礎能力與人生發展。 |
| 外格 | 人際關係 | 社交狀況與對外表現。 |
| 總格 | 整體運勢 | 中晚年發展與最終成就。 |
2. 雷達圖使用
- 吉凶：大吉 吉 半吉 凶 大凶
- 分數規則：大吉=5 吉=4 半吉=3 凶=2 大凶=1
網站使用方法
IMPORTANT
輸入姓氏與名字時請務必使用正體中文，系統才能透過內建字典進行標準筆劃對照。
WARNING
須注意姓氏和名字需分開輸入至不同的輸入框，以提高分析的正確性。
- 在輸入框輸入姓氏及姓名
- 點選分析並按下確定鍵
- 選擇下方所要分析的格位
- 進入結果頁
- 若想繼續分析或返回主頁可點選螢幕下方的兩個按鈕
TIP
點選格位分析旁的問號，即可查看該格位的涵義。
未來展望👾
- 畫面加載動畫:透過加載動畫進行轉場，增加網頁的趣味性。
- 流年運勢波動折線圖:在結果頁增加運勢折線圖，豐富網頁功能。
LAST BUT NOT LEAST
分析結果僅供參考，你的人生由你來定義!!
// Comments
載入留言…
// similar_projects
■系統與網站開發
■系統與網站開發
■系統與網站開發