javascript - D3 を使用してウィスカーのないカラー ボックス プロットを作成する

Question

私は D3 を初めて使用し、Glassdoor が使用するものと同様のグラフを使用して、さまざまなサービスの価格範囲 (最低価格、中央価格、最高価格) を表示したいと考えています (この例を参照してください: http://bit.ly/1koKeLL ) .

これは、左右の余白が変化する横棒グラフで、低いデータ ポイント、中央値データ ポイント、高いデータ ポイントをグラフィカルに示します。特にD3を学んでいる人にとって、これを実装する最良の方法を知っている人はいますか?

Answer 1

この男は、あなたのチャートよりも複雑なチャートを非常にうまく実装したと思います。

D3 のブレット チャート

ただし、D3 を理解し、知的で生産的な方法で使用したい場合は、次のことを強くお勧めします。

近道をしないでください。

これは、何かを実装する前に、少なくとも 1 つの優れたチュートリアルを実行し、D3 ドキュメントを少なくとも簡単に確認することを意味します。

良いチュートリアルはこちらです。全20 レッスンを受講します。すべての例をローカル マシンに実装します。数日でできます。そして、あなたはあなたの例に戻ります。

「昨日 D3 を使い始めて、今では最高にクレイジーなビジュアライゼーションを作成しています」など、ネット上で見つけられるストーリーに惑わされないでください。それらは嘘か深い無知のどちらかです。