📈 位置情報デモ3
リアルタイム加速度センサーデータをChart.jsでグラフ表示するデモです。
X・Y・Z軸の加速度変化をリアルタイムで可視化します。
📊 グラフ機能:
• リアルタイムで加速度データを取得・表示
• X軸（赤）、Y軸（青）、Z軸（緑）の3軸を同時表示
• 過去2秒間のデータを表示（スライディングウィンドウ）
• スマートフォンの動きに応じてグラフがリアルタイム更新
• リアルタイムで加速度データを取得・表示
• X軸（赤）、Y軸（青）、Z軸（緑）の3軸を同時表示
• 過去2秒間のデータを表示（スライディングウィンドウ）
• スマートフォンの動きに応じてグラフがリアルタイム更新
🎛️ センサーコントロール
📊 リアルタイム加速度グラフ
⚙️ 技術仕様
🛠️ 使用技術
- Device Motion API
- Chart.js（グラフライブラリ）
- jQuery（DOM操作）
- リアルタイムデータストリーミング
📋 表示データ
- X軸加速度（赤色ライン）
- Y軸加速度（青色ライン）
- Z軸加速度（緑色ライン）
- タイムスタンプ（X軸）
🎯 活用例
- 歩行・ランニング解析
- 姿勢変化の検出
- 振動パターンの可視化
- 動作研究のデータ収集