31:[{"id":"c4d11deada8350ad56433f126b42571626b5584de4de9fe731ceff5fa95501e78d9c6b28a13e94f4b1638130a16ce011674bcc56328d74127f9324d5ca076154","href":"https://static.observableusercontent.com/files/c4d11deada8350ad56433f126b42571626b5584de4de9fe731ceff5fa95501e78d9c6b28a13e94f4b1638130a16ce011674bcc56328d74127f9324d5ca076154","name":"fetchedTags (2).json","type":"application/json","lastModified":1646126540353.182,"size":9212},{"id":"c0484f26e0b6c674ab1ee957d62712562b37f0000195b0d9bbc754b31b61aa4ab664999953ceb3ae32096fed574032ffbb5fa6520abd1fc49db6ac30902479b3","href":"https://static.observableusercontent.com/files/c0484f26e0b6c674ab1ee957d62712562b37f0000195b0d9bbc754b31b61aa4ab664999953ceb3ae32096fed574032ffbb5fa6520abd1fc49db6ac30902479b3","name":"fetchedMeta (1).json","type":"application/json","lastModified":1646126540353.182,"size":15166},{"id":"b8765b3740d5c3d8573adc60b1b2aa3ead50e2ffd625151852e7c4540c5ef599ebf72d024e55eec1bd436c2b02f36e8921d5bb3c4477e7f5c7625e12054e2f43","href":"https://static.observableusercontent.com/files/b8765b3740d5c3d8573adc60b1b2aa3ead50e2ffd625151852e7c4540c5ef599ebf72d024e55eec1bd436c2b02f36e8921d5bb3c4477e7f5c7625e12054e2f43","name":"fetchedMetadata (1).json","type":"application/json","lastModified":1646126540353.182,"size":3865},{"id":"e7f4e5e0e9549e843c12fffa630b9093207806aa36e985b9eca4b094c4d4bdd5e124345de28857bf032883b952dbd375500d5f0bf4042cc20aff84c1af0980be","href":"https://static.observableusercontent.com/files/e7f4e5e0e9549e843c12fffa630b9093207806aa36e985b9eca4b094c4d4bdd5e124345de28857bf032883b952dbd375500d5f0bf4042cc20aff84c1af0980be","name":"fetchedNotebookURL.json","type":"application/json","lastModified":1646126540353.182,"size":1190},{"id":"da685df43d0a31ac559a6548d5bdd5c1d92483adad105b449af4b7eca9763cc6e67fc05f266615e15a336555f4120a720a15b5bf444116e3623f7c68a5087d50","href":"https://static.observableusercontent.com/files/da685df43d0a31ac559a6548d5bdd5c1d92483adad105b449af4b7eca9763cc6e67fc05f266615e15a336555f4120a720a15b5bf444116e3623f7c68a5087d50","name":"fetchedMeta (2).json","type":"application/json","lastModified":1646127390565.451,"size":15861},{"id":"dd127ec740d76110761136b713dc685d984ca2757444f7709b3ef901220c009e59c350ebec106c2f1f62409c948c2427fa9454dd26ec316274f6e3f69951553d","href":"https://static.observableusercontent.com/files/dd127ec740d76110761136b713dc685d984ca2757444f7709b3ef901220c009e59c350ebec106c2f1f62409c948c2427fa9454dd26ec316274f6e3f69951553d","name":"fetchedNotebookURL (2).json","type":"application/json","lastModified":1646128024503.16,"size":1190},{"id":"067dd226a62449ee708b04976279e6f069d1992769afe671fdf2c5000e59fad8258e08e4fb79fdac762f6b9f56247a6e3d23c8bf0197887089e30234c36d7c5c","href":"https://static.observableusercontent.com/files/067dd226a62449ee708b04976279e6f069d1992769afe671fdf2c5000e59fad8258e08e4fb79fdac762f6b9f56247a6e3d23c8bf0197887089e30234c36d7c5c","name":"fetchedMetadata (3).json","type":"application/json","lastModified":1646128048640.145,"size":4224},{"id":"8ffb77e2eb384d4eb3da72f77640ad4e0135342cd24f7deb94876dc9d52351c52a6079d39538ddd6e4352e4a9789b55292b4c0f5b4ee763815fddc009acc3c5a","href":"https://static.observableusercontent.com/files/8ffb77e2eb384d4eb3da72f77640ad4e0135342cd24f7deb94876dc9d52351c52a6079d39538ddd6e4352e4a9789b55292b4c0f5b4ee763815fddc009acc3c5a","name":"tweet_activity_metrics_trendingnotebo2_20220201_20220301_en@1.csv","type":"text/csv","lastModified":1646127211208.427,"size":8774},{"id":"6d570135e86549226eded356fd7014dd3548a10feaf117afcca2c823861fececc11d95c115400b27242594005e956a374146108999511045ab3b330dc2707bb1","href":"https://static.observableusercontent.com/files/6d570135e86549226eded356fd7014dd3548a10feaf117afcca2c823861fececc11d95c115400b27242594005e956a374146108999511045ab3b330dc2707bb1","name":"fetchedTags (3).json","type":"application/json","lastModified":1646127419548.478,"size":9640}] 2f:{"title":"Top Notebooks of February 2022","cells":[{"id":367,"value":"# Top Notebooks of ${month} 2022","pinned":false,"hidden":false,"mode":"md"},{"id":351,"value":"{\n const notebooks = data\n .map((value) => ({ value, sort: Math.random() }))\n .sort((a, b) => a.sort - b.sort)\n .map(({ value }) => value);\n return htl.html`${Array.from({\n length: 5\n }).map(\n (__, j) =>\n htl.html.fragment`${Array.from({\n length: 4\n }).map((__, i) => {\n const notebook = data[i + j * 4];\n if (notebook === undefined) return;\n return htl.html.fragment``\n )}

\n \n

`;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":0,"value":"Welcome to the second monthly summary of what is hot on the [Observable](https://observablehq.com/) Dataviz platform. I write these articles to help myself stay on top of all the good work coming out of [Observable](https://observablehq.com/). Last month, two notebooks in particular did well on the timeline of the [trending bot](https://twitter.com/trendingnotebo2), of those two, [Yuri Vishnevsky](https://observablehq.com/@yurivish)'s *[\"Words Known Better by Males than Females, and Vice Versa\"](https://observablehq.com/@yurivish/words)* is the clear winner, as it went viral, with a 623 upvotes on [Hackernews](https://news.ycombinator.com/item?id=30275159). Congrats Yuri!\n","pinned":false,"hidden":false,"mode":"md"},{"id":15,"value":"### Engagement, Impressions, Likes and Retweets","pinned":false,"hidden":false,"mode":"md"},{"id":12,"value":"Plot.plot({\n x: {\n domain: [0, 500]\n },\n y: {\n domain: [0, 25]\n },\n marks: [\n Plot.image(\n [...data].sort((x) => x.impressions),\n {\n x: \"impressions\",\n y: \"engagements\",\n width: \"importance\",\n title: \"title\",\n src: \"thumbnail\"\n }\n ),\n Plot.text(data, {\n text: (d) =>\n Array.from({ length: d.likes })\n .map((_) => \"❤️\")\n .join(\"\") +\n Array.from({ length: d.retweets })\n .map((_) => \"🔁\")\n .join(\"\"),\n x: \"impressions\",\n y: \"engagements\"\n })\n ]\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":168,"value":"viewof scaling = Inputs.range([0, 1], { value: 0.21 })","pinned":false,"hidden":false,"mode":"ojs"},{"id":172,"value":"viewof offset = Inputs.range([0, 100], { value: 39 })","pinned":false,"hidden":false,"mode":"ojs"},{"id":304,"value":"viewof cutoff = Inputs.range([0, data.length], {\n value: 5,\n step: 1,\n label: \"cutoff\"\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":378,"value":"\n[@yurivish](https://observablehq.com/@yurivish) brilliant *[\"Words Known Better by Males than Females, and Vice Versa\"](https://observablehq.com/@yurivish/words)* does so well because it is so relatable. You are skeptical that people of a different gender have their own vocabulary, but then as soon as you see the data you are flummoxed by \"peplum\" (word known by women) or \"bushido\" (word known by men). Of course it went viral!\n\nThe challenger notebook in February [@tomlarkworthy](https://observablehq.com/@tomlarkworthy) the utility [Automatically Backup Observable notebooks to Github](https://observablehq.com/@tomlarkworthy/github-backups). This was a notebook I wrote myself to safeguard my intellectual property developed on the platform. Now all my notebooks are automatically synced to Github, so I can be sure I never lose my hard work. Clearly, other people thought this was a useful too!\n\nOf course, there were many other great notebooks, check the rest of ${month}'s trending notebooks below! \n","pinned":false,"hidden":false,"mode":"md"},{"id":278,"value":"md`${content}`","pinned":false,"hidden":false,"mode":"ojs"},{"id":275,"value":"content = {\n let markdown = \"\";\n for (let i = 0; i < cutoff; i++) {\n const notebook = data[i];\n const author = /(@[^)]+)/.exec(notebook.author)[1];\n markdown += `### [${notebook.title}](${notebook.url}) by [${author}](https://observablehq.com/${author}) \\n`;\n markdown += `\\n`;\n markdown += `\\n[![](${notebook.thumbnail})](${notebook.url})\\n`;\n markdown += `\\n${notebook?.description || \"No description provided\"}\\n`;\n markdown += `\\n`;\n markdown += \"\\n---\\n\";\n }\n\n markdown += `\\n`;\n\n markdown += `These other notebooks also trended in ${month}\\n`;\n for (let i = cutoff; i < data.length; i++) {\n const notebook = data[i];\n const author_match = /(@[^)]+)/.exec(notebook.author);\n if (!author_match) throw new Error(JSON.stringify(notebook));\n const author = author_match[1];\n markdown += `#### [${notebook.title}](${notebook.url}) by [${author}](https://observablehq.com/${author}) \\n`;\n }\n\n return markdown;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":186,"value":"### Data wrangling","pinned":false,"hidden":false,"mode":"md"},{"id":422,"value":"month = \"February\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":138,"value":"data = tweets\n .map((tweet, i) => ({\n ...tweet,\n ...meta[i],\n ...metadata[i],\n ...tags[i],\n thumbnail: thumbnailURL(i),\n importance: tweet.impressions * scaling + offset\n }))\n .sort((a, b) => b.impressions - a.impressions)","pinned":false,"hidden":false,"mode":"ojs"},{"id":6,"value":"tweets = (\n await FileAttachment(\n \"tweet_activity_metrics_trendingnotebo2_20220201_20220301_en@1.csv\"\n ).csv()\n).map((x) => ({\n ...x,\n engagements: parseFloat(x.engagements),\n impressions: parseFloat(x.impressions),\n likes: parseFloat(x.likes),\n retweets: parseFloat(x.retweets)\n}))","pinned":false,"hidden":false,"mode":"ojs"},{"id":82,"value":"viewof fetchNotebookURL = Inputs.toggle({\n label: \"fetch notebook URL? (network, slow)\"\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":73,"value":"expandTwitterURL = async (shortURL) => {\n const response = await fetch(shortURL);\n if (response.status !== 200)\n throw new Error(`fetch to ${shortURL} resulted in ${response.status}`);\n const body = await response.text();\n return /URL=([^\"]*)\"/.exec(body)[1];\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":84,"value":"fetchedNotebookURL = {\n if (!fetchNotebookURL) return invalidation;\n const notebooks = new Array(tweets.length);\n for (let i = 0; i < tweets.length; i++) {\n const shortcode = /(https:\\/\\/t.co\\/[0-9a-zA-Z]*) https:\\/\\/t.co\\/[0-9a-zA-Z]*$/.exec(\n tweets[i][\"Tweet text\"]\n );\n if (!shortcode) {\n console.error(tweets[i]);\n throw Error(JSON.stringify(tweets[i]));\n }\n notebooks[i] = expandTwitterURL(shortcode[1]);\n }\n return Promise.all(notebooks);\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":104,"value":"notebookURL = FileAttachment(\"fetchedNotebookURL (2).json\").json()","pinned":false,"hidden":false,"mode":"ojs"},{"id":65,"value":"viewof fetchMetdata = Inputs.toggle({\n label: \"fetch metadata? (network, slow)\"\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":67,"value":"fetchedMetadata = {\n if (!fetchMetdata) return invalidation;\n\n const metadata = new Array(tweets.length);\n for (let i = 0; i < tweets.length; i++) {\n metadata[i] = await getMetadata(\n notebookURL[i].replace(\"https://observablehq.com/\", \"\")\n );\n }\n return metadata;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":123,"value":"metadata = FileAttachment(\"fetchedMetadata (3).json\").json()","pinned":false,"hidden":false,"mode":"ojs"},{"id":57,"value":"viewof fetchMeta = Inputs.toggle({\n label: \"fetch doc meta? (network, slow)\"\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":61,"value":"fetchedMeta = {\n if (!fetchMeta) return invalidation;\n const meta = new Array(tweets.length);\n for (let i = 0; i < tweets.length; i++) {\n if (metadata[i]) {\n meta[i] = (\n await fetchp(\n `https://api.observablehq.com/document/${metadata[i].id}/meta`\n )\n ).json();\n }\n }\n return Promise.all(meta);\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":131,"value":"meta = FileAttachment(\"fetchedMeta (2).json\").json()","pinned":false,"hidden":false,"mode":"ojs"},{"id":55,"value":"thumbnailURL = (index) =>\n meta[index]\n ? `https://static.observableusercontent.com/thumbnail/${\n meta[index].custom_thumbnail || meta[index].thumbnail\n }.jpg`\n : undefined","pinned":false,"hidden":false,"mode":"ojs"},{"id":283,"value":"viewof fetchTags = Inputs.toggle({\n label: \"fetch page meta tags? (network, slow)\"\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":286,"value":"fetchedTags = {\n if (!fetchTags) return invalidation;\n var el = document.createElement(\"tmp\");\n const tags = new Array(tweets.length);\n for (let i = 0; i < tweets.length; i++) {\n if (metadata[i]) {\n el.innerHTML = await (await fetchp(metadata[i].url)).text();\n\n try {\n tags[i] = {\n title: el.querySelector(\"meta[property='og:title']\").content,\n description: el.querySelector(\"meta[name=description]\").content\n };\n } catch (err) {\n console.error(\"Problem with tags for \" + i);\n }\n }\n }\n return tags;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":289,"value":"tags = (await FileAttachment(\"fetchedTags (3).json\").json()).map((t) => {\n let description = undefined;\n if (t?.description) {\n description = t.description;\n\n if (description.lastIndexOf(\".\") !== -1)\n description = description.substring(0, description.lastIndexOf(\".\") + 1);\n }\n\n return {\n ...t,\n description\n };\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":27,"value":"import { Plot } from \"@mkfreeman/plot-tooltip\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":63,"value":"import { getMetadata } from \"@mootari/notebook-data\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":59,"value":"import { fetchp } from \"@tomlarkworthy/fetchp\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":344,"value":"import { footer } from \"@endpointservices/footer-with-backups\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":347,"value":"footer","pinned":false,"hidden":false,"mode":"ojs"}],"files":"$W31","stdlib":"1","titling":"auto"}