サクサク読めて、アプリ限定の機能も多数!
トップへ戻る
買ってよかったもの
dataisfun.org
軸を表示すると、グラフらしくなります。軸を作るにはd3.svg.axis()を使います。これとd3.scaleを組み合わせることで、軸と散布図がうまく一致します。 まずHTMLの全コードと結果です。今回はstyleタグを使ってスタイルも変えています。 結果: コード: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <!-- 軸の属性を決めている。特にfill:none;にしないと真っ黒になる。--> <style> .axis text { font: 10px sans-serif; } .axis path, .axis line { fill: none; stroke: #000; stroke-width: 2; shape-rendering: crispEdges; } </style> </head> <body
今回はツリーチャートを作ります。ツリーチャートは、親から子に枝分かれしていく樹形図です。d3.layout.treeにデータを入れると、自動的にツリーのノードの座標と、枝の開始点と終了点の座標を計算して出してくれます。 実際にツリーを描くときは、circleをノードの座標に、diagonal曲線を枝として使います。diagonalの詳しい使い方はD3.js チュートリアル: レイアウト – diagonalで曲線をつなぐにあります。 でもツリーを作るときに一番重要なのは、使うデータの構造です。下のように、入れ子構造になっているデータを使います。 この場合は、”name”がノードの名前、”種類”が子のノードを入れるリストの名前です。ツリー構造として描く時は、この”種類”が枝の部分に使われて、子ノードへ枝を伸ばしていく形になります。”好き度”という値は今回は使いませんが、ノードの大きさなど
これまでのシリーズでは、データはhtmlやjavascriptファイルに書き込んだものを使っていました。外部のファイルが使えるようになると、他のウェブサイトからデータを取って使うことができます。また、何千もあるようなリストを読み込むことも簡単にできます。 1.csvとJSONの構造: 外部ファイルとして一番使われているデータ形式はcsvとJSONです。 csv: csvはエクセルと似ていて、縦と横に広がるテーブルです。ファイル名はtest.csvのように語尾にcsvをつけます。 エクセルと違うところは、csvは列をカラムとして使い、行は同じ属性のデータを入れるところです。カラムはコンマを使って区別します。改行は次の行に行くという目印です。 たとえば下の例では、dateとcloseという2つの属性カラムが一番上の行で宣言されています。 それより下の行は、それぞれdateとcloseの値
このページはD3.jsチュートリアル基本シリーズの 1 / 9 です。D3.jsは現在世界中で活発に広まりつつある、Javascriptのデータビジュアライゼーションツールです。D3.jsでどういうことができるかは、作成
What’s Your Major? 4 Decades Of College Degrees, In 1 Graphでは、1970年から2011年までの大学学部生の数をスタックチャートでビジュアライズしてい
このページはD3.jsチュートリアル基本シリーズの 7 / 7 です。いよいよアニメーションでSVG要素を動かしてみます。といっても簡単にできます。基本的には.transition()の後に続いて、変化させた結果の状態を
2014/05/08 ↔ no comments 最も過大評価された映画、一位は? What are the most overrated films? | Benomicsのブログより。問題は過大評価や過小評価をどう定義するかです。彼が考えた基準は、映画評論家の評価が高いのに一般客の評価が低いものほど過大評価とみなすというものです。言い換えると一般人には評判が悪いのに影響力のある評論家からは高いという食い違いを見ようということです。 都合の良いことに、アメリカには一般人が映画評論できるRotten Tomatoesがあり、そこにはAPIとして映画情報をURLから取れる機能があります。 しかし実は彼が苦労したのはここで、「映画一覧」、「レビューが多い映画」や「レートが高い映画」などのランキングを取る機能がないので、対象とする映画リストを取るのに工夫をしています。 Top Rentalsリ
↑↑↑購入はこちらから↑↑↑ 年末年始と言えば「カニ」ですよね! 冬はカニの旬で、一番おいしくいただける時期です。 高額な食材なので、年末年始の一大イベントにしているご家庭も多いと思います。 でも、いざカニを買って、こんな思いをしたことがありませんか? こういった美味しくないカニが流通する背景には、利益重視の悪質な業者があるようです。 カニの管理が杜撰だったり、そもそも質の悪いカニを低価格で仕入れていたりするとのこと。 せっかく家族全員が楽しみにしていたカニが、こういった業者のものにあたってしまったら最悪ですよね! どうせ買うなら「美味しくて」「大きい」カニが食べたいのはみんな同じです! でも、残念なことに、素人には美味しいカニとそうでないカニをなかなか見分けることができません。 私もいろいろなお店でカニを購入してきましたが、ネットショップのカニってハズレ率が高い気がします……。自分の目で
このページを最初にブックマークしてみませんか?
『かに本舗のすすめ.com』の新着エントリーを見る
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く