2c:null 2d:["$","title",null,{"children":"2023 Data Drawing Showcase | TMU Dataviz Class | Observable"}] 32:[] 30:{"id":"737df9c7dc99b582","slug":"data-drawing-showcase","title":"2023 Data Drawing Showcase","thumbnail":"55676274ff79e16cde7606a4f21cfe178b4e9ce59926adaa247e689f79fef849","access_level":"public","create_time":"$D2023-12-18T01:31:47.731Z","update_time":"$D2025-12-07T02:20:12.096Z","view_time":null,"first_public_time":"$D2023-12-18T01:31:47.731Z","has_unpublished_edits":null,"fork":false,"stars":0,"starred":false,"owner":{"type":"team","id":"fdca81b2f5eb7de5","login":"tmu-dataviz-class","name":"TMU Dataviz Class","avatar_url":"https://avatars-next.observableusercontent.com/7549232d2187bf99f5cfbd7780436d4ce1cc4257fe3eae6585b5ff10b836499b","tier":"education_2026"},"version":343,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"99e57c8b5dcd5ca6","login":"sugi2000","name":"SUGIMOTO Tatsuo","avatar_url":"https://avatars-next.observableusercontent.com/aa2e590c6e4574dde26ce160f882c7074c3f190de1894c0dd147878beed52f39","tier":null}],"members":[{"type":"individual","id":"99e57c8b5dcd5ca6","login":"sugi2000","name":"SUGIMOTO Tatsuo","avatar_url":"https://avatars-next.observableusercontent.com/aa2e590c6e4574dde26ce160f882c7074c3f190de1894c0dd147878beed52f39","tier":null,"role":"editor"},{"type":"team","id":"fdca81b2f5eb7de5","login":"tmu-dataviz-class","name":"TMU Dataviz Class","avatar_url":"https://avatars-next.observableusercontent.com/7549232d2187bf99f5cfbd7780436d4ce1cc4257fe3eae6585b5ff10b836499b","tier":"education_2026","role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":1,"collection":{"id":"bee304cb6fa195b9","slug":"data-drawing","title":"2023/Data Drawing","owner":{"id":"fdca81b2f5eb7de5","login":"tmu-dataviz-class","name":"TMU Dataviz Class"}},"type":"notebook","body":{"titling":"auto","title":"2023 Data Drawing Showcase","cells":[{"id":0,"value":"# 2023 Data Drawing Showcase\n\nWe created data drawings that represent how we drink beverages in everyday life.","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":8,"value":"viewof name = {\n const radio = Inputs.radio(people.keys(), {\n label: md`__Style__`,\n value: \"Tsuchiya\"\n });\n\n d3.select(radio).select(\"label\").style(\"font-size\", \"1rem\");\n d3.select(radio).select(\"div\").classed(\"toggle\", true);\n d3.select(radio).selectAll(\"div > label\").style(\"margin-right\", 0);\n return radio;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":39,"value":"viewof person = {\n const radio = Inputs.radio(people.keys(), {\n label: md`__Data__`,\n value: \"Tsuchiya\"\n });\n\n d3.select(radio).select(\"label\").style(\"font-size\", \"1rem\");\n d3.select(radio).select(\"div\").classed(\"toggle\", true);\n d3.select(radio).selectAll(\"div > label\").style(\"margin-right\", 0);\n return radio;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":25,"value":"## Web version","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":35,"value":"chartFunction(data)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":130,"value":"legends.get(name)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":23,"value":"## Paper version","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":86,"value":"

","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":59,"value":"data = dataset.filter(d => d.person === person)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":71,"value":"chartFunction = charts.get(name)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":272,"value":"","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":32,"value":"charts = new Map([\n [\"Tsuchiya\", tsuchiyaChart],\n [\"Uota\", uotaChart],\n [\"kobayashi\", kobayashiChart],\n [\"uno\", UnoChart],\n [\"Kitabatake\", kitabatakeChart],\n [\"okonogi\", OkonogiChart],\n [\"Ono\", ONOChart],\n [\"Nagakubo\", nagakuboChart],\n [\"Koizumi\", koizumiChart],\n [\"Yamamoto\", yamamotoChart],\n [\"imaizumi\", imaizumiChart],\n [\"Suzuki\", SuzukiChart],\n [\"Tanaka\", TanakaChart]\n])","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":123,"value":"legends = new Map([\n [\"Tsuchiya\", tsuchiyaLegend()],\n [\"Nagakubo\", nagakuboLegend],\n [\"Yamamoto\", yamamotoLegend],\n [\"imaizumi\", imaizumiLegend],\n [\"Ono\", ONOLegend],\n [\"Uota\", uotaLegend()],\n [\"okonogi\", okonogiLegend],\n [\"kobayashi\", kobayashiLegend],\n [\"Kitabatake\", kitabatakeLegend],\n [\"Koizumi\", koizumiLegend]\n])","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":165,"value":"### Import codes","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":5,"value":"import {dataset, people} from \"ad2642b7e4be8015\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":29,"value":"import { tsuchiyaChart, tsuchiyaLegend } from \"b61f3869896dfd7d\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":51,"value":"import { uotaChart, uotaLegend } from \"54c15c424c216b48\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":75,"value":"import { kobayashiChart, kobayashiLegend } from \"d3f8fdd59ed2e621\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":81,"value":"import {UnoChart} from \"68a8c313492fe867\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":103,"value":"import {kitabatakeChart, kitabatakeLegend} from \"85b20300c2221288\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":107,"value":"import { OkonogiChart, okonogiLegend } from \"06463e12ada7fe27\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":113,"value":"import { ONOChart, ONOLegend } from \"07025916f528dbba\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":120,"value":"import {nagakuboChart, nagakuboLegend} from \"91eccdaf18ac6245\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":139,"value":"import {koizumiChart, koizumiLegend} from \"9681775d57d1407f\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":146,"value":"import { yamamotoChart, yamamotoLegend } from \"d6c6a68c4c5d590b\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":161,"value":"import { imaizumiChart, imaizumiLegend } from \"db0829575911ff57\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":201,"value":"import { SuzukiChart } from \"c0d43a9b89c737a2\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":209,"value":"import { TanakaChart } from \"4dd7a64aaf636bd4\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W32","stdlib":"1"}} 31:"$30:body"