billboard.js - D3.jsを用いた多彩なグラフライブラリ MOONGIFT

テクノロジーカテゴリーの変更を依頼記事元:

www.moongift.jp

18 usersがブックマークコメント

記事へのコメント0件

注目コメント
新着コメント

新着コメントはまだありません。
このエントリーにコメントしてみましょう。

注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています

リンクを埋め込む

以下のコードをコピーしてサイトに埋め込むことができます

<iframe marginwidth="0" marginheight="0" src="https://b.hatena.ne.jp/entry.parts?url=https%3A%2F%2Fwww.moongift.jp%2F2020%2F08%2Fbillboard-js-d3-js%25E3%2582%2592%25E7%2594%25A8%25E3%2581%2584%25E3%2581%259F%25E5%25A4%259A%25E5%25BD%25A9%25E3%2581%25AA%25E3%2582%25B0%25E3%2583%25A9%25E3%2583%2595%25E3%2583%25A9%25E3%2582%25A4%25E3%2583%2596%25E3%2583%25A9%25E3%2583%25AA%2F" scrolling="no" frameborder="0" height="230" width="500"><div class="hatena-bookmark-detail-info"><a href="https://www.moongift.jp/2020/08/billboard-js-d3-js%E3%82%92%E7%94%A8%E3%81%84%E3%81%9F%E5%A4%9A%E5%BD%A9%E3%81%AA%E3%82%B0%E3%83%A9%E3%83%95%E3%83%A9%E3%82%A4%E3%83%96%E3%83%A9%E3%83%AA/">billboard.js - D3.jsを用いた多彩なグラフライブラリ MOONGIFT</a><a href="https://b.hatena.ne.jp/entry/s/www.moongift.jp/2020/08/billboard-js-d3-js%E3%82%92%E7%94%A8%E3%81%84%E3%81%9F%E5%A4%9A%E5%BD%A9%E3%81%AA%E3%82%B0%E3%83%A9%E3%83%95%E3%83%A9%E3%82%A4%E3%83%96%E3%83%A9%E3%83%AA/">はてなブックマーク - billboard.js - D3.jsを用いた多彩なグラフライブラリ MOONGIFT</a></div></iframe>

プレビュー

規約違反を報告

いまの話題をアプリでチェック！

バナー広告なし
ミュート機能あり
ダークモード搭載

アプリをダウンロード

billboard.js - D3.jsを用いた多彩なグラフライブラリ MOONGIFT

Web上でグラフを描きたいケースはとても多いです。そしてグラフは単に1種類知っておけばいいわけではな... Web上でグラフを描きたいケースはとても多いです。そしてグラフは単に1種類知っておけばいいわけではなく、用途に合わせて最適なものを選ばないといけません。一つのライブラリだけで行うなら、なるべく多くの表示パターンに対応したものを使うべきでしょう。今回紹介するbillboard.jsは一般的なグラフであれば、大抵こなせる強い味方です。覚えておくと使える場面が多そうです。 billboard.jsの使い方主なグラフについて紹介していきます。まずは円グラフ。オンマウスに対応しています。他のグラフも同様です。エリアチャート。エリアレンジチャート。棒グラフ。バブルチャート。複合グラフ。ドーナッツグラフ。ゲージグラフ。折れ線グラフ。折れ線グラフですが、途中線種を変えています。レーダーチャート。散布図。曲線グラフ。積み重ねの棒グラフ。ステップグラフ。グリッドライン。横