網站連結：https://ifind.tw 專案介紹：https://docs.google.com/presentation/d/1utQiniD0L7Q6ANaztRdefG-p2nivsELfIhMm9OcDdvg/edit?usp=sharing 【專案簡介】 資策會外包發案的服務。主要功能為集合各式政府資訊公告平台的數據於一處統一展示 【專案架構】 前端為 Vue SPA + Bootstrap，後端為 Play + MongoDB 的專案 我主要負責專案中圖表相關部分 【動態的圖表頁面】 此專案將圖表頁面所需的圖表種類、大小、順序、圖表所需資料的 query 方式等資訊以設定檔形式存於 DB 中，前端渲染時依照 API Response 的的內容動態生成圖表 由於資料來源涵蓋了所有政府平台數據，圖表的 filter 很複雜 (時間區間、縣市、指標類型、x軸y軸設定...等等)。此專案最大的挑戰便是設計一個足以描述這一切的 JSON Schema，以及將 API Response 折成圖表套件可接受的形式的過程 專案中大量使用到 lodash 處理資料。並綜合了 D3.js, Chart.js, Google Chart 三種套件製作圖表