Interactive Priority Mapping
把任務清單轉成一個可操作的決策畫布
Kinetic Priority Canvas 以力導向模擬呈現任務優先級,讓待辦排序不再只是靜態列表。 你可以直接輸入任務、拖曳位置、篩選優先級、編輯細節,並把整個狀態匯出成可分享的 JSON。
Product Snapshot
為什麼這個介面適合展示優先級系統
一般待辦清單擅長記錄,不擅長呈現張力。這個畫布把任務權重轉成大小、位置與碰撞行為, 更適合作為作品集展示、產品概念頁,或內部工作流程工具的原型。
核心功能
保留原本互動模擬器,並把對外展示需要的資訊架構一起補齊。
使用 `任務名稱, 優先級` 格式批次建立球體,適合 demo 與工作坊現場操作。
從清單或畫布選取任務後可直接修改名稱與優先級,並讓該球體回到視覺中心。
將互動結果儲存為可讀 JSON,方便版本保存、示範資料切換或跨裝置分享。
Live Demo
首頁即為可用的模擬器展示區。這裡保留原始互動核心,並重新整理為可公開展示的產品化區塊。
使用方式
這個專案是純靜態頁面,不需要建置流程;直接開啟 `index.html` 或用 GitHub Pages 即可操作。
每行一筆,格式為 `任務名稱, 優先級(1-10)`。
拖曳球體調整位置,點擊可聚焦,雙擊可刪除。
用滑桿只顯示高優先級任務,並從左側編輯器更新內容。
資料會寫入 localStorage,也可匯出或匯入 JSON。