31:Tb5c,md`### シラバス #### 授業方針・テーマ本科目では、情報社会に流通するデータを編集し効果的に提示するために、データを起点としたデータドリブンデザインの基礎を身につける。詩的な作品としてのパーソナルな可視化プロジェクトと、社会問題を提起するソーシャルな可視化プロジェクトの両方に取り組む。Web上のチャートやビジュアライゼーションの企画・制作を、演習・制作、プレゼンテーションを通して学ぶ。 #### 習得できる知識・能力や授業の目的・到達目標 - HTML/JavaScript/CSSを駆使した可視化コンテンツの企画、実装、プレゼンテーション能力を身につける - データドリブンデザインの技術的基礎を理解し、活用できる - 社会問題をとりあげた作品制作の企画・制作の能力を身につける #### 評価基準 - 20% 授業内課題（可視化の理解） - 20% 授業内発表（パーソナルな可視化） - 60% 授業内発表（ソーシャルな可視化） #### 出欠ルール出席回数は評価しない。（出席点なし）受講後にリアクションペーパーを提出すること。欠席・遅刻・早退は事前連絡すること。 5回欠席で失格。 30分未満の遅刻・早退＝1/3回欠席。 30分以上の遅刻・早退＝1回欠席。 #### 授業計画・内容授業方法 - 2020-10-02 第01回　オリエンテーション - 2020-10-09 第02回　パーソナルな可視化（１）　データ可視化の歴史・日常の記録対象の検討 - 2020-10-16 第03回　パーソナルな可視化（２）　事例発表／データ可視化の基本・ドローイング企画 - 2020-10-23 第04回　パーソナルな可視化（３）　ドローイング企画発表／D3.js入門(1)／ドローイング - 2020-10-30 第05回　パーソナルな可視化（４）　ドローイング発表／D3.js入門(2) - 2020-11-06 第06回　パーソナルな可視化（５）　ドローイングのWeb化 - 2020-11-13 第07回　パーソナルな可視化（６）　ドローイングのWeb化 - 2020-11-20 第08回　事例調査と発表 - 2020-11-27 第09回　ソーシャルな可視化（１）　企画 - 2020-12-04 第10回　ソーシャルな可視化（２）　データ収集 - 2020-12-11 第11回　ソーシャルな可視化（３）　データ整理 - 2020-12-18 第12回　ソーシャルな可視化（４）　データ整理 - 2021-01-08 第13回　ソーシャルな可視化（５）　制作 - 2021-01-15 休講　（共通テスト設営・全学休講日） - 2021-01-22 第14回　ソーシャルな可視化（６）　制作 - 2021-01-29 休講　【期末試験期間】 - 2020-02-05 第15回　【期末試験期間】講評会（ゲスト講師） `32:Tf6e,md`#### イントロダクション 2020年「新型コロナの状況を知りたい」にこたえるデータ可視化 - [COVID-19 Map - Johns Hopkins Coronavirus Resource Center](https://coronavirus.jhu.edu/map.html) 各国の状況把握 - [コロナウイルスなどのアウトブレイクは、なぜ急速に拡大し、どのように「曲線を平らにする」ことができるのか - Washington Post](https://www.washingtonpost.com/graphics/2020/health/corona-simulation-japanese/) 感染拡大とロックダウンの効果をしめすシミュレーション - [Worldmeter Coronavirus Update](https://www.worldometers.info/coronavirus/) - [Covid in the U.S.: Latest Map and Case Count - The New York Times](https://www.nytimes.com/interactive/2020/us/coronavirus-us-cases.html) - [COVID-19 Japan - 新型コロナウイルス対策ダッシュボード #StopCOVID19JP](https://www.stopcovid19.jp/) - [北海道の COVID19の情報がオープンデータになるまで - Speaker Deck](https://speakerdeck.com/kou_kita/bei-hai-dao-false-covid19falseqing-bao-ga-opundetaninarumade) Just道IT 日本の報道機関 - [新型コロナウイルスデータで見る感染状況一覧｜NHK特設サイト](https://www3.nhk.or.jp/news/special/coronavirus/data-widget/) - [新型コロナウイルス感染者数の推移：朝日新聞デジタル](https://www.asahi.com/special/corona/) - [新型コロナウィルスデータビジュアル : 医療・健康 : 読売新聞オンライン](https://www.yomiuri.co.jp/topics/covid19/) - [新型コロナウイルス - 毎日新聞](https://mainichi.jp/covid19) - [東洋経済オンライン　新型コロナウイルス国内感染の状況](https://toyokeizai.net/sp/visual/tko/covid19/) 報道機関によるデータ公開 - [チャートで見る日本の感染状況　新型コロナウイルス：日本経済新聞](https://vdata.nikkei.com/newsgraphics/coronavirus-japan-chart/) - [新型コロナウイルス感染　世界マップ：日本経済新聞](https://vdata.nikkei.com/newsgraphics/coronavirus-world-map/) - [新型コロナウイルス日本国内の最新感染状況マップ・感染者数 - NewsDigest](https://newsdigest.jp/pages/coronavirus/) JX通信社行政の情報発信 - [国内の発生状況など｜厚生労働省](https://www.mhlw.go.jp/stf/covid-19/kokunainohasseijoukyou.html) - [東京都新型コロナウイルス感染症対策本部報｜東京都防災ホームページ](https://www.bousai.metro.tokyo.lg.jp/taisaku/saigai/1010035/index.html) - [都内の最新感染動向 | 東京都新型コロナウイルス感染症対策サイト](https://stopcovid19.metro.tokyo.lg.jp/) 行政のデータ提供（オープンデータ）と Code for Japan その他の情報発信 - [都道府県別新型コロナウイルス感染者数マップ Coronavirus COVID-19 Japan Case (2019-nCoV)](https://gis.jag-japan.com/covid19jp/) ジャッグジャパン株式会社 - [Rt Covid-19 Japan: 都道府県別新型コロナウイルスの実効再生産数](https://rt-live-japan.com/) - [coromap - 新型コロナウイルスの事例マップ](https://coromap.info/) いどんよん

The front page of The New York Times for May 24, 2020 pic.twitter.com/d14JhFp4CP
— The New York Times (@nytimes) May 24, 2020

https://twitter.com/nytimes/status/1264427825639063553 [Remembering the 100,000 Lives Lost to Coronavirus in America - The New York Times](https://www.nytimes.com/interactive/2020/05/24/us/us-coronavirus-deaths-100000.html)

`33:[] 2f:{"title":"2020-10-01 Seminar in Data Visualization","cells":[{"id":0,"value":"md`# 2020-10-01 Seminar in Data Visualization\nSUGIMOTO Tatsuo, Tokyo Metropolitan University\n\n**ネットワーク演習II** \n東京都立大学システムデザイン学部インダストリアルアート学科 \n杉本達應\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":125,"value":"md`\n#### 受講生とのコミュニケーション\n\n授業の連絡・受講生とのコミュニケーションは、すぎもと組（Slack）の授業chで行います。\n履修者は、杉本までメールまたはSlack DM（すぎもと組 or IAWiki）で連絡してください。\n授業chに招待します。\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":84,"value":"$31","pinned":false,"hidden":false,"mode":"ojs"},{"id":254,"value":"md`#### 副読本\n\nすぎもと組，2020，『ばぶでもわかるおぶざばぶる』\n\n

\n\nhttps://observable-babies.tumblr.com/\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":142,"value":"$32","pinned":false,"hidden":false,"mode":"ojs"},{"id":64,"value":"md`#### データビジュアライゼーションとは\n\n1. 非ビジュアルなデータに基づいている\n2. イメージを生成する\n3. 成果をよみ学びとることができる\n\n(Kosara 2008)\n\nデータビジュアライゼーションではないもの：デジタル写真、画像処理、光学センシングデータの復元\n\n#### データビジュアライゼーションに関わる分野\n\n- 科学\n - 統計解析\n - データ分析\n- 芸術\n - デザイン\n - 情報デザイン\n - ダイアグラム\n - エンターテインメント\n- 社会\n - ジャーナリズム\n - 地理空間情報\n\n#### データビジュアライゼーションが注目される背景\n\n1. 技術的側面 \n　大量データの蓄積、BIツール、開発ライブラリの充実により、専門家だけでなく、だれも参入できるようになった\n2. 社会的側面 \n　エビデンス・ベースド（evidence based）社会 \n　　科学的根拠に基づいた判断を重視 \n　　思いつきではなく、データを根拠にした、マーケティング／政策提案／世論喚起など \n　　判断プロセスの透明化の重視（データのアクセシビリティ、可視化） \n　多文化共生社会 \n　　言語だけにたよらないビジュアルベースのコミュニケーション\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":214,"value":"md`\n#### データ可視化　と　インフォグラフィック\n\n||データ可視化|インフォグラフィック|\n|-|-|-|\n|元データ|**網羅的な** データ|**選択した** データ|\n|目的|全体の傾向を把握し特異点を探索する|**制作者による** ストーリーテリング|\n|グラフィックスタイル|**静的 or 動的**|**静的**|\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":12,"value":"md`### データビジュアライゼーションを学ぶ\n\n伝えたいメッセージを届けるために、データを理解し、デザインできる能力を身につける\n\n|分野|スキル|基礎|\n|-|-|-|\n|データ|データ分析手法|データ・リテラシー|\n|デザイン|デザイン技法|デザイン・リテラシー|\n|コミュニケーション|コミュニケーション技法|コミュニケーション・リテラシー|\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":201,"value":"md`#### ふたつの可視化\n\nこの演習ではふたつの方向性の可視化を企画制作する。\n\n1. パーソナルな可視化 \n日常生活のなかで収集できるデータを記録し、手書きでビジュアル表現に変換する \nデータアーティストとして\n\n2. ソーシャルな可視化 \nなんらかの社会的トピックを題材とし、データをもとにD3.jsで可視化した「記事」を作成する。 \nデータジャーナリストとして\n\n可視化の技法として以下の技術やサービスを習得する。\n\n- HTML/CSS/JS　Webコンテンツ開発の基本構成\n- SVG　グラフィックフォーマット\n- D3.js　JavaScriptライブラリ\n- Observable　JavaScriptノートブックのクラウド共有サービス\n- GitHub　（必要に応じて使用する可能性がある）\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":24,"value":"md`#### 宿題\n\n(1) データ可視化の事例紹介\n\nすぐれた事例を持ち寄り紹介する。\n\n(2) データを「つくる」\n\n日常生活をしながらどのようなデータを記録することができるか。\nできるだけたくさんの案を持ち寄る。\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":110,"value":"html``","pinned":false,"hidden":false,"mode":"ojs"}],"files":"$W33","stdlib":"1","titling":"auto"}