Skip to Content
PythonとJavaScriptではじめるデータビジュアライゼーション
book

PythonとJavaScriptではじめるデータビジュアライゼーション

by Kyran Dale, 嶋田 健志, 木下 哲也
August 2017
Intermediate to advanced
500 pages
12h 3m
Japanese
O'Reilly Japan, Inc.
Content preview from PythonとJavaScriptではじめるデータビジュアライゼーション
89
4.6 プレースホルダを含む基本的なページ
div#main, div#sidebar {
position: absolute; #
}
div#main {
width: 75%;
height: 100%;
background: #eee;
}
div#sidebar {
right: 0; #
width: 25%;
height: 100%;
}
この
dev
クラスは可視ブロックの境界を確認でき、可視化作業に便利。
chart-components
を相対的な親にする。
main
sidebar
の位置を
chart-components
に対して相対的にする。
このブロックを
chart-components
の右端にぴったり重なる位置にする。
チャート要素メインとサイドバーには絶対位置指定を使っています(
4-2
)。
CSS
でコンテン
ツブロックの位置を決める方法はさまざまありますが、絶対位置指定は配置を明示的に制御できる
ので、適切な外観にしたければ絶対位置指定を必ず使います。
chart-components
コンテナのサイズを指定すると、子要素
main
sidebar
のサイズと位置は親
に対する割合で決まります。つまり、
chart-components
のサイズ変更が子に反映されるのです。
次のように、
skel_html
skel_css
で定義された
index.html
ファイルと
style.css
ファイルの
あるプロジェクトディレクトリで
Python
1
行の
SimpleHTTPServer ...
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

AirBnbBlueOriginElectronic ArtsHomeDepotNasdaqRakutenTata Consultancy Services

QuotationMarkO’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.
Head of Cybersecurity
QuotationMarkI 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.
Field Engineer
QuotationMarkI’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.
Data Platform Tech Lead
QuotationMarkI'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.
Mark W.
Embedded Software Engineer

You might also like

ハイパフォーマンスPython

ハイパフォーマンスPython

Micha Gorelick, Ian Ozsvald, 相川 愛三
データサイエンス設計マニュアル

データサイエンス設計マニュアル

Steven S. Skiena, 小野 陽子, 長尾 高弘
パフォーマンス向上のためのデザイン設計

パフォーマンス向上のためのデザイン設計

Lara Callender Hogan, 西脇 靖紘, 星野 靖子
ハイパフォーマンスPython 第2版

ハイパフォーマンスPython 第2版

Micha Gorelick, Ian Ozsvald, 中山 光樹

Publisher Resources

ISBN: 9784873118086Other