Interactive chart

該作品是一個 User Interactive Chart，使用 React 開發前端， Next.js 全端框架開發 client pages and 後端 API。也使用到工具如：Redux、Context API、Chart.js、Tanstack Query 和 Prisma ORM。

為了讓分析圖表有效地比較數據集，必須根據機械操作週期中的某個事件對齊，使用者可選擇任一的事件將所有數據對齊。

最重要的是，在對齊數據集後，保持了所有關聯功能的完美同步，包括手動標記的 annotations, 手動上色的區塊，縮放功能，x and y axis 以及甘特圖上的事件時間軸。