Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
sss2023-pie
Search
Takahiro Sumiya
August 20, 2023
Education
0
270
sss2023-pie
円グラフと帯グラフの量的把握の比較検討
情報処理学会情報教育シンポジウム (SSS2023)
2023/08/20
Takahiro Sumiya
August 20, 2023
Tweet
Share
More Decks by Takahiro Sumiya
See All by Takahiro Sumiya
生成AI活用セミナー/GAI-workshop
gnutar
0
120
GAI-FD2025
gnutar
0
61
卒論・修論執筆における生成AI 活用とAI 不安:広島大学での実態調査 (2)/CE180
gnutar
0
43
大学教育現場と著作権/DME-2025-06-04
gnutar
0
58
著作権と授業に関する出前講習会/dme-2025-05-01
gnutar
0
220
Excelグラフはどうしてダサいのか/csd2024-3-sumiya
gnutar
0
110
出前講習会-西海市教育委員会/DME-2025-02-10
gnutar
0
57
オンデマンド授業と著作権/dme-2024-12-17
gnutar
0
67
著作権に関する アンケート (2024) 結果報告/sugowaka-enq-2024
gnutar
0
95
Other Decks in Education
See All in Education
SISTEMA DE MEMORIA Y SU IMPACTO EN LAS DECISIONES.
jvpcubias
0
170
授業レポート:共感と協調のリーダーシップ(2025年上期)
jibunal
0
110
大学院進学について(2025年度版)
imash
0
130
Técnicas y Tecnología para la Investigación Neurocientífica en el Neuromanagement
jvpcubias
0
160
Transición del Management al Neuromanagement
jvpcubias
0
240
中間活動報告会 人材育成WG・技術サブWG / 20250808-oidfj-eduWG-techSWG
oidfj
0
700
20250611_なんでもCopilot1年続いたぞ~
ponponmikankan
0
190
Introduction - Lecture 1 - Human-Computer Interaction (1023841ANR)
signer
PRO
0
2.5k
Padlet opetuksessa
matleenalaakso
4
14k
自分だけの、誰も想像できないキャリアの育て方 〜偶然から始めるキャリアプラン〜 / Career planning starting by luckly v2
vtryo
1
200
2026 g0v 零時政府年會啟動提案 / g0v Summit 2026 Kickstart
rschiang
0
320
万博マニアックマップを支えるオープンデータとその裏側
barsaka2
0
860
Featured
See All Featured
Designing for Performance
lara
610
69k
Automating Front-end Workflow
addyosmani
1371
200k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
194
16k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
127
53k
Fantastic passwords and where to find them - at NoRuKo
philnash
52
3.4k
The Cost Of JavaScript in 2023
addyosmani
53
9k
Statistics for Hackers
jakevdp
799
220k
Build The Right Thing And Hit Your Dates
maggiecrowley
37
2.9k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
252
21k
[RailsConf 2023] Rails as a piece of cake
palkan
57
5.9k
RailsConf 2023
tenderlove
30
1.2k
Build your cross-platform service in a week with App Engine
jlugia
231
18k
Transcript
円グラフと帯グラフの 量的把握の比較検討 広島大学 情報メディア教育研究センター 隅 谷 孝 洋 広島大学 先進理工系科学研究科
坂下 潤一郎 2023/08/20 SSS2023@工学院大学 AI generated image, on https://app.leonardo.ai/ (DreamShaper v7)
円グラフってどうですか? 2 あなたの知らない詐欺グ ラフの世界 etc. 円グラフばかりでうんざり (某統計グラフコンクール審査員) 怪しい円グラフ: FNNスーパーニュース(2013) https://www.google.co.jp/search?tbm=isch&q=౷ܭάϥϑίϯΫʔϧ
“Data that can be shown by pie charts always can be shown by a dot chart.” 「円グラフは情報を表示す る方法としては最悪だ」 (R help) William S. Cleveland
円グラフ、棒グラフ、ドット・チャート、帯グラフ 3 A B C D A B C D
A B C D A B C D
円グラフと帯グラフの性能比較実験をやりました 4 (1) 割合読取 (2) 相対比較 「三番目に大きいところは?」 着色した部分の割合は? RQ: 正確に読み取れるのは円帯のどちらか?
早く読めるのは?
被験者アンケート:円グラフと帯グラフはどちらが読み取りやすいか 5 0 200 400 600 800 (人) 0 200
400 600 800 (人) 実験前アンケート 「割合を読み取りやすいと 思うのはどちら?」 「読み取りやすかった のはどちら?」 実験後アンケート 割合読取 相対比較 円グラフ 帯グラフ どちらでもない 円グラフ 帯グラフ どちらでもない 円グラフ 帯グラフ どちらでもない 実験
実験用Webページの構築 ‣ アンケート提示 ‣ 割合読取:円グラフ ‣ 割合読取:帯グラフ ‣ 相対比較:円グラフ ‣
相対比較:帯グラフ ‣ アンケート提示 HTMLとJavascriptで提示、入力をう けとり、入力されたものはPHP経由で SQLiteデータベースに保存。 6 (a) 円グラフ:割合読取 (b) 帯グラフ:割合読取 (c) 円グラフ:相対比較 (d) 帯グラフ:相対比較 https://demo-la.riise.hiroshima-u.ac.jp/graph_svy/
1回分の実験データ 7 (1) 割合読取(20問) (2) 相対比較(10問) A1 CA1 TA1 割合読取/円グラフ
A2 CA2 TA1 A10 CA10 TA10 B1 CB1 TB1 割合読取/帯グラフ B2 CB2 TB2 B10 CB10 TB10 C1 CC1 TC1 相対比較/円グラフ C2 CC2 TC2 C5 CC5 TC5 D1 CD1 TD1 相対比較/帯グラフ D2 CD2 TD2 D5 CD5 TD5 ʜ ʜ ʜ ʜ ʜ ʜ ʜ ʜ ʜ ʜ ʜ ʜ 入力値 正解 応答時間 メタ データ 30件 の回答 データ ID, 性別, 年代, アンケート1-4 ランダムな数値で10問出題 同じセットで順序を変えて10問出題 事前準備したセットから5問出題(順序は無作為に) 同じ問題を5問出題(順序は無作為に)
「クラウドソーシング」による実験 数多く、幅広い層からデータを集めたい 8 https://crowdworks.jp/public/jobs/9155449
CrowdWorks+独自サイトでの実験の流れ 9 実験者(著者ら) CrowdWorks 被験者(ワーカー) 実験用Webサイト タスク登録 タスク参照・開始 実験用サイトURL提示 サイト表示・実験開始
確認コード提示 確認コード入力 確認コード閲覧・承認 報酬支払い アンケート 割合読取 相対比較 アンケート (タイミング不明) 承認通知 サイト構築 (事前準備) (事後処理) (実験)
ワーカーさんたちの応答時間 確認コードの発行を受けた被験者が、セッションを開始した時刻 10 2023年5月20日午前7時開始 同日正午前に 800件達成 確認コード提出数 約4件/分のスピード!
ワーカーさんたちのプロファイル N=799 11 男性 362名/45.3% 女性 435名/54.4% 0 0 50
50 100 100 150 150 200 200 10 代 20 代 30 代 40 代 50 代 60 代 70 代ʙ
割合読取:すべての結果 (N=7990) 12 y = 6 10 x y =
− x N: 7,990 誤差2: 34.3 応答時間: 12.7 N: 7,990 誤差2: 20.1 応答時間: 9.1
割合読取:時計読みと裏読み 13 12 1 2 3 4 5 6 7
8 9 10 11 75% ↓ 45分 75% ↓ 25% 時計読み 今回の回答の3-4%程度 裏読み 今回の回答の0.3%
割合読取: |正答−回答|<15 を残す ← SD(正答−回答)=5 14 N: 7,801 誤差2: 11.5
応答時間: 12.8 N: 7,947 誤差2: 12.5 応答時間: 9.1
割合読取:正答による平方誤差(移動平均) 円グラフは25%,50%,75%で、帯グラフは50%で落ちることが予想される 15
割合読取:正答による応答時間(移動平均) 円グラフは25%,50%,75%で、帯グラフは50%で落ちることが予想される 16
割合読取:個人ごとに精度と応答時間を平均(両軸ログ) ‣ 平方誤差:円<帯 ‣ 応答時間:円>帯 ‣ 相関関係? ✓ 平方誤差:円×帯:正・弱 ✓
応答時間:円×帯:正・強 ✓ 平方誤差×応答時間: 負・中 17
相対比較: 個人ごとに正解数と応答時間の平均 18
相対比較: 円グラフの性能が悪かったところ 19 84.5% 88.7% 73.0% 88.5% 75.8% 88.9% 80.5%
91.5% 96.2% 95.5% 正解率 (N=799) ±7 ±2 ±3 ±2 ±2 ±3 ±3 ±3 ±7 ±9 12,14,21,23,30 12,18,21,23,26 13,18,20,23,26 15,17,20,23,25 9,12,19,28,32
実験のまとめ ‣ 割合読取 ✓ 精度:円グラフ>帯グラフ ✓ 速度:円グラフ<帯グラフ ‣ 相対比較 ✓
精度:円グラフ<帯グラフ ✓ 速度:円グラフ<帯グラフ ‣ 円グラフの割合読取は、時計読みから変換しているのでは? 20 言うほど悪くない! 3-4%の差であれば、8割以上の人が判別できる 実証は今後の課題 円グラフは、専門家が思うほど悪くないが、一般人が思うほどは良くない おまけ:クラウソーシング使えます