ですから、たくさんの変数を持った大量のデータを持っているので、どういうわけか他の人に中継しなければなりません。生の未整理のデータは、理解するのが難しいでしょう。これがチャートの助けが必要な理由です。 Webデザインで, グラフはデータの視覚化に最適なツールの1つです。. 読みやすく、目に優しく、比較的セットアップが簡単です。. しかし、ノッチを取り上げましょう。 これらのチャートにアニメーションとインタラクティブ機能を追加する, 読者がチャートから何か新しいことを学ぶことができるだけでなく、それと共に遊ぶことができるように。そこにあるたくさんのJSライブラリーのおかげで、実際には思ったより簡単です。チェックしてみましょう. チャートJS Chart.js 折れ線グラフ、棒グラフ、レーダーチャート、極地域チャート、円グラフ、ドーナツチャートの6種類のチャートを作成するための依存関係のないライブラリです。ライブラリもチャートの種類に応じて分割されているので、不要なものがページに表示されることはありません。レスポンシブデザインをサポートし、色やアニメーションなどの変数を簡単に変更してチャートインターフェイスをカスタマイズできます。. 2.チャーティストJS チャーティストJS SVGを利用するレスポンシブチャートを作成するための素晴らしいライブラリです。その応答性に加えて、Chartistは懸念の明確な分離を使用することによってあなたに柔軟性を与えます:CSSによるスタイルとJSによるコントロール。カスタマイズを容易にするために、SASSファイルが含まれています。ここで素晴らしいことは、ChartistアニメーションAPIのSMILを使用してチャートをアニメーション化するための無限のオプションがあり、それによって追加のアニメーションオプションが得られることです。. 3. C3 JS C3 JS D3 JSに基づいてグラフを作成するためのライブラリです。 D3 JSを使ってチャートを作成するのに必要なコードをまとめているので、D3コードの作成をスキップしてデータを入力するだけで済みます。 C3には、チャートを簡単に制御するために使用できるさまざまなAPIが付属しています。チャートをカスタマイズするには、特定のCSSクラスに独自のカスタムスタイルを定義します。単純な折れ線チャートからゲージチャートまでチャートを作成します。このページをチェックして、図書館のしくみを確認してください。. 4.浮遊する 浮遊する シリーズのオン/オフ、データポイントのインタラクション、パン、ズームなどのインタラクティブな要素を持つチャートを作成するためのjQuery plguinです。 Flotにはさまざまなチャートタイプのオプションがあります。チャートにもっと機能を追加したい場合は、ここで使用できるプラグインもいくつかあります。チャートは、HTMLキャンバスをサポートするブラウザでうまく機能します。. 5. EChart...