You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
はじめに 前回に引き続き、今回はD3.jsで円グラフを表示する上でポイントとなる点を取り上げ また公式サイトのサンプルソースを解析してみたいと思います。 ポイントについて D3.jsで円グラフを描くには ・データ一つ一つを表すパイ(扇)を設定する ・各パイに円弧を指定して円グラフとする という手順となります。 それらパイ(扇)、円弧を描くのが、D3.jsの以下の関数となります。 ・d3.layout.pie パイを作成します。 ・d3.svg.arc arc(円弧)を作成します。 詳細については、公式サイトのAPI Referenceを参考にしてください。 API Reference · mbostock/d3 Wiki · GitHub サンプルソース 上記のポイントを踏まえ、公式サイトに乗せられている Pie Chart を解析し、コメントを追加しました。 <!DOCTYPE html
「データビジュアライゼーション(D3.js)を学ぶための教材まとめ」も大分量が増えてきて、初めてD3.jsを学ぶという人にはどこから手をつけて良いものか解りづらくなってきました。 そこで、ゴールデンウィーク中にD3.jsを学んでみたいという方に、いくつか厳選してお勧めしてみたいと思います。 スライドを眺める まずはD3.jsがどんなライブラリなのか把握しましょう。 ・about d3.js チュートリアルを学ぶ とりあえず分量・内容的に下記のチュートリアルがお勧めです。 ・D3 チュートリアル|スコット・マレイ|alignedleft 余裕があっていろんなレイアウトのグラフを描いてみたいなら、下記サイトを。 ・svg要素の基本的な使い方まとめ コード共有サイトを使って実践 チュートリアルを手軽に試すなら、コード共有サイトを利用するのが楽チンです。 jsdo.it, jsfiddle, Tr
Procoding Processing.jsやPaper.jsなどのグラフィックライブラリを利用したプログラミングを気軽に行えるアプリ「Prociding」が、バージョンアップしてD3.jsにも対応しました。 Procodingは、エディタとプレビュー機能を備えた開発環境です。 エディタには構文強調表示、自動補完などの機能が備わっており、常時JSHintによってシンタックスのチェックが行われます。プレビュー画面にはエラーコンソールついているので、エラーを確認するのも簡単です。 これでDOMの状態を確認できる機能などがあればかなり便利なのですが、残念ながら今のところありません。 手軽にiPhoneを使ってD3.jsプログラミングが楽しめるのでお勧めです。
クラウド サービス (PaaS) でペタバイト級のデータ分析が可能な Azure SQL Data Warehouse。 今回、多様な製品でのデータ ウェアハウス構築の経験が豊富なシステム サポート様を迎え、リアルなシステムで本当に使える Azure SQL Data Warehouse のチューニングの勘所をお伝えします! 受講対象: Azure SQL Data Warehouse でパフォーマンスに悩んでいる方、DWH 製品を検討中の方、別製品からの移行を検討中の方に最適なセッションです。 関連リソース 1: Azure SQL Data Warehouse (https://azure.microsoft.com/ja-jp/services/sql-data-warehouse/) 関連リソース 2: 株式会社システムサポート (https://www.sts-inc.co.jp
about D3.js by Yosiya Hinosawa スライドの URL: http://kt3k.github.com/d3intro/ D3.js? D3.js とは・・・ ブラウザ向け javascript のライブラリ Data Visualization 用途 (グラフ、チャート etc...) minify して 140+KB D3.js GitHub で公開 スターの数 7位!(13,490+個) @ GitHub BSD License どういうことができるの? examples streamgraph word cloud Forced Directed Graph 統計地図 production な例 github.com calendar view NYTimes.com The Facebook Offering: How It Compares - NYT
最近名前を聞くことが多くなってきたD3.jsを試してみています。 まだ使い始めたばかりですが、D3.jsの設計の素晴らしさに感動しています。 データを与えればグラフが表示されるというような単純なものではないので、敷居が高く感じていましたが、設計を知るほどによく出来ていて驚きます。 D3.jsとは何か? そもそも、D3.jsとはなんでしょう? D3.js – Data-Driven Documents D3.jsは、データをブラウザで可視化するためのライブラリです。 単なるグラフライブラリではなく、もっと抽象的な「可視化」を扱うのが特徴です。 抽象的なレイヤーを扱うので、ライブラリと言っても機能より設計が重要で、D3.jsが支持されている理由はその設計の素晴らしさにあります。実際に描画しながら、その設計の違いについて考えていきます。 企業の時価総額と営業利益の関係をプロット 例題として、企業
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く