[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_334":335,"_336":337},"routes/_app.x.$handle.$name",{"_103":102,"_33":45,"_112":91,"_27":113,"_13":14,"_114":-5,"_11":115,"_116":117,"_118":119,"_120":121,"_122":123,"_20":-5,"_124":125,"_126":127,"_128":25,"_129":130,"_131":59,"_132":-5,"_133":-5,"_134":135},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":-5,"_18":-5},"project",{"_43":44,"_33":45,"_38":46,"_47":-5,"_48":25,"_49":50,"_51":50,"_52":53,"_54":-5,"_18":55,"_56":57,"_58":59,"_60":-5,"_61":62,"_63":64,"_65":66,"_67":68,"_69":70,"_71":72,"_73":64,"_74":75,"_76":75,"_77":78,"_79":78,"_80":78,"_81":75,"_82":75,"_83":84,"_85":86,"_87":88,"_89":25},"version",23,"changes",[19],"aiChatInfo","userId",{"_20":21,"_22":23,"_24":25,"_26":25,"_27":28,"_29":30},"file",{"_31":32,"_33":34,"_35":20,"_36":37,"_38":39,"_40":14,"_41":42,"_24":25},"previous",{"_31":32,"_33":34,"_35":20,"_36":37},"deleted",false,"deletedHere","path","other-posts/2025-04-20-cheatsheet.md","latestPath","other-posts/dbt-cheatsheet.md","fileId","3d39d4f6-28fd-11f0-9eea-569c3dd06744","name","2025-04-20-cheatsheet.md","fileType","content","## Cheatsheet for a dbt technical assessment\n\n### Problem solving strategy:\n\nDon't be dogmatic about following this, you can't get too far off track with this\n\n1. Ask questions to understand stakeholder needs \n - User story: Dashboard will be visited by this persona at this cadence to make this decision.\n\n1. Ask questions to understand data\n\n1. Sketch dashboard (on pen and paper) \n - Chart elements \n - Define filters\n\n1. SQL queries to generate input to dashboard elements using `some_ideal_clean_and_pristine.table_that_you_think_exists`\n\n1. Before starting model, do some sensemaking queries on the source data.\n\n1. Start writing the dbt model to produce `some_ideal_clean_and_pristine.table_that_you_think_exists` \n 1. Configure sources, test non-null/uniqueness \n 1. Speak to materialization strategy (don’t add `is_incremental` until you have a running model) \n 1. Create model. Start with import CTEs. \n 1. Scaffold with step-by-step CTEs before you start hacking away. \n 1. Filter near the top: \n - Deleted records \n - Excluded users \n - Events too old to be relevant\n\n1. Create yaml\n - add relevant tests\n\n\n### Incremental syntax:\n\n#### [Big easy](https://discourse.getdbt.com/t/on-the-limits-of-incrementality/303)\n```\nwith events as (\n select * from {{ref('events')}}\n {% if is_incremental() %}\n where event_timestamp >= (select max(event_timestamp)::date from {{this}})\n {% endif %}\n)\n--rest of model...\n```\n\n#### Unique Key ([Incremental Models docs](https://docs.getdbt.com/docs/build/incremental-models))\n\n```\n{{\n config(\n materialized='incremental',\n unique_key='date_day'\n )\n}}\n\nselect\n date_trunc('day', event_at) as date_day,\n count(distinct user_id) as daily_active_users\n\nfrom {{ ref('app_data_events') }}\n\n{% if is_incremental() %}\n\n -- this filter will only be applied on an incremental run\n -- (uses >= to include records arriving later on the same day as the last run of this model)\n where date_day >= (select coalesce(max(date_day), '1900-01-01') from {{ this }})\n\n{% endif %}\n\ngroup by 1\n```\n\n#### Run full refresh\n\n`dbt run --full-refresh --select my_incremental_model+`\n\n### [Using packages](https://docs.getdbt.com/docs/build/packages#how-do-i-add-a-package-to-my-project)\n\nI probably want to avoid packages, but if you need codegen or utils, create a `packages.yml` file in the dir as the project yaml, and run `dbt deps`. \n```\npackages:\n - package: dbt-labs/codegen\n version: 0.10.0\n\n```\n\nRun `dbt deps`. And then here's the [command line](https://hub.getdbt.com/dbt-labs/codegen/latest/)\n\n`dbt --quiet run-operation generate_source --args '{\"table_names\": [\"orders\"]}' > models/staging/jaffle_shop/_sources.yml`\n\n\n#### Redshift materializations\n\n- Late binding views `WITH NO SCHEMA BINDING;` in dbt it's `{{ config(materialized='view', bind=False) }}`.\n- Auto-refresh\n\n#### Redshift key config in dbt\n\nVia the [dbt docs for Redshift config](https://docs.getdbt.com/reference/resource-configs/redshift-configs#using-sortkey-and-distkey)\n\nBe up-front about not being super familiar. But my basic understanding is: distkey is for joining, sortkey is for grouping and filtering.\n\n```\n-- Example with one sort key\n{{ config(materialized='table', sort='reporting_day', dist='unique_id') }}\n\nselect ...\n\n\n-- Example with multiple sort keys\n{{ config(materialized='table', sort=['category', 'region', 'reporting_day'], dist='received_at') }}\n\nselect ...\n\n\n-- Example with interleaved sort keys\n{{ config(materialized='table',\n sort_type='interleaved'\n sort=['category', 'region', 'reporting_day'],\n dist='unique_id')\n}}\n\nselect ...\n```","createdAt",["D",1746403748572],"branchVersion","branchId","25b44320-28fd-11f0-a06b-569c3dd06744","id","ddc30ef2-fcf1-11ef-8cc6-569c3dd06744","alexBlogs",["D",1741530120955],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","me writing about things maybe","imageUrl","b85dcfbf-50f1-466c-9e2b-28ac90e0dd23","pinnedFileId","955d7b6e-1855-4b84-a436-6ce9b2f43845","pinPreview",true,"pinMigrated","screenshotVersion",82,"likeCount",0,"orgId","875ed3cd-ae4b-40bb-a45f-6a1970e11689","tursoName","ddc30ef2fcf111ef8cc6569c3dd06744","tursoHostname","ddc30ef2fcf111ef8cc6569c3dd06744-val-town.aws-us-east-2.turso.io","tursoMeasuredAt",["D",1789513278143],"pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_103":102,"_111":107},"org",{"_103":102,"_104":105,"_106":107,"_18":55,"_108":109,"_110":25},"branch",{"_13":90,"_33":91,"_43":42,"_92":44,"_93":94,"_95":96,"_97":50,"_98":44,"_99":66,"_100":45,"_101":102},"isOwned",34,"cheatsheet","projectId","forkedBranchId","ddc5a5ea-fcf1-11ef-8cc6-569c3dd06744","forkedBranchVersion",81,"forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","alexwein","handle","displayName","Alex Wein","avatar","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvb2F1dGhfZ2l0aHViL2ltZ18ycjh6emNHdk9mMnY5djU3OFZBbEdleGhQZFAifQ","tier","pro","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_43":44,"_33":45,"_38":329,"_47":-5,"_48":25,"_49":50,"_51":50,"_52":53,"_54":-5,"_18":55,"_56":57,"_58":59,"_60":-5,"_61":62,"_63":64,"_65":66,"_67":68,"_69":70,"_71":330,"_73":64,"_74":75,"_76":75,"_77":78,"_79":78,"_80":78,"_81":75,"_82":75,"_83":331,"_85":332,"_87":333,"_89":25},"tree",[225,228,236,237,238,239,240,241],"files",[225,226,227,228,229,230,231,232,233,234,235,236,237,238,239,240,241],"counts",{"_214":64,"_215":216,"_217":164,"_218":219,"_220":221},"contents",[152,153,154,155,156,157,158,159],"upstreamProject",{"_43":145,"_33":146,"_52":147,"_54":148,"_49":50,"_83":149},"upstreamBranch",{"_43":94,"_38":136,"_137":138,"_33":139,"_92":44,"_13":140,"_93":141,"_95":142,"_143":144,"_47":-5,"_89":25,"_49":50,"_101":102,"_65":66,"_100":45},"emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},["D",1741530120955],"updatedAt",["D",1781616277460],"main",113,"8e73c264-d835-11ef-bbbf-e6cdfca9ef9f",159,"lockfileKey","1781616277649-esm.town_v_alexwein_alexBlogs@113-main","8e7382ae-d835-11ef-bbbf-e6cdfca9ef9f","markdownBlogStarter","Starter template for a markdown blog","https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/44a31e5c-3e8a-48a8-d067-5785c0b08200/square512?exp=1789587981&sig=b17a56013ae50129eee677e930936cf9c3f2ab35ba61104cb3180aeb3db4e827",{"_103":150,"_111":151},"stevekrouse","https://images.clerk.dev/uploaded/img_2PqHa2Gsy93xQrjh2w78Xu0cChW.jpeg",{"_43":208,"_33":209,"_31":210,"_163":-5,"_41":42,"_40":211,"_165":59,"_38":212,"_13":164,"_35":206,"_36":-5,"_24":25,"_168":-5,"_27":213},{"_43":202,"_33":203,"_31":204,"_163":-5,"_41":42,"_40":164,"_165":59,"_38":205,"_13":64,"_35":206,"_36":-5,"_24":25,"_168":-5,"_27":207},{"_43":196,"_33":197,"_31":198,"_163":-5,"_41":42,"_40":164,"_165":59,"_38":199,"_13":64,"_35":181,"_36":200,"_24":25,"_168":-5,"_27":201},{"_43":190,"_33":191,"_31":192,"_163":-5,"_41":42,"_40":164,"_165":59,"_38":193,"_13":64,"_35":20,"_36":194,"_24":25,"_168":-5,"_27":195},{"_43":184,"_33":185,"_31":186,"_163":-5,"_41":42,"_40":164,"_165":59,"_38":187,"_13":64,"_35":20,"_36":188,"_24":25,"_168":-5,"_27":189},{"_43":177,"_33":178,"_31":179,"_163":-5,"_41":42,"_40":164,"_165":59,"_38":180,"_13":64,"_35":181,"_36":182,"_24":25,"_168":-5,"_27":183},{"_43":170,"_33":171,"_31":172,"_163":-5,"_41":42,"_40":164,"_165":25,"_38":173,"_13":64,"_35":174,"_36":175,"_24":25,"_168":-5,"_27":176},{"_43":160,"_33":161,"_31":162,"_163":-5,"_41":42,"_40":164,"_165":59,"_38":166,"_13":64,"_35":20,"_36":167,"_24":25,"_168":-5,"_27":169},"25b77176-28fd-11f0-a06b-569c3dd06744","robots.txt","0dc95e7d-617b-4370-bf0b-9fbd660ed160","parentId",1,"latest",["D",1746372817299],"User-agent: *\nAllow: /\n\n# Cribbed from macwright.org who cribbed from ifixit\nUser-agent: Amazonbot\nDisallow: /\nUser-agent: anthropic-ai\nDisallow: /\nUser-agent: Applebot-Extended\nDisallow: /\nUser-agent: AwarioRssBot\nDisallow: /\nUser-agent: AwarioSmartBot\nDisallow: /\nUser-agent: Bytespider\nDisallow: /\nUser-agent: CCBot\nDisallow: /\nUser-agent: ClaudeBot\nDisallow: /\nUser-agent: Claude-Web\nDisallow: /\nUser-agent: cohere-ai\nDisallow: /\nUser-agent: DataForSeoBot\nDisallow: /\nUser-agent: Diffbot\nDisallow: /\nUser-agent: FacebookBot\nDisallow: /\nUser-agent: Google-Extended\nDisallow: /\nUser-agent: GPTBot\nDisallow: /\nUser-agent: magpie-crawler\nDisallow: /\nUser-agent: NewsNow\nDisallow: /\nUser-agent: news-please\nDisallow: /\nUser-agent: omgili\nDisallow: /\nUser-agent: omgilibot\nDisallow: /\nUser-agent: peer39_crawler\nDisallow: /\nUser-agent: peer39_crawler/1.0\nDisallow: /\nUser-agent: PerplexityBot\nDisallow: /\nUser-agent: Scrapy\nDisallow: /\nUser-agent: TurnitinBot\nDisallow: /","label",[161],"25b76a1e-28fd-11f0-a06b-569c3dd06744","index.tsx","1cc1cad6-7738-41e6-90eb-0679a40a74fc",["D",1746372817299],"http","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport Markdown from \"https://esm.sh/react-markdown@9?deps=react@18.2.0\";\nimport remarkGfm from \"https://esm.sh/remark-gfm?deps=react@18.2.0\";\nimport { listFiles, readFile } from \"https://esm.town/v/std/utils@79-main/index.ts\";\nimport { renderToString } from \"npm:react-dom@18.2.0/server\";\nimport { getHits } from \"./analytics.ts\";\nimport { Layout } from \"./Layout.tsx\";\n\nfunction Header() {\n return (\n

\n Home\n About\n

\n );\n}\n\nfunction PostComponent({ markdown, link }: { markdown: string; link?: string }) {\n return (\n

\n {link}\n {markdown}\n

\n );\n}\n\nexport default async function(req: Request): Promise {\n const url = new URL(req.url);\n const referer = req.headers.get(\"referer\");\n let monthHits, todayHits;\n try {\n const hits = await getHits(url.pathname, referer);\n monthHits = hits.monthHits;\n todayHits = hits.todayHits;\n } catch (e) {\n console.log(\"Caught database error: \", e);\n }\n if (url.pathname === \"/\") {\n const files = await listFiles(import.meta.url);\n const posts = files.filter((file) => file.path.startsWith(\"posts/\"));\n const postContents = await Promise.all(\n posts.map(async (file) => readFile(file.path, import.meta.url)),\n );\n\n return html(\n

Alex Wein has some thoughts

\n {postContents.map((markdown, i) => )}\n View source\n

,\n );\n }\n if (url.pathname.startsWith(\"/posts/\")) {\n const markdown = await readFile(url.pathname, import.meta.url);\n return html(\n

\n {markdown}\n

,\n );\n }\n const aboutPaths = [\"/about\", \"/about/\"];\n if (aboutPaths.includes(url.pathname)) {\n const markdown = await readFile(\"/about.md\", import.meta.url);\n return html(\n

\n {markdown}\n

,\n );\n }\n if (url.pathname === \"/2019/03/15/visualizing-visualizers/\") {\n const markdown = await readFile(\"/dvs-spin.md\", import.meta.url);\n const response = await fetch(\n \"https://raw.githubusercontent.com/a-lexwein/weblog/refs/heads/master/public/dvs-fragment.html\",\n );\n const fragmentText = await response.text();\n\n const style = `\n body {\n background-color: #E5E5E5;\n }\n svg {\n animation-name: spin;\n animation-duration: 7000ms;\n animation-iteration-count: infinite;\n animation-timing-function: linear;\n transform-origin: 400px 315px;\n }\n @keyframes spin {\n 0% {\n transform: rotate(0deg);\n }\n 16.66% {\n transform: rotate(-120deg); \n }\n 33.32% {\n transform: rotate(-120deg); \n } \n 49.98% {\n transform: rotate(-240deg); \n } \n 66.64% {\n transform: rotate(-240deg); \n } \n 83.3% {\n transform: rotate(-360deg); \n } \n 100% {\n transform: rotate(-360deg);\n }\n }\n `;\n\n const markdownText = renderToString({markdown});\n const fullHtml = `\n \n \n \n \n \n SVG Animation\n \n \n \n ${fragmentText}\n ${markdownText}\n \n \n \n `;\n return new Response(fullHtml, {\n headers: {\n \"content-type\": \"text/html\",\n },\n });\n }\n\n // visfest slides on my old site that was linked to from my resume\n // this didn't quite work. images aren't rendering\n // if (url.pathname === \"/slides\") {\n // const response = await fetch(\n // \"https://raw.githubusercontent.com/a-lexwein/weblog/refs/heads/master/static/slides/visfest.html\",\n // );\n\n // let slideContent = await response.text();\n // slideContent = slideContent.replaceAll(\n // \"/visfest_files\",\n // \"https://raw.githubusercontent.com/a-lexwein/weblog/blob/master/public/slides/visfest_files\",\n // );\n\n // return new Response(slideContent, {\n // headers: {\n // \"content-type\": \"text/html\",\n // },\n // });\n // }\n\n if (url.pathname === \"/robots.txt\") {\n const robots = await readFile(\"/robots.txt\", import.meta.url);\n return new Response(robots, {\n headers: {\n \"content-type\": \"text/plain\",\n },\n });\n }\n\n return new Response(\"Not found\", { status: 404 });\n}\n\nfunction html(children: React.ReactNode) {\n return new Response(\n renderToString(\n \n {children}\n ,\n ),\n {\n headers: {\n \"content-type\": \"text/html;\",\n },\n },\n );\n}",[171],"25b76212-28fd-11f0-a06b-569c3dd06744","analytics.ts","2627851c-3132-444c-9c42-bd6196effeda",["D",1746372817299],"script","// inspired by steve's implementation https://www.val.town/x/stevekrouse/stevekrouse_dot_com/branch/main/version/26/code/analytics.ts\nimport { sqlite } from \"https://esm.town/v/std/sqlite?v=5\";\n\nexport async function getHits(url, referer) {\n await sqlite.batch([\n \"CREATE TABLE IF NOT EXISTS blog_hits (id INTEGER PRIMARY KEY AUTOINCREMENT, url TEXT, referer TEXT, timestamp DATETIME DEFAULT CURRENT_TIMESTAMP)\",\n { sql: `INSERT INTO blog_hits (url, referer) VALUES (:url, :referer)`, args: { url, referer } },\n // \"SELECT COUNT(*) FROM blog_hits WHERE strftime('%m', timestamp) = strftime('%m', 'now') AND strftime('%Y', timestamp) = strftime('%Y', 'now')\",\n // \"SELECT COUNT(*) from blog_hits WHERE strftime('%m', timestamp) = strftime('%m', 'now') AND strftime('%Y', timestamp) = strftime('%Y', 'now') AND strftime('%d', timestamp) = strftime('%d', 'now')\",\n ]);\n return {};\n}",[178],"25b760dc-28fd-11f0-a06b-569c3dd06744","about.md","5f59993c-02f0-4b3a-81c6-daf4be47f770",["D",1746372817299],"## Alex Wein's web site\n\nWelcome to a web site. I live in Oakland, California\nand do business intelligence for a software company.\nPersonal web sites are good things to have.\n\nI'm on [Bluesky](https://bsky.app/profile/alexwein.bsky.social).",[185],"25b75f74-28fd-11f0-a06b-569c3dd06744","README.md","963d3bd9-629d-48ad-8cee-7444b229ed58",["D",1746372817299],"# myBlog\n\nThis is a simple static blog.\n\nPosts go in the /posts directory.",[191],"25b75c0e-28fd-11f0-a06b-569c3dd06744","Layout.tsx","78d51264-fdb8-41f1-b545-1c4767321c5f",["D",1746372817299],"/** @jsxImportSource npm:react@18.2.0 */\nimport type { ReactNode } from \"npm:react@18.2.0\";\n\nexport function Layout({ children }: { children: ReactNode }) {\n return (\n \n \n \n \n Alex Whines\n \n \n \n {children}\n \n \n );\n}",[197],"25b75a38-28fd-11f0-a06b-569c3dd06744","posts","77296a61-27ee-411c-b056-c346c41f26d0",["D",1746372817299],"directory",[203],"1f01a08e-2945-11f0-b91c-569c3dd06744","other-posts","1beefb3a-2945-11f0-96f1-569c3dd06744",21,["D",1746403729808],[209],"pulls","branches",10,"forks","envVars",{"_222":164,"_224":64},"connections",{"_222":64,"_223":64},"count","unfilledCount","emptyCount",{"_43":208,"_33":209,"_31":210,"_163":-5,"_41":42,"_40":211,"_165":59,"_38":326,"_13":164,"_35":206,"_36":-5,"_24":25,"_168":-5,"_243":327,"_27":328},{"_43":321,"_33":34,"_31":32,"_163":210,"_41":42,"_40":14,"_165":25,"_38":322,"_13":323,"_35":20,"_36":37,"_24":25,"_168":-5,"_243":324,"_27":325},{"_43":313,"_33":314,"_31":315,"_163":210,"_41":42,"_40":316,"_165":59,"_38":317,"_13":164,"_35":20,"_36":318,"_24":25,"_168":-5,"_243":319,"_27":320},{"_43":202,"_33":203,"_31":204,"_163":-5,"_41":42,"_40":164,"_165":59,"_38":310,"_13":64,"_35":206,"_36":-5,"_24":25,"_168":-5,"_243":311,"_27":312},{"_43":303,"_33":304,"_31":305,"_163":204,"_41":42,"_40":164,"_165":59,"_38":306,"_13":64,"_35":20,"_36":307,"_24":25,"_168":-5,"_243":308,"_27":309},{"_43":296,"_33":297,"_31":298,"_163":204,"_41":42,"_40":164,"_165":59,"_38":299,"_13":64,"_35":20,"_36":300,"_24":25,"_168":-5,"_243":301,"_27":302},{"_43":289,"_33":290,"_31":291,"_163":204,"_41":42,"_40":164,"_165":59,"_38":292,"_13":64,"_35":20,"_36":293,"_24":25,"_168":-5,"_243":294,"_27":295},{"_43":282,"_33":283,"_31":284,"_163":204,"_41":42,"_40":164,"_165":59,"_38":285,"_13":64,"_35":20,"_36":286,"_24":25,"_168":-5,"_243":287,"_27":288},{"_43":275,"_33":276,"_31":277,"_163":204,"_41":42,"_40":164,"_165":59,"_38":278,"_13":64,"_35":20,"_36":279,"_24":25,"_168":-5,"_243":280,"_27":281},{"_43":268,"_33":269,"_31":270,"_163":204,"_41":42,"_40":164,"_165":59,"_38":271,"_13":64,"_35":20,"_36":272,"_24":25,"_168":-5,"_243":273,"_27":274},{"_43":261,"_33":262,"_31":263,"_163":204,"_41":42,"_40":164,"_165":59,"_38":264,"_13":64,"_35":20,"_36":265,"_24":25,"_168":-5,"_243":266,"_27":267},{"_43":196,"_33":197,"_31":198,"_163":-5,"_41":42,"_40":164,"_165":59,"_38":258,"_13":64,"_35":181,"_36":200,"_24":25,"_168":-5,"_243":259,"_27":260},{"_43":190,"_33":191,"_31":192,"_163":-5,"_41":42,"_40":164,"_165":59,"_38":255,"_13":64,"_35":20,"_36":194,"_24":25,"_168":-5,"_243":256,"_27":257},{"_43":184,"_33":185,"_31":186,"_163":-5,"_41":42,"_40":164,"_165":59,"_38":252,"_13":64,"_35":20,"_36":188,"_24":25,"_168":-5,"_243":253,"_27":254},{"_43":177,"_33":178,"_31":179,"_163":-5,"_41":42,"_40":164,"_165":59,"_38":249,"_13":64,"_35":181,"_36":182,"_24":25,"_168":-5,"_243":250,"_27":251},{"_43":170,"_33":171,"_31":172,"_163":-5,"_41":42,"_40":164,"_165":25,"_38":246,"_13":64,"_35":174,"_36":175,"_24":25,"_168":-5,"_243":247,"_27":248},{"_43":160,"_33":161,"_31":162,"_163":-5,"_41":42,"_40":164,"_165":59,"_38":242,"_13":64,"_35":20,"_36":167,"_24":25,"_168":-5,"_243":244,"_27":245},["D",1746372817299],"children",[],[161],["D",1746372817299],[],[171],["D",1746372817299],[],[178],["D",1746372817299],[],[185],["D",1746372817299],[],[191],["D",1746372817299],[],[197],"25b75178-28fd-11f0-a06b-569c3dd06744","2025-04-06-comics-about-comics.md","6a906542-19b2-44e8-85e2-1214cee9b199",["D",1746372817299],"## The next addition to your data viz bookshelf should be a Comic About Comics.\n\n![IMG_0626.jpg](https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/03100f91-56e9-400c-96d9-e7c9d3b7c200/public \"A photograph of the books in this post\")\n\nThere are many wonderful books on/of data visualization, and if you work in data,\nyou probably have a few (hopefully more than just *that one*). You should probably get more.\n\nAs your collection grows, consider that the next great book to inspire the chartmaker in you --\nto further you on your journey to master the craft -- may not be a treatise on chart types or data storytelling,\nbut something possibly even cooler: **A Comic About Comics**.\n\nThese are just the ones I own. You really can't go wrong with any of them.\nAnd even if you have no interest in data viz, this Comics About Comics genre is still a fantastic mind-expanded set of books.\nThis books are really special: they're formally inventive but personal and emotional in their own ways.\nThey provide a wonderful set of boxes to think outside of.\n\n### Scott McCloud's *Understanding Comics* ~~Trilogy~~ Ouvre\n\nI discovered Scott McCloud's work in 2018,\nwhen he was interviewed for [an episode of the design podcast 99% Invisible.](https://99percentinvisible.org/episode/speech-bubbles-understanding-comics-scott-mccloud/)\n\nThat conversation -- but especially his 1993 classic *Understanding Comics* which I read right afterwards -- completely blew my mind.\nThere have been less than a handful of times in my career where I felt that lightbulb above my head go on with anywhere near the wattage of when I digested *Understanding Comics*. \n\nI walked away from *Understanding Comics* with this incredible insight that data visualization was really a form of comics\n(\"sequential art\" if you're worried the person you're talking too thinks \"comics\" is a dirty word).\nCharts -- and especially sequences of charts to make things like dashboards or powerpoint presentations -- very definitely count per McCloud's definition:\n\n> Juxtaposed pictorial and other images in deliberate sequence, intended to convey information and/or to produce an aesthetic response in the viewer.\n\nAt that point in 2018, I had been a data person for several years, always making charts to understand and communicate things both professionally and recreationally for many years.\nI had some successes: charts that helped my colleagues make decisions, charts that made cool nerds on tumblr chuckle, even a few that I didn't think were hideous.\nI didn't yet have a full bookshelf of data viz books, but I had more than one (the first I bought was indeed *that one*).\nDespite not having much academic training in it, I felt like I understood visualization pretty well at that point, but *Understanding Comics*\nmade clear how limited by understanding was (and still is).\nEven more so than the grammar of graphics: to me personally this idea of **Charts Are Comics** has been the most powerful aha moment in my \"career\" as a chartmaker.\n\nIf you've read *Understanding Comics* and got something out of it, I'd encourage you to keep going with McCloud's work.\nAlthough 1996's *Making Comics* did not quite inspire me to start making comics, it has great lessons about composition and visual storytelling.\n2000's *Reinventing Comics* in particular had a lot of resonance for me, as someone who's sequential art (charts) is both made and consumed through screens and computers.\n\nAnd just this week, Scott McCloud released another Comic About Comics: *The Cartoonists Club* with Raina Telgemeier.\nAimed at younger readers, it embeds the most important ideas from *Understanding...* and *Making...*\nand into a narrative about middler schoolers finding their voice and their people.\n*Understanding Comics* never brought me to tears, but I needed a kleenex after finishing *The Cartoonists Club*.\n\nWhile I hadn't considered the relationship between charts and comics until 2018,\nMany others had made the connection and I just wasn't paying attention.\nMcCloud had spoken at the data viz conference Tapestry in 2013,\nand Moritz Stefaner (data viz maker and discusser extroidinaire) interviewed McCloud in 2017 for the [Data Stories podcast](https://datastori.es/102-comics-and-visual-storytelling-with-scott-mccloud/).\nAlso in 2017 in academia, Benjamin Bach worked with Nathalie Henry Riche, Sheelagh Carpendale, and Hanspeter Pfister to publish\n[The Emerging Genre of Data Comics](http://sheelaghcarpendale.ca/innovis/uploads/Publications/Publications/carpendale2017emerging.pdf)\n(which itself is a Comic About Comics!).\nAnd in 2016, comics professor Nick Sousanis gave a [Keynote at Tapestry](https://www.youtube.com/watch?v=7veGaFlu9Xk&t=2698s).\n\n### *Unflattening* by Nick Sousanis\n\nIt is reductive to call *Unflattening* a Comic About Comics: it's definitely a comic,\nbut it's about something a little bigger and a lot more cerebral than McCloud's work (it's a PhD dissertation).\nIt's hard to pin down exactly what to call that (the shapeliness of ideas?).\nThat written words are insufficient to describe the complexity of the topic is another thing the book is kind of about.\n\n*Unflattening* is also a compositional feast: pages flow in all sorts of directions.\nEvery spread maps complex and abstract things to the two-dimensional page in ways that befit the nonlinearity and high dimensionality of those abstract spaces.\nMuch of the hard work of data viz is making invisible abstract things tractable in two dimensions, and *Unflattening* contains lesson after lesson in it.\n\nRJ Andrews deserves a shout-out. RJ recommended Unflattening to me at the Tapestry conference in 2018\n(I gave [my own brief talk](https://www.youtube.com/watch?v=PpAfmTgcGPY) at that Tapestry, invigorated by discovering *Understanding Comics* at the beginning of the year).\nIf you don't have a data viz bookshelf yet,\nI can safely say Andrews's newly remastered [*Info We Trust*](https://visionarypress.com/products/info-we-trust) is the perfect place to start (way better than *that one*).\nRJ's book is of what it's about in the same way all these wonderful Comics About Comics are.\nRJ also has a wonderful write-up that covers this very topic: [\"Books without data for the data professional\"](https://infowetrust.com/project/information-arts)\nthat includes both *Unflattening* and *Understanding Comics*.\n\n### *What It Is* and *Making Comics* by Lynda Barry\n\n*What It Is*, like McCloud's classic, is also about understanding comics, but it's form and content differ dramatically.\nWhile McCloud explicates the conventions of comics with a focus on the prototypical grid of rectangular panels,\nBarry is more interested in asking than answering, and her work is -- gloriously -- too untidy to fit into little boxes.\nEven compared to heady academic work of *Unflattening*, *What It Is* was maybe the most challenging read for me of any of these comics.\nIt's not formless, but it's far from the rectilinearity of most comics I read.\nAll these books are great for leaving on your coffee table, and leafing through random pages, but *What It Is* works particularly well for this.\n\nBarry's *Making Comics* had a magical impact on me: It actually got me drawing!\nI didn't work my way through the whole book, but I tried a several of the exercises.\nAnd for about two months in 2020, I drew a self-portrait on a index card every day (they're hideous and I'm so proud of them).\nBut even if you can't find to courage to draw, *Making Comics* is worth it for how she grounds the craft in modes we all learned as children.\n\nSo read some books, bust out that pen and paper, make some charts, make some comics, making something else.\n\n![IMG_0623.jpg](https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/4a0844b9-a977-47c6-a086-fc949432bf00/public \"From Barry's Making Comics: you don't have to have any artistic skill to do this. you just need to be brave and sincere.\")",[],[203,262],"25b74a84-28fd-11f0-a06b-569c3dd06744","2025-03-31-old-tumblrs.md","99ba755f-0ca4-4416-8243-1ffa8a9bd757",["D",1746372817299],"## Some of my better Tumblr posts\n\nAlthough the URL somehow got reshuffled and I have long forgotten the login password, my old Tumblr blog Alex Whines\nis still on the internet. When the tumblr was still active, I kept a list of greatest hits.\nI reproduced the list when I my previous abandoned blog, so it was easy enough to migrate to the new future abandoned blog.\n\nIn addition to all the the fun posts below that I am 98% not ashamed of, my old blog did contain some missteps.\nSorry for the bad opinions and shoddy work!\n\n**Games:**\n- A multi-part analysis of Jeopardy! questions and answers, featuring some fun visualization ([1](http://alexwhines-blog.tumblr.com/post/613905785/helpful-hint-for-when-you-are-a-contestant-on-jeopardy),[2](http://alexwhines-blog.tumblr.com/post/670084704/weve-already-covered-that-whenever-you-dont-know),[3](http://alexwhines-blog.tumblr.com/post/790684867/so-youre-back-on-jeopardy-trebek-is-reading),[4](http://alexwhines-blog.tumblr.com/post/801075069/another-possible-jeopardy-scenario-you-might-as))\n- [Swear words](http://alexwhines-blog.tumblr.com/post/3868278233/scrabble-facts-pt-4) in Scrabble\n- I play a lot of [Boggle](http://alexwhines-blog.tumblr.com/tagged/boggle)\n- Arbitrage [at the boardwalk arcade](http://alexwhines-blog.tumblr.com/post/913999996/hot-investment-tip-boardwalk-arcade-edition)\n\n**Music:**\n\n- [Pitchfork versus Metacritic,](http://alexwhines-blog.tumblr.com/post/809415856/yesterday-something-called-flavorwire-had-a-post) a quantitative analysis, and some more on the [Metacritic data](http://alexwhines-blog.tumblr.com/tagged/metacritic).\n- [A dialogue in song titles](http://alexwhines-blog.tumblr.com/post/1587830624/a-dialogue-in-song-titles-speaker-1-is-in-light)\n- What's the [Scenario](http://alexwhines-blog.tumblr.com/post/2680112431/know-your-scenarios-a-tribe-called-quest)?\n- I also used to maintain a tumblr about [Songs from Treme](https://songsfromtreme-blog.tumblr.com/)\n\n**Nesting and recursion in fun places:**\n\n- One step of the Hokey Pokey is '[do the Hokey Pokey](http://alexwhines-blog.tumblr.com/post/733602356/recursion-in-fun-places-depending-on-how-you)'\n- [Fish fish fish.](http://alexwhines-blog.tumblr.com/post/4619309811/according-to-wikipedia-northern-pike-feed-on)\n- [My idea for a TV show](http://alexwhines-blog.tumblr.com/post/855597954/if-anyone-knows-anyone-at-nbc-ive-got-an-awesome) about 30 Rock and Studio 60\n- If someone was reading The Lion, The Witch, and The Wardrobe in the [fictional universe](http://alexwhines-blog.tumblr.com/post/3094931180/a-thought-continued) of the movie Groundhog Day\n\n**Food:**\n\n- The hole in the [Candy Bar Venn Diagram](http://alexwhines-blog.tumblr.com/post/407296011/hot-investment-tip-candy-bar-edition-hopefully)\n- Diagrams of [Scotch eggs](http://alexwhines-blog.tumblr.com/post/715341118/were-you-aware-of-the-existence-of-scotch-eggs-i) and [Snickers ice cream cones](http://alexwhines-blog.tumblr.com/post/3613407044/the-snickers-ice-cream-cone-lucky-charms)\n- [A guide](http://alexwhines-blog.tumblr.com/post/587595945/the-chinese-spot-across-the-street-from-me-is-only) for price-conscious people who want to buy chicken wings at the intersection of 7th St. and Q St. NW\n- Tale of the Tape: [E.L. Fudge and Double Stuffed E.L. Fudge](http://alexwhines-blog.tumblr.com/post/3374412499/i-made-a-pretty-big-discovery-at-the-supermarket)\n\n**More words:**\n\n- [Moonfish](http://alexwhines-blog.tumblr.com/post/5863557451/selfish-shellfish-sell-fish-shellfish) moon fish.\n- Why *[improbably](http://alexwhines-blog.tumblr.com/post/7824736366/the-word-im-currently-finding-interesting)* is interesting.\n- [Example sentences](http://alexwhines-blog.tumblr.com/post/5655919664/example-sentences) I have produced in school\n- Buffalo people [buffalo people](http://alexwhines-blog.tumblr.com/post/4580679647/buffalo-people-buffalo-people).\n- Hotspots/Potshots, Sleepover/Oversleep, [etc.](http://alexwhines-blog.tumblr.com/post/210515042/this-all-started-when-i-found-headwater-and-missed)\n\n- Just a photograph of [me eating cheese puffs](http://alexwhines-blog.tumblr.com/post/9640074973/a-hypothesis-has-been-floated-that-my-blog-would)",[],[203,269],"25b7469c-28fd-11f0-a06b-569c3dd06744","2025-03-29-posts-only-a-mother-could-like.md","586d4d6c-af5d-4fd5-856c-21089635b97c",["D",1746372817299],"## Posts Only a Mother Could Like\n\nIt's not surprising my Bluesky posts don't get many likes. I don't have many followers and honestly I'm not a great poster.\nI even call myself boring in my bio. With so few likes, every like is meaningful to me.\nEspecially when there's only a single ❤️ on the post.\nI know it's just someone pushing a button, but that little one-to-one connection across cyberspace,\nto say \"I see you, even if nobody else does\", it means something.\n\nBut it means something a little different when that person is your mother.\n\nBelow are the ten posts of mine liked by my mother and nobody else.\n\n| Timestamp | Text |\n|-----------|------|\n| [3/25/2025, 2:16:42 PM](https://bsky.app/profile/alexwein.bsky.social/post/3ll7hjfjewk24) | ranking daily games against funness and the complicity of the publishers is its own knotty puzzle |\n| [3/15/2025, 3:08:07 PM](https://bsky.app/profile/alexwein.bsky.social/post/3lkgfq4tm3k2z) | It seems like all the cool kids are going to this. But also me. |\n| [3/1/2025, 11:55:58 PM](https://bsky.app/profile/alexwein.bsky.social/post/3lje4p4eovk2f) | I forked my last word game and added wikipedia's list of birds alexwein-loopylettersbirds.web.val.run |\n| [2/18/2025, 2:21:10 AM](https://bsky.app/profile/alexwein.bsky.social/post/3lig77ozynk2x) | Weekend word game. Not fun, per se, but more fun than the last time I tried to make this particular game. alexwein-loopyletters.web.val.run |\n| [1/8/2025, 3:13:51 PM](https://bsky.app/profile/alexwein.bsky.social/post/3lfahbmnbnk26) | I got a shout-out for today's Order Up (I submitted something worse and Adam ran with this instead). You're all doing Order Up every day, right? orderup.games |\n| [1/2/2025, 4:19:17 PM](https://bsky.app/profile/alexwein.bsky.social/post/3leri53kqsk2z) | welp...I now have two half-written blog posts. Here's the list though. All definitely word games for sure. |\n| [12/13/2024, 12:57:47 AM](https://bsky.app/profile/alexwein.bsky.social/post/3ld5lcvqyk22w) | I've never had it to drink (so didn't include it) but have always liked the Lil Wayne song \"D'usse\" www.youtube.com/watch?v=TS-h... |\n| [12/12/2024, 9:41:03 PM](https://bsky.app/profile/alexwein.bsky.social/post/3ld5ad4wt3s2e) | My sister's book club needed to know the longest sentence in Henry James's The Golden Bowl. Probably too naive a methodology, but the results seem plausible observablehq.com/@a-lexwein/l... |\n| [12/7/2024, 3:07:33 PM](https://bsky.app/profile/alexwein.bsky.social/post/3lcpxyvnd4k2m) | i'm having a very strong showing so far in december's monthly boggle tournament |\n| [11/8/2024, 4:39:12 PM](https://bsky.app/profile/alexwein.bsky.social/post/3lah7m34lem27) | toying with the idea of accomplishing more than zero tasks today |\n\n[Here's the val](https://www.val.town/v/alexwein/bskySoloLikes) where I pull the data. And [here's a full list](https://www.val.town/v/alexwein/soloLikesDisplay) my posts that have been liked by exactly one person.\n\nI love you too, mom! ❤️",[],[203,276],"25b744e4-28fd-11f0-a06b-569c3dd06744","2025-03-14-pie-charts-why-not.md","abb57a6b-9470-4bad-9c61-e81d3ac4a5f4",["D",1746372817299],"## A good reason not to use pie charts\n\nHere is a compelling reason not use pie charts when visualizing data:\n\nOne of your stakeholders has an MBA and has read exactly one book on data visualization (you know which one).\nHe thinks pie charts are oh so terrible, and if your reports and dashboards contain pie charts,\ninstead of focusing on the data being communicated, he will complain about the pie charts.\nBecause your goal as somebody making charts is to faciliate understanding, avoiding pie charts altogether\ncan actually be a smart strategy.\nFor all their merits, you never scrictly \"need\" pies (or any one chart type).\nIf chart's form would be a distraction from the data,\nit is maybe not the the right chart.\n\n## A good reason to use pie charts\n\nFuck that guy.",[],[203,283],"25b739d6-28fd-11f0-a06b-569c3dd06744","2025-03-09-songbot.md","622b26cb-43c1-4717-ad99-c30c9d3def3a",["D",1746372817299],"## I made a Bluesky bot\n\n[mynewfavoritesong.bluesky.social](https://bsky.app/profile/mynewfavoritesong.bsky.social)\n\nWhen I signed up for Val Town, I had a first project in mind.\nWhile Spotify's algorithms do a serviceable job notifying me of new music by artists I like, it's not really possible to \"follow\" a songwriter.\nHelpfully, Spotify maintains *Written By...* playlists for many songwriters.\nHere's one for [Jonnali Mikaela \"Noonie Bao\" Parmenius](https://open.spotify.com/playlist/37i9dQZF1EFMc5WcffBKFm?si=5d6294f36acf48f8),\nwho has co-writing credits on two of my absolute favorite pop songs of the last 15 years.\n\nBut these first-party playlists aren't in chronological order,\nand I don't know of a good way being notified when songs get added.\nSo it's quite hard to make sure I don't miss out on the latest credit from Sabrina Carpenter's go-to [Amy Allen](https://open.spotify.com/playlist/37i9dQZF1EFAW2Wx2Q7Fjt?si=19a4c0d77645412f).\n\nSo the plan was to build a cron job val that used the Spotify API to poll a playlist on a regular basis, and check whether anything had changed since the last time,\nand then create some sort of alert upon detection of a change.\nIt seemed buildable, even with my modest dev skills.\nI was able to use [some tools](https://www.val.town/v/stevekrouse/spotifyTracks) that [Steve](https://www.val.town/u/stevekrouse) from Val Town built.\nI was ready to request a playlist for the first time, at which point I learned that Spotify somewhat recently enshittified their web API\nsuch that first-party playlists are no longer available.\n\nSo, I'm still looking for a good way to keep up with songwriters.\n\nBut I was able to take the same basic idea and turn in into My New Favorite Song Bot\n(here's [the val with the code](https://www.val.town/v/alexwein/newFavoriteSongBot)).\nIt's the same thing really: a cron val looking for new songs added to a playlist. When it catches something new, it posts to Bluesky.\nI think it's going to break when I add too many songs.\nI also haven't really thought about what happens if I try to add multiple songs at the same time.\n\nBecause another Val Town user named Jonas Merlin had already made a [Bluesky bot template](https://www.val.town/v/jonasmerlin/bluesky_bot_template),\nthe whole process was quite tractable. It's been working so far! Every time I've added a song, the Bluesky post has dutifully showed up.\n\nI'm a little ambivalent about how having a Favorite Songs bot might impact my relationship to music.\nAnd I haven't really decided how good a song needs to be for me to add it to the playlist. Or what consitutes \"new\".\nThere are seven songs so far; I seem to be on a pace of about one song a week.\nAlso Spotify is maybe evil, and even if it isn't, it is still probably bad for the world and I shouldn't use it and you shouldn't either.\nBut I do, and you can listen to the full playlist [here](https://open.spotify.com/playlist/0P2hUZ6RymtSZcUhCii77t?si=c6c20c26fa434f50).",[],[203,290],"25b70862-28fd-11f0-a06b-569c3dd06744","2025-03-09-sandwich-rules.md","ac89b297-4700-4d14-bfa1-7f81c23a7058",["D",1746372817299],"## How to Play \"Is It A Sandwich?\":\n\n- **Number of Players:** 2+\n- **Play time:** 1 minute - ?\n- **Ages**: 2+\n\n### The Object of the game\n\nThe object of **\"Is It A Sandwich?\"** is to just sort of have a conversation.\n\n### Beginning the game\n\nDecide who goes first or just start talking.\n\n### A typical round\n\nA player proposes a candidate.\nEvery player begins discussing whether or not that candidate is a sandwich.\nAfter some debate, players make a judgment that **Yes** the candidate is a sandwich\nor **No**, it is not a sandwich. Players are allowed to change their mind as debate unfolds.\nThe round ends when a player proposes a new candidate to debate.\n\n(Note: although the round ends when someone proposes a new candidate, players may revisit the candidates from previous rounds at any point to reopen debate or change their judgment.)\n\n### Scoring\n\n1. Each player starts with zero points.\n2. If every player reaches consensus that the candidate is a sandwich, everybody adds **+0 points** to their score.\n3. If one player successfully convinced another to change their mind, the convincer adds **+0 points** to their score and the convincee loses **-0** points.\n4. If one player points out the logical inconsistency of the judgments of another player, both players add **+0 points**.\n\n### Ending the game\n\nThe game ends when the food arrives. There is no winner. There are no losers.",[],[203,297],"25b6e936-28fd-11f0-a06b-569c3dd06744","2025-03-09-future-abandoned-blog.md","807c67b3-e28e-4580-95c0-38347de26335",["D",1746372817299],"## My future abandoned blog\n\n\"I should blog more\" is a thought I have pretty regularly.\nHaving ideas worth sharing and crafting in them into something that others might find interesting has\nalways been a very rewarding experience.\n\nBut the thing is: Writing is really hard.\n\nAnd I'm not feeling too optimistic that it's about to get any easier for me. Or even that I have ideas worth sharing.\nWhich means posts here will be a combination of infrequent and of poor quality.\nBut I'm trying again. Here is my space for blogging.\n\n- I work in business intelligence, but it is unclear if I'm any good at my job. I probably will write about charts and analytics occasionally.\n- I also enjoy playing word games and have dabbled in making a few (they are also of poor quality). I might write about word games.\n- In previous incarnations of my blog, there's been plenty of \"here's a song I like\" or \"here's a show I watched\". That might happen, too.\n\nYou should probably blog more, too! Writing time is time well spent.\n\n(This site was built in Val Town. Thanks to [Steve](https://www.val.town/x/stevekrouse/markdownBlogStarter) from Val Town for getting me started.)",[],[203,304],["D",1746372817299],[229,230,231,232,233,234,235],[203],"275c1930-2945-11f0-a2bf-569c3dd06744","dvs-spin.md","5fe5aef3-78fe-4676-b3b2-d3c9182eb3ec",22,["D",1746403743821],"# Visualizing The Visualizers\n\n(2025-03-29: This was an old post from 2019 on my previous blog. I noticed some 404 traffic from DVS and figured it was worth hosting on this iteration of the blog)\n\n\"The purpose of visualization is insight, not pictures\" went the headline of [a great interview](https://medium.com/multiple-views-visualization-research-explained/the-purpose-of-visualization-is-insight-not-pictures-an-interview-with-visualization-pioneer-ben-beb15b2d8e9b) with Ben Schneiderman.\n\nTo that I say: \"Usually.\"\n\nNot this chart though. I made this chart -- plotting how members of the Data Visualization Society (including me!) self assess their skills in three dimensions -- with several purposes in mind, and they honestly had very little to do with \"insight\". Instead my goals were the following:\n\n1. Make something attention-grabbing that would stand out among dozens of charts of the same data.\n1. Play with some new-to-me tools and techniques.\n1. Make something aesthetically pleasing.\n1. Get a blog post out of it.\n\nInsights are great. But other stuff is good too!\n\n## How I made the chart\n\n1. The data comes from the [sign-up survey](https://docs.google.com/forms/d/e/1FAIpQLScfivalT2ma3iJZNT8x3hGBJwniWS2rK_Czacnmnj6q1ShlIQ/viewform) for the Data Visualization Society. (If you're into data viz, regardless of experience -- join us!) The data was shared with everyone who joined the DVS, many of whom are also be trying to chart this data.\n1. The actual data work was done in R. I then made a quantile dot plot for the distributions of each of the three survey categories. Matthew Kay showed off some quantile dot plots in his [Tapestry talk](https://www.youtube.com/watch?v=E1kSnWvqCw0) on visualizing uncertainty, which is where I discovered the chart type. Here, each point is percentile. For every 100 DVS members, we'd expect 10 to self-rate as 1.0 or lower for their data skills, indicated by the 10 teal dots from 0 to 1. The ggplot and the code to produce it is at the bottom of this post.\n1. I saved the ggplot as an SVG brought the plots into Figma, a design tool that I hadn't used before. It took a lot of fiddling and even a little math to align the plots with the edges of an equilateral triangle. [Here's a link](https://www.figma.com/file/RwtqrHqLVCRtw4JfEkaN86mr/awein-dvs-thing?node-id=0%3A1) to where the chart was after Figma. (I first tried to do this step with [Google Drawings](https://docs.google.com/drawings/d/1xEtY2v9DeuzBPtwlRMrupECacw00YtqNityAtYFSK60/edit?usp=sharing) before switching to Figma.) I've been wanting to experiment with charts are on tilted axes since getting inspired by *Info We Trust* by RJ Andrews. But while [RJ's connected scatterplot](https://twitter.com/infowetrust/status/1048255077377404928) uses the title to enhance insight, my use actually makes it harder to understand the data!\n1. I then exported the work from Figma as an SVG in order to animate the chart using CSS. This was also a new experience for me and it took a lot of fiddling. My starting point for how to spin the chart was [this Codepen example](https://codepen.io/eveness/pen/BjLaoa). The rotation makes it even harder to draw genuine insight from the chart. Good thing that's not the point.\n1. Finally, I brought the SVG and CSS code back into R with the `htmltools` package, so I could include it in this blog you're currently reading, which was made using [RMarkdown and blogdown](https://bookdown.org/yihui/blogdown/).",[],[209,314],"2a31155c-2945-11f0-9493-569c3dd06744",["D",1746403748572],16,[],[209,34],["D",1746403729808],[226,227],[209],["D",1741530120955],["D",1789513278143],{"_103":102,"_111":107},{"_103":102,"_104":105,"_106":107,"_18":55,"_108":109,"_110":25},{"_13":90,"_33":91,"_43":42,"_92":44,"_93":94,"_95":96,"_97":50,"_98":44,"_99":66,"_100":45,"_101":102},"ctx",{"_83":-5,"_133":367,"_368":369,"_370":371,"_372":25,"_373":25,"_374":25,"_375":59,"_376":-5,"_377":-7,"_378":-7,"_379":64,"_380":25,"_381":25,"_382":-5,"_383":25,"_384":25,"_385":25,"_386":-5},"ENV",{"_338":339,"_340":341,"_342":139,"_343":344,"_345":346,"_347":348,"_349":350,"_351":352,"_353":354,"_355":356,"_357":358,"_359":360,"_361":362,"_363":364,"_365":366},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","811aa22498c9b0b5a47e8d778de579cdb990f332","RENDER_GIT_BRANCH","POSTHOG_API_TOKEN","phc_nmoyuAkStEZuUp69rYlg1DZgrIt19Gx0Y4Hwf8tGgJP","POSTHOG_API_HOST","https://wart.val.town","WEB_API_TEMPLATE","https://{val}.web.val.run","APP_URL","https://www.val.town","MODULE_URL","https://esm.town","VANITY_WEB_API_TEMPLATE","https://{label}.val.run/","DENOLS_URL","https://lsp.val.town","NODE_ENV","production","CLOUDFLARE_TURNSTILE_SITE_KEY","0x4AAAAAACtaIZJH7s9rBMZ6","GOOGLE_CLIENT_ID","875989696899-jtsqkhlbdv5jrlsk8631p7ipjg3c6o62.apps.googleusercontent.com","STRIPE_PUBLISHABLE_KEY","pk_live_51N2zvWEpZTTLipIkVEwXrUG9AT0yeOOEYxszarZT1jpsZV58Ly6wlg3SltZpHN26CUalOBmUSY7adQRQiSkCZz2500qSXNkf8Y","API_URL","https://api.val.town",[],"preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier","navCollapsed","currentOrgId"]

Diff · v23