Apache ECharts 5.6 リリース

• EChartsはオープンソースのJavaScript可視化ライブラリで、PCとモバイルの両方に最適化されている
• Internet Explorer 9/10/11、Chrome、Firefox、Safariなど、ほとんどの最新ブラウザと互換性がある
• 独自のグラフィックレンダリングエンジンであるZRenderを使用し、直感的でインタラクティブな高品質チャートを提供する

多様なチャートタイプを提供

• ラインチャート、棒グラフ、散布図、円グラフ、ローソク足チャート、ボックスプロット、地図、ヒートマップ、方向情報用ラインチャート、関係グラフ、ツリーマップ、サンバースト、平行座標、ファネルチャート、ゲージチャートなどを提供
• さまざまな可視化タイプを組み合わせて複合チャートを作成可能
• カスタムチャートシリーズに対応しており、renderItem コールバック関数を渡すだけで、必要なグラフィック要素を自由に実装可能
• インタラクション機能を内蔵しており、追加設定なしですぐに利用可能

軽量化とコンポーネント選択ダウンロード機能

• 基本パッケージは高度に最適化されているが、必要に応じてチャートタイプとコンポーネントだけを選んで軽量パッケージを生成できる
• オンラインビルダーを通じて、必要な機能だけを含むカスタムバンドルをダウンロード可能

多様なデータ形式をサポート

• v4.0以降、dataset 属性を通じて2次元配列、key-valueオブジェクトなど多様なデータ構造をサポート
• encode 属性でデータ構造を直感的にマッピング可能
• データ変換アルゴリズムの作成時間を節約し、メモリ使用を最小化
• 1つの dataset を複数のコンポーネントで共有可能
• TypedArray対応によりメモリを節約し、性能を改善可能

大規模データ可視化の最適化

• 数百万件のデータポイントを可視化するためのインクリメンタルレンダリング技術を提供
• 拡大・縮小、移動などのインタラクション機能も大規模データでスムーズに動作
• WebSocketを活用したストリーミングデータのレンダリングに対応
• 全データをすべて読み込まなくても可視化可能

モバイル最適化

• モバイル環境での拡大・縮小および移動機能に最適化されている
• PCではマウスホイールによる同様の操作が可能
• モバイル向けの小型パッケージを提供
• SVGレンダリングエンジンを選択するとメモリ使用量をさらに削減可能

多様なレンダリング方式とプラットフォーム互換

• Canvas、SVG (v4.0以降)、VMLなど多様なレンダリング方式をサポート
• VMLは旧型IEブラウザとの互換性に対応し、SVGはモバイルでメモリ効率が高く、Canvasは大規模処理に強い
• Node.js環境ではnode-canvasを通じてサーバーサイドレンダリング(SSR)が可能
• WeChat MiniProgramでも利用可能
• コミュニティではPython(pyecharts)、R(echarty)、Julia(ECharts.jl)などの言語拡張も開発されている
• 多様なプラットフォームと言語対応により、開発者は可視化そのものに集中できる

インタラクションベースのデータ探索機能

• ズーム、パン、フィルタリングを通じて、全体データから詳細データへ探索可能
• legend、visualMap、dataZoom、tooltip、brush など多様なインタラクションコンポーネントを提供
• ユーザーインターフェース上でさまざまな方法でデータ探索が可能

多次元データ可視化機能の強化

• ECharts 3以降、多次元データ可視化のサポートを強化
• 平行座標系などの伝統的な多次元可視化に加え、多様な方法でデータを表現可能
• visualMap コンポーネントを活用して、色、サイズ、透明度、陰影などの視覚属性に次元データをマッピング可能

リアルタイムデータ反映

• データセット変更時にリアルタイムでチャートへ反映される
• データ変更を自動検知し、アニメーションを通じてチャートに表現
• timeline コンポーネントを通じて時間の流れに沿ったデータ表現も可能

視覚的な特殊効果を提供

• ポイント、ライン、地理データなど、あらゆる種類のデータに視覚効果を適用可能
• ユーザーの注目を集め、データの訴求力を向上

WebGLベースの3D可視化

• ECharts GLはWebGLベースで、3D地球儀、建物、人口ヒストグラムなど多様な3D可視化をサポート
• 簡単な設定だけで視覚効果を追加可能
• VRや大型スクリーンでも活用可能

アクセシビリティ対応

• W3CのWAI-ARIAアクセシビリティ標準に準拠
• チャート設定情報に基づき、視覚障害者向けの自動説明を生成
• スクリーンリーダーを通じて可視化コンテンツへアクセス可能

[jhk0530]

ECharts はきれいで、なかなか良いです。個人的には highcharts より使いやすかったです。

[GN⁺]

Hacker Newsのコメント

• Brieferを開発しながら、ほぼすべての可視化ライブラリを試したが、Apache EChartsが最高だった

  • 他のライブラリの主な問題は、(a) デザインがいまひとつ、(b) 使いにくい、(c) 柔軟性が足りないこと
  • Apache EChartsはこうした問題を解決している
  • デフォルトで見た目が美しく、バックエンドで宣言的な仕様を計算してフロントエンドに送ることができ、従来のBIツールができることをすべてサポートできるほど柔軟
  • 新機能を追加する必要もなく、必要なものはすべてすでに含まれている
  • HNでこの素晴らしい仕事を見られてうれしい

• go-echartsもおすすめ

  • Golangの型でチャートを宣言でき、GolangのJSONマーシャラーが自動的にJSONへバインドしてくれる
  • 複数のプロジェクトで使っており、issueやPRがあるとメンテナーがすぐに対応してくれる
  • JavaScript関数やSQLクエリをGoに埋め込めるのが面白い
  • DuckDBからデータを取得し、JavaScriptツールチップ付きのローソク足チャートファイルを生成するGolangの例がある

• いろいろなライブラリを試した後、去年Apache EChartsに決めたが、後悔はしていない

  • 素晴らしいドキュメント、性能、高い設定自由度、使いやすさ、必要なあらゆるチャートタイプへの対応

• EChartsは最高のライブラリだと思う

  • チャートライブラリの一覧や検索ではあまり見かけない
  • chart.js、google charts、amCharts、Highcharts、ApexChartsをすべて試した
  • 自分たちのツール/ライブラリで使っている

• 2020年から製品でApache EChartsを使っている

  • 強くおすすめする。素晴らしいライブラリで、ドキュメントも優れており、5年間問題がなかった
  • キーボードアクセシビリティのチケット改善を期待したい

• ラインレースがとてもかっこいい

  • スイッチを切り替えるとレースを開始できる
  • ノルウェーよくやった

• Webクライアント向けのチャートライブラリを探しているなら、charts.cssもおすすめ

  • 概念がほとんどのチャートライブラリよりずっとシンプルで、同じ機能を実現できる
  • サーバーサイドレンダリングやhtmxなどと一緒に使うのがとても簡単

• EChartsというJSチャートパッケージの発表を見ると、1年以内にメンテナンスが止まるのではと思ってしまう

  • Apache EChartsというJSチャートパッケージの発表を見ると、来年も保守されていそうだと思える

• React/React Native向けのチャートライブラリを探していたが、Apache EChartsはクロスプラットフォームのデータ可視化にとって素晴らしい候補

  • react-echartsとreact-native-echartsの両方が活発に開発されている
  • Apache傘下にあることは、プロジェクトの将来の開発見通しや保守性において大きな利点

• AI向けのチャートライブラリにEChartsを追加し、デフォルトのGUIチャートをEChartsへ切り替えている

  • 選ぶ前に広範に検討したが、EChartsは優秀でとても美しいので採用した