グラフの表示｜復習｜高校の情報学探究 Streamlit で Web アプリを作る第4回

予習で選んだ予想

授業で確かめた答えと比べる

01今日の要点

覚える図は 3 つで足りる。st.bar_chart(df[col].value_counts())（棒）、st.line_chart(df[col])（折れ線）、st.metric("記録の数", len(df))（数を 1 つ）
選ぶ手がかりは並ぶ順番に意味があるか。教科・部活・色のように並べ替えて困らないなら棒。日・月・時刻のように並べ替えると話が変わるなら折れ線
「ごと」という言葉だけでは決まらない。「月ごとの移り変わり」は「ごと」が入っていても、並ぶのが月なので順番に意味がある。だから折れ線
問いが先、図は後。図を先に決めてから問いを作ると、たいてい合わない。どれにも決まらないときは、問いがまだ一文になっていない
前回のコードに3 行足すだけで図が出る。列も図の種類も st.selectbox で選ばせると、相手が自分で見方を変えられる
st.line_chart は数の列でないと出ない。文字の列を選ばれると止まる。止まらないようにする手当ては第6回で扱う

02確認問題

1「部活ごとの人数の多い少ないを見たい」に合う図はどれか折れ線グラフ棒グラフ数を 1 つ

2「毎日の来館者数が、増えているか減っているかを見たい」に合う図はどれか棒グラフ数を 1 つ折れ線グラフ

3value_counts() は何をするものか列の値を大きい順に並べ替えるその列に同じ値がいくつあるかを数える列の平均を出す

数えた結果が棒の高さになるので、st.bar_chart(df[col].value_counts()) の形で使う。平均を出すのは別の命令で、st.metric に入れることが多い。

4「月ごとの移り変わりを見たい」が折れ線になる理由はどれか「移り変わり」という言葉が入っているから、無条件に折れ線になる並ぶのが月なので、並べ替えると話が変わる。順番に意味がある月は 12 個あって、棒にすると多すぎるから

5自分の問いに合う図が、どうしても決まらないときにすることはどれかとりあえず棒グラフにしておく「何を知りたいか」を先に一文で書く 3 種類とも並べて出す

6図を出すために、前回のコードに足したのは何行か 10 行以上を新しく書き直した 3 行だけ。st.selectbox と、if で分けた 2 つの図の行 1 行も足さず、設定を変えただけ

動くものに 1 行ずつ足していく作り方は、情報Ⅰ の第11回でもやった。全部書いてから実行しない。前回のコードの st.dataframe のあとに 3 行入っただけ。

7文字の列を選ばれて st.line_chart が止まったとき、この回ですることはどれかその場で if を足して、止まらないようにする止まる場面を見るだけにして、手当ては第6回でまとめて行う折れ線を使うのをやめる

03書いて確かめる

自分の問いを一文で書き、それに合う図と、コードの 1 行を書く。df[col] のままにせず、自分の列の名前に直す。まだ表がない人は、これから作る表の列の名前で書く。

答えの例を見る

例: 知りたいこと: 何時に行くと、待ち時間がいちばん長いか／合う図とその 1 行: 棒グラフ。st.bar_chart(df["時刻"].value_counts())

04探究へ

探究の発表で、図は必ず使う。そのとき「きれいだから」「よく見るから」で選ぶと、見る人は違う話を読み取ってしまう。並ぶ順番に意味があるかという手がかりを 1 つ持っておくと、その場で選べる。さらに、アプリの形にすると、見る人が自分で列を選び、図を切り替えられる。紙のグラフとの違いはここにある。作った側が見せたい 1 枚を見せて終わりにせず、相手が自分の関心で見方を変えられる。そのぶん、返す図が正しく読めるものかどうかの責任も増える。

自分の探究で出したい図は何か。並ぶ順番に意味があるか、ないか
その図を見た人が、読みまちがえそうなところはどこか。題や説明で何を書き添えるか

ここに書いたメモは探究ノートに集まる。総合的な探究の時間のテーマ決めや、調べ方を考えるときに開く。まだテーマが決まっていなくても書ける。いま気になっていることを一つ思い浮かべて、そこに当てはめてみる

05次回へ

次回は「状態の保持と画面の構成」。ここまで、入れてもらった値はその場で使って、その場で捨ててきた。1 回ぶんの計算ならそれで足りるが、押した回数を数えるような、前の値が要るものは作れない。なぜ作れないのかを、まず予想して確かめる。そのあと、設定を横に寄せて画面を分ける方法も扱う。

次回「状態の保持と画面の構成」の予習へ ›

書いたものの残り方

このページに書いたものは、いま使っているこの端末の、このブラウザの中にだけ残ります。サーバには送られません。次に同じ端末で開けば、書いたものはそのまま出ます。

別の端末で開くと見えません。学校の端末と家の端末は別ものとして扱われます。ブラウザの履歴やサイトデータを消したときも、一緒に消えます。残しておきたいものは、下の「書いたものをコピー」で自分のノートや提出先に貼ってください。