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.
374
16 章 D3 入門
−
棒グラフ
16.11
遷移
このままでも、図
16-23
の棒グラフは十分実用的です。データの変更に従って棒要素の追加や
削除を行ってから新しいデータで更新します。しかし、そのグラフの切り替えが瞬間的に行われる
と、少し唐突で視覚的に違和感を覚えるでしょう。
■
D3
の遷移は要素の視覚的更新を滑らかにする機能があり、ある一定時間で連続的に変更しま
す。これは美しさの観点からも魅力的で、しかも情報が得られることもあります
†
。また、
D3
の遷
移はユーザに強い印象を与えるので、遷移はぜひ学ぶべきです。
これから図
16-24
のように遷移させたいと思います。新たに選択したデータセットで棒グラフ
を更新するときに、遷移の前後で表示する国の棒を以前の位置と大きさから新たな位置と大きさに
滑らかに変化させたいのです。そのため、図
16-24
ではフランスの棒は遷移の間（例えば
2
秒間）
に開始状態から終了状態にまで拡大し、その途中で棒の幅と高さが大きくなっていきます。軸の目
盛りとラベルも
x
と
y
スケールが変わるとそれに応じて変化します。
■
図
16-24
のような効果はとても簡単に得られますが、データを
D3
に結合する正確な方法はき
ちんと理解しておきましょう。デフォルトでは、新しいデータを既存の
DOM
要素にバインディ
ングすると、配列インデックスで結合されます。図
16-25
は、選択した棒を例として使ってこれ
† 例えば、国別の受賞者数を絶対数から
1
人当たりに変更すると、国の棒の順番が変わるときに表示される大きな動きが ...
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.