[ Tag ]
2 件の記事
元箱根駅伝ランナー・現役エンジニアが「SVG」について書いた記事を、新しい順に並べています。
チャートライブラリを使わず、React と自前 SVG だけで継続ヒートマップ・心拍効率トレンド・散布図・トレーニング負荷チャートを描いた実装記録。集計を純粋関数に切り出してテストし、データ欠損時は length===0 で graceful に非表示にする設計、TRIMP / ACWR の算出までをコードごと解説する。
Strava の encoded polyline を自前デコードし、地図タイルを一切使わずに走行軌跡を SVG アートとして描いた実装記録。全ランを1つの bbox に投影すると地元ランが点に潰れる問題を、開始地点の greedy クラスタリングとエリア別 bbox 投影で解いた過程をコードごと解説する。