30: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")}>

`; }31:[] 2e:{"title":"Chart Types List","cells":[{"id":0,"value":"md`# Chart Types List`","pinned":false,"hidden":false,"mode":"ojs"},{"id":20,"value":"md`## More\n- Bump Chart\n- Streamgraph\n- Bubble Chart\n`","pinned":false,"hidden":false,"mode":"ojs"},{"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"},{"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"},{"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"},{"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"},{"id":12,"value":"md`\n## Hierarchies\n`","pinned":false,"hidden":false,"mode":"ojs"},{"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"},{"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"},{"id":18,"value":"md`\n## Map\n- Cartogram\n- Choropleth Map\n- Dot Density Map\n`","pinned":false,"hidden":false,"mode":"ojs"},{"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"},{"id":45,"value":"function previews(notebooks) {\n return html`

${notebooks.map(preview)}

`;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":44,"value":"$30","pinned":false,"hidden":false,"mode":"ojs"},{"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"},{"id":53,"value":"html = (await require(\"htl@0.2\")).html","pinned":false,"hidden":false,"mode":"ojs"}],"files":"$W31","stdlib":"1","titling":"auto"}