2022年 F1第7戦 モナコGP 決勝チャート2

 遂にインタラクティブなギャップグラフとラップタイムチャートが完成。予想はしてたんだけど、同一記事にふたつのグラフを掲載するのにちょっと苦戦。操作系がふたつになるから、効率的なスクリプトになるよう、id, class, name属性を見直す必要があった。苦戦と言うか、面倒だったんだよね。

 それにモナコがウェットレースになってくれたおかげで、ラップタイムに大きな差があるチャートがどうなるか確かめられたし、ミックのおかげでセーフティカーの表示も煮詰めることができた。ズーム動作にちょっと癖があるんだけど、ライブラリに頼ってんだから仕方がない。ツールチップ含め、当初の目的以上のものができたと思ってる。

 

操作方法
  • 軸上のマウスホイールで拡大/縮小(ポインタの場所が中心となる)
  • プロットエリアと軸上でドラッグするとパン
  • Top 3, 6, 10 のプリセットは、ctrl を押しながらクリックで反転