Billboard.jsでJavaScriptを使ったデータチャートを作成する

グラフィックとビジュアルは、Webコンテンツを改善するうえできわめて重要な役割を果たします。最新のテクノロジでは、SVGアイコンなどのカスタムビジュアルをページに簡単に追加できます。.

しかし、ゼロから構築できるもう1つの驚くべきビジュアルはWebチャートです。.

これはあなたを助けることができます データを視覚的にグラフ化する だからあなたの訪問者はすぐに関連情報を読み飛ばすことができます。グラフを自分でコーディングするのではなく、Billboard.jsのようなライブラリを使用してすべての面倒な作業を行うことができます。.

これは実際にはJavaScriptデータ視覚化ライブラリであるD3の上に構築されています。それはあなたが求めることができる最も安全な依存関係にすることをそこに容易にそこで最も人気のあるものです.

Billboard.jsを使えば、D3 APIにすばやく簡単にアクセスできます。ビルボードの主な目的は 使いやすさ、誰にでもアクセス可能. JavaScriptをある程度経験しておくと役立ちますが、必ず専門家になる必要はありません。.

コードベース全体でES6構文が使われていることに注意してください。.

あなたが〜をするなら コードのコンパイル方法を知っている あなたは大丈夫なはずです。 ES6のホットな機能のいくつかを実際に説明しました。.

このプラグインに関する技術的な詳細はすべて素晴らしいと思われるかもしれません。しかし、あなたはおそらく知りたいだけなのでしょう これができること.

デモページを見て、実際の例をいくつかクリックしてください。.

円グラフから散布図、カスタムアニメーションの棒グラフまで、あらゆるものを見つけることができます。.

Billboard.jsを使えば データを完全に管理. ページ上での表示方法、構造化方法、追加するUI / UX機能の種類（ある場合）を制御します。.

それは本当に素晴らしいチャートライブラリです、そしてそれは拾うのが最も簡単なものの1つです。詳細については、プロジェクトのGitHubリポジトリをご覧ください。.

ブラウザのコードを使っておもちゃになりたい場合は、CodePenでこのスニペットを詳しく調べることもできます。.