2c:null 2d:["$","title",null,{"children":"2025 Data Drawing Showcase | TMU Dataviz Class | Observable"}] 32:[] 30:{"id":"afab7b51a61cefa7","slug":"2025-data-drawing-showcase","title":"2025 Data Drawing Showcase","thumbnail":"544dfbbd2f99832c583a797d64209afbdd9e3a15f962af61590cd6a507fef657","access_level":"public","create_time":"$D2025-12-07T02:20:21.668Z","update_time":"$D2025-12-08T04:45:21.962Z","view_time":null,"first_public_time":"$D2025-12-08T01:34:52.886Z","has_unpublished_edits":null,"fork":true,"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":555,"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":0,"collection":null,"type":"notebook","body":{"titling":"auto","title":"2025 Data Drawing Showcase","cells":[{"id":0,"value":"# 2025 Data Drawing Showcase\n\nWe created data drawings that represent how we charge in everyday life.","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":39,"value":"viewof dataName = {\n const radio = Inputs.radio(names, {\n label: md`__📄 Data__`,\n value: names.at(0)\n });\n\n d3.select(radio).style(\"max-width\", `${width}px`);\n d3.select(radio).select(\"label\").style(\"font-size\", \"1rem\");\n d3.select(radio).select(\"label\").style(\"flex-shrink\", \"1\");\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":8,"value":"viewof name = {\n const radio = Inputs.radio(names, {\n label: md`__📊 Drawing__`,\n value: names.at(0)\n });\n\n d3.select(radio).style(\"max-width\", `${width}px`);\n d3.select(radio).select(\"label\").style(\"font-size\", \"1rem\");\n d3.select(radio).select(\"label\").style(\"flex-shrink\", \"1\");\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":"legendFunction(data)","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.name === dataName)","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":405,"value":"legendFunction = legends.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 // [\"Ogawa\", ogawaChart],\n [\"Okuyama\", okuyamaChart],\n [\"Yamasaki\", yamasakiChart],\n [\"Mitsui\", mitsuiChart],\n [\"Okuyama\", okuyamaChart],\n [\"Homma\", hommaChart],\n [\"Sano\", sanoChart],\n [\"Sugimoto\", sugimotoChart2]\n])","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":123,"value":"legends = new Map([\n // [\"Ogawa\", ogawaLegend],\n [\"Okuyama\", okuyamaLegend],\n [\"Yamasaki\", yamasakiLegend],\n [\"Mitsui\", mitsuiLegend],\n [\"Okuyama\", okuyamaLegend],\n [\"Homma\", hommaLegend],\n [\"Sano\", sanoLegend],\n [\"Sugimoto\", sugimotoLegend]\n])","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":349,"value":"names","pinned":false,"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, dataByName, names } from \"930e107bebaff325\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":377,"value":"// import { ogawaChart, ogawaLegend } from \"7554e5309fa26eae\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":29,"value":"import { okuyamaChart, okuyamaLegend } from \"994736d448454b54\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":51,"value":"import { yamasakiChart, yamasakiLegend } from \"a4f98a1b1c74ecfe\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":75,"value":"import { hommaChart, hommaLegend } from \"31e622e6d79b542c\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":81,"value":"import { sanoChart, sanoLegend } from \"15e96dff071487d9\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":411,"value":"import { mitsuiChart, mitsuiLegend } from \"584dfcca03a0b082\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":395,"value":"import { sugimotoChart, sugimotoLegend } from \"8a0e2a793a7b2778\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":540,"value":"import { sugimotoChart2 } from \"372b382ccea2c8eb\"","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"