TCXcsvGraph

2019/9/16

readCSVgraph

概要

TCXファイルをCSVに変換したファイルをグラフ表示するプログラムでJavascriptで記述されており、htmlファイルになっているのでウェブブラウザー(IE以外)で実行できる。入力ファイル(CSV)はファイル名入力するかCSVファイルを実行画面にドロップする。ファイル入力が完了すると自動的にグラフが表示される。そのグラフは、[Export Graph to PNG]か[Export Graph(Canvas) to PNG]のボタンをクリックするとPNG画像として保存できる。 グラフィック・ライブラリとして、flotr2.js,D3.jsを使用しており、使用しているグラフィック・ライブラリごとのバージョンがある。

Flotr2版readCSVgraph

D3版readCSVgraph

入力CSVの仕様

CSVの１行目がレコード名の名前になっており、JST,HR,CAD,ALT,SPDがあることが前提になる。（順序不問）
JSTは日本標準時の時刻、HRは心拍数、CADはケイデンス、ALTは高度(m),SPDは速度(km/h)になる。

グラフ表示例

Flotr2.jsを使用したグラフ例

D3 .jsを使用したグラフ例

Runの例(実際には歩き)

Bikeの例

以上