2c:null 2d:["$","title",null,{"children":"Chart Types List | mengy | Observable"}] 32:T45d,// adapted from https://observablehq.com/@tophtucker/reflecting-on-vote-cones#preview function preview({ path, title, author, thumbnail, date }) { return html` (event.currentTarget.firstElementChild.style.borderColor = "#1b1e23")} onmouseout=${event => (event.currentTarget.firstElementChild.style.borderColor = "#e8e8e8")}>

`; }33:[] 30:{"id":"041cc24c10ce302f","slug":"chart-types-set","title":"Chart Types List","thumbnail":"dd789b264f577ca9936ca7e4afe7cc8152033cf7ea7e2974a579c514fb9e9f07","access_level":"public","create_time":"$D2021-01-28T16:20:28.298Z","update_time":"$D2021-05-03T12:05:49.545Z","view_time":null,"first_public_time":"$D2021-01-29T12:43:07.712Z","fork":false,"stars":2,"starred":false,"owner":{"type":"team","id":"0d65eae2adbeb952","login":"mydu","name":"mengy","avatar_url":"https://avatars-next.observableusercontent.com/3188b4d63eff88030fd3762c8fa7582e67891245915509e293cc10700720c775","tier":"starter_2024"},"version":107,"publish_version":107,"role":null,"authored":false,"authors":[{"type":"individual","id":"a2a30a0af3e07395","login":"mydu","name":"mengy","avatar_url":"https://avatars-next.observableusercontent.com/3188b4d63eff88030fd3762c8fa7582e67891245915509e293cc10700720c775","tier":null}],"members":[{"type":"individual","id":"a2a30a0af3e07395","login":"mydu","name":"mengy","avatar_url":"https://avatars-next.observableusercontent.com/3188b4d63eff88030fd3762c8fa7582e67891245915509e293cc10700720c775","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"subscribed":null,"forks":0,"collection":{"id":"e870e26306a101c5","slug":"chart-types-icons","title":"Chart Types Starter","owner":{"id":"0d65eae2adbeb952","login":"mydu","name":"mengy"}},"type":"notebook","body":{"title":"Chart Types List","cells":[{"id":0,"value":"md`# Chart Types List`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":20,"value":"md`## More\n- Bump Chart\n- Streamgraph\n- Bubble Chart\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":104,"value":"previews([\n {\n path: \"@mydu/beeswarm-plot\",\n thumbnail:\n \"4b06438a2d61ee067b2831be79af3f7372b4e460c609ec50fc4d042e027e4a39\",\n title: \"Beeswarm Plot\",\n author: \"jsongal\"\n }\n])","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":89,"value":"previews([\n {\n path: \"@mydu/spiral-heatmap\",\n thumbnail:\n \"5210aecc098f2d6db8677e371967f0d8670051a1e8ea5cf59f25997421fbc36a\",\n title: \"Sprial Heatmap\",\n author: \"jsongal\"\n }\n])","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":6,"value":"md`\n## Networks\n- [Chord Diagram](https://observablehq.com/@mydu/chord-diagram-playground)\n- Network Graph\n- Sankey Diagram\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":60,"value":"previews([\n {\n path: \"@mydu/chord-diagram-playground\",\n thumbnail:\n \"290969bae9c23701235634182610bccd16a01ec965727bbe1c97bcb773ac10e6\",\n title: \"Chord Diagram\",\n author: \"jsongal\"\n }\n])","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":12,"value":"md`\n## Hierarchies\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":95,"value":"previews([\n {\n path: \"@mydu/weighted-circle-packing\",\n thumbnail:\n \"50c9f02bc0a0a1747fbe75efbfb11da0feb9b2725ae9bdaebc99d62d6500a2fd\",\n title: \"Weighted Circle Packing\",\n author: \"jsongal\"\n }\n])","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":62,"value":"previews([\n {\n path: \"@mydu/voronoi-treemap-playground\",\n thumbnail:\n \"057e9ecf37807087e3ac21ddc0a82a004c22c31dcd8fcb8ebc31e6c8686d72e4\",\n title: \"Voronoi Treemap\",\n author: \"jsongal\"\n }\n])","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":18,"value":"md`\n## Map\n- Cartogram\n- Choropleth Map\n- Dot Density Map\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":79,"value":"previews([\n {\n path: \"@mydu/choropleth-map-of-china\",\n thumbnail:\n \"25049652e3f2b9fcefcb940e59463c8d3bbbd0a1198bf8475b45bcf8e5faceb0\",\n title: \"Choropleth Map\",\n author: \"jsongal\"\n }\n])","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":45,"value":"function previews(notebooks) {\n return html`

${notebooks.map(preview)}

`;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":44,"value":"$32","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":48,"value":"// todo: UTC?\nformatDate = date =>\n date\n ? new Date(date).toLocaleDateString(\"en-US\", {\n weekday: 'long',\n year: 'numeric',\n month: 'long',\n day: 'numeric'\n })\n : \"\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":53,"value":"html = (await require(\"htl@0.2\")).html","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W33","stdlib":"1","titling":"auto"}} 31:"$30:body"