概要
Apple Watch + iPhone「AutoSleep」アプリで取得した睡眠・SpO2(血液中の酸素飽和度)・呼吸数のCSVデータをブラウザに読み込み、複数年にわたる健康データをインタラクティブなグラフで可視化するSPA。90日移動平均や年別の箱ひげ図など、長期的な傾向や異常値を発見しやすい表示形式を備える
解決する課題
- ・AutoSleepの標準UIでは、長期トレンドや季節性の変化を読み取る可視化が限定的
- ・従来の静的なグラフ画像では、何度も見返しながら傾向を分析する必要があった
使用技術
TypeScriptReactVitePlotly.jspapaparseTailwindCSS
開発背景
毎日蓄積される睡眠データを通年で見返し、その傾向を把握できるよう、ローカル環境で完結するSPAとして制作