高速軽量なJavascriptチャートライブラリ「amCharts」

amChat 5 のご紹介

ユニポスWEBサイトにて掲載しております、チャート表示用Web開発ツール「amCharts」をご紹介します。

amChartsは、Vanilla JavaScript(Pure JavaScript)で書かれた、インタラクティブな図表を手軽に実装できるJavascriptライブラリです。
統計情報の視覚化、株式チャートや財務データの表示、インフォグラフィックス、ワードクラウド、ピクトグラムなどをWebアプリケーションに実装する際に適しています。

 

amChartsについて

棒グラフ、折れ線グラフ、円グラフ、散布図、ヒストグラム、ツリーマップ、ダイアグラムなど一般的な図表を網羅するCharts、GeoJSONを利用して地理情報と結びついたグラフを作成可能なMaps、注釈、指標、比較など本格的な株価チャートに必要な機能を備えたStock Chartの 3種類のライブラリが提供されています。

主な特徴

  • React、Angular、Vue.js、Next.js、Jest、Nuxt 3などの主要なフレームワークに対応
  • Canvas APIによる高速レンダリング
  • 柔軟なテーマエンジンと滑らかなアニメーション
  • 色やフォントに加えて、要素や表示形式をカスタマイズ可能
  • タッチディスプレイでの操作に対応したグラフ
  • ES6構文のTypeScriptベースで構築されておりデバックが容易

 

ライブラリの種類


amCharts 5: Charts
棒グラフ、折れ線グラフ、円グラフ、散布図、ヒストグラム、ツリーマップ、ダイアグラムなど多数の形式の図表を作成可能


amCharts 5: Maps
amCharts 5: Chartsに追加することで利用可能なオプションライブラリ
GeoJSONを利用して地理情報、位置情報と結びついたインタラクティブなマップを作成可能


amCharts 5: Stock Chart
時系列に沿って変化するチャートを作成
注釈、指標、比較や本格的な株価チャートに必要な機能を備えています

 

チャートの一例

amChatsは棒グラフや円グラフなど基礎的な手法から、ワードクラウドやヒートマップなどビッグデータ活用に適した可視化方法までを幅広くカバーしています。
ここでは、特に視覚的な効果が高いチャートをご紹介します。

  • Moving Bullet
    動くアイコン付きブレットグラフ
    伸縮自在のガントチャート

  • Pictorial Column
    イラストで比較できる棒グラフ
    イラストで見せる棒グラフ

  • Gantt Chart
    伸縮、移動が可能なガントチャート
    伸縮自在のガントチャート

  • Radar Timeline
    時系列に沿って動くレーダーチャート
    時系列でアニメーションするレーダーチャート

  • Traceable Sankey Diagram
    要素をハイライトできるサンキーダイアグラム
    要素をハイライトするサンキーチャート

  • Word Cloud
    アニメーション効果付きのワードクラウド
    アニメーション効果付きのワードクラウド

 

各種チャートの動作やサンプルコードはメーカーページをご参照ください。

amCharts 5 Demos
https://www.amcharts.com/demos/

 

ライセンスの種類

  • Single website license
  • Single App or SaaS website license
  • OEM license
  • Extended OEM license

amChartsは永久ライセンスです。
ご購入いただいたバージョンを永続的にご利用いただけます。

ライセンスの詳細はメーカーページをご参照ください。

Licenses Explained
https://www.amcharts.com/online-store/licenses-explained/

 

amChartsを試す

amCharts 5 は無料でお試しいただけます。
amCharts 試用版について

Download amCharts 5
https://www.amcharts.com/download/

※無償版は機能や利用期間に制限はありませんが、チャートにメーカーロゴが表示されます。
メーカーロゴを非表示にするにはライセンスをご購入ください。