August 2017
Intermediate to advanced
500 pages
12h 3m
Japanese
Content preview from PythonとJavaScriptではじめるデータビジュアライゼーション
Become an O’Reilly member and get unlimited access to this title plus top books and audiobooks from O’Reilly and nearly 200 top publishers, thousands of courses curated by job role, 150+ live events each month,
O’Reilly covers everything we've got, with content to help us build a world-class technology community, upgrade the capabilities and competencies of our teams, and improve overall team performance as well as their engagement.I wanted to learn C and C++, but it didn't click for me until I picked up an O'Reilly book. When I went on the O’Reilly platform, I was astonished to find all the books there, plus live events and sandboxes so you could play around with the technology.I’ve been on the O’Reilly platform for more than eight years. I use a couple of learning platforms, but I'm on O'Reilly more than anybody else. When you're there, you start learning. I'm never disappointed.I'm always learning. So when I got on to O'Reilly, I was like a kid in a candy store. There are playlists. There are answers. There's on-demand training. It's worth its weight in gold, in terms of what it allows me to do.
346
16 章 D3 入門
−
棒グラフ
16.1
課題の認識
棒グラフには
3
つの重要な要素があります。軸、凡例とラベル、そしてもちろん棒です。最新
のインタラクティブな棒グラフを作成するので、ユーザインタラクション（つまり、最上部の選択
肢での受賞者のフィルタリング）に応じて軸や棒を変換します（図
14-1
を参照）。
グラフを一歩ずつ作成し、最後の「
16.11
遷移」では
D3
遷移に挑戦します。
D3
遷移により、
D3
で作成した図はより印象的に魅力的になります。しかし、まずは
D3
の基本を説明します。
• Web
ページでの
DOM
要素の選択
•
属性、プロパティ、スタイルの取得や設定
• DOM
要素の追加や挿入
上の基礎を固めたら、楽しいデータバインディングに進みます。
D3
はデータバインディングで
徐々にその力を発揮します。
16.2
セレクション
セレクションは
D3
の中核です。
D3
は、
jQuery
のような
CSS
セレクタを使って個々の
DOM
要素やグループ化した
DOM
要素の選択や操作を行えます。
D3
のすべての連結操作では、最初に
select
や
selectAll
メソッドを使って
DOM
要素や
DOM
要素の集合を選択します。
select
は一
致する最初の要素を返します。
selectAll
は一致する要素の集合を返します。
■
図
16-2
は、
select
や
selectAll
メソッドを使った
D3
セレクションの例です。このようなセレ
クションを使って
1
つ以上の棒の
height
属性を変更します。
select
メソッドはクラス
bar
の最初
Become an O’Reilly member and get unlimited access to this title plus top books and audiobooks from O’Reilly and nearly 200 top publishers, thousands of courses curated by job role, 150+ live events each month,
and much more.
Read now
Unlock full access
More than 5,000 organizations count on O’Reilly
O’Reilly covers everything we've got, with content to help us build a world-class technology community, upgrade the capabilities and competencies of our teams, and improve overall team performance as well as their engagement.Julian F.
I wanted to learn C and C++, but it didn't click for me until I picked up an O'Reilly book. When I went on the O’Reilly platform, I was astonished to find all the books there, plus live events and sandboxes so you could play around with the technology.Addison B.
I’ve been on the O’Reilly platform for more than eight years. I use a couple of learning platforms, but I'm on O'Reilly more than anybody else. When you're there, you start learning. I'm never disappointed.Amir M.
I'm always learning. So when I got on to O'Reilly, I was like a kid in a candy store. There are playlists. There are answers. There's on-demand training. It's worth its weight in gold, in terms of what it allows me to do.