Highcharts 12.6がリリースされました。今回のアップデートで特に注目されるのは、新しいシリーズタイプとして実験的に追加された「等高線プロット」です。3次元データをもとに、連続的な色のグラデーションで値の変化を表現でき、ブラウザ上で直接描画できます。
WebGPUで動作する等高線プロット
等高線プロットは、地理空間データやシミュレーション結果、科学技術分野の解析データなどを可視化する際に有効です。たとえば、標高マップ、温度分布、信号強度のヒートマップ、圧力場など、2次元の面上で値がどのように変化するかを表現する用途に適しています。
今回の実装では、描画エンジンにWebGPUを採用している点が大きな特徴です。CPUやSVGに依存するのではなく、計算処理をグラフィックカードに任せることで、パラメータを変更した際にも滑らかに再描画できます。
ただし、WebGPUは現時点ですべての主要ブラウザに対応しているわけではありません。本番環境で利用する場合は、事前にブラウザの対応状況を確認する必要があります。また、この等高線プロットは実験的機能として提供されており、利用するにはHighcharts本体に加えて modules/contour.js を読み込む必要があります。
Highcharts 12.6では、等高線プロット以外にも複数の改善が行われています。
-
アロー関数コールバックの改善
チャート、シリーズ、ポイントのコンテキストを別引数として渡せるようになり、JavaScriptのアロー関数をコールバックとして使いやすくなりました。 -
注釈の配置指定を改善
xAxisやyAxisを指定することで、注釈図形の座標やサイズをピクセル単位ではなく軸単位で扱えるようになりました。 -
Boost機能の調整オプションを追加
大規模データ向けにboost.chunkSizeオプションが追加され、密度の高い散布図や折れ線グラフでのパフォーマンス調整がしやすくなりました。
Highcharts 12.6は、WebGPUを活用した新しい表現力と、実務で役立つ細かな改善を備えたアップデートです。特に、科学技術データやシミュレーション結果をブラウザ上で高性能に可視化したい開発者にとって、注目すべきリリースといえるでしょう。