hundun.jp
Tools & Labs に戻る

自己分析ダッシュボード

AutoSleep Dashboard

睡眠・SpO2・呼吸数データの可視化ダッシュボード

概要

Apple Watch + iPhone「AutoSleep」アプリで取得した睡眠・SpO2(血液中の酸素飽和度)・呼吸数のCSVデータをブラウザに読み込み、複数年にわたる健康データをインタラクティブなグラフで可視化するSPA。90日移動平均や年別の箱ひげ図など、長期的な傾向や異常値を発見しやすい表示形式を備える

解決する課題

  • AutoSleepの標準UIでは、長期トレンドや季節性の変化を読み取る可視化が限定的
  • 従来の静的なグラフ画像では、何度も見返しながら傾向を分析する必要があった

使用技術

TypeScriptReactVitePlotly.jspapaparseTailwindCSS

開発背景

毎日蓄積される睡眠データを通年で見返し、その傾向を把握できるよう、ローカル環境で完結するSPAとして制作