27:null 28:["$","title",null,{"children":"ruby.social Statuses | Dan Mayer | Observable"}] 2d:T4ec,2e:[] 2b:{"id":"3baf1d8da26a3240","slug":null,"title":"ruby.social Statuses","thumbnail":"ce7c7b5626db8bc7d6b49924eb974114dfc9bdcb781664f15c5ccfdb580ad85d","access_level":"public","create_time":"$D2022-12-23T17:07:35.713Z","update_time":"$D2022-12-23T20:17:00.051Z","view_time":null,"first_public_time":"$D2022-12-23T17:07:35.713Z","has_unpublished_edits":null,"fork":{"id":"4463003990c6078e","slug":null,"title":"ruby.social Hashtags","owner":{"id":"3ed93f9b79f68466","login":"dan-mayer","name":"Dan Mayer"}},"stars":0,"starred":false,"owner":{"type":"team","id":"3ed93f9b79f68466","login":"dan-mayer","name":"Dan Mayer","avatar_url":"https://avatars-next.observableusercontent.com/382f8c988fbdd06b261e9c5a735bbebe563a5dff4eb25af9ca697fbf78be6252","tier":"starter_2024"},"version":769,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"b1ffbbd38ee5d3fa","login":"dan-mayer","name":"Dan Mayer","avatar_url":"https://avatars-next.observableusercontent.com/382f8c988fbdd06b261e9c5a735bbebe563a5dff4eb25af9ca697fbf78be6252","tier":null}],"members":[{"type":"individual","id":"b1ffbbd38ee5d3fa","login":"dan-mayer","name":"Dan Mayer","avatar_url":"https://avatars-next.observableusercontent.com/382f8c988fbdd06b261e9c5a735bbebe563a5dff4eb25af9ca697fbf78be6252","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"title":"ruby.social Statuses","cells":[{"id":732,"value":"heading = md`

ruby.social Statuses

ruby.social statuses

Visualize popular statuses on ruby.social

`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":179,"value":"ruby_social_trends = {\n if (trends.length > 0) {\n return wrap([md`### Trends at **${instance.name}**`].concat(trends.map(trend => plot_trend(trend))), 'vertical')\n } else {\n return md`### No trends at **${instance.name}** 😓`\n }\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":424,"value":"---","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":338,"value":"Data","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":693,"value":"{\n const instance_selected = {\n name: \"ruby.social\",\n users: 4653\n }\n return instance_selected\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3,"value":"getUrl = (instance) => {\n return `https://${instance}/api/v1/trends/statuses?limit=20`\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":35,"value":"trends = {\n if (instance){\n const raw = await d3.json(getUrl(instance.name))\n console.log(raw);\n return raw.sort((a, b) => Number(b.reblogs_count + b.replies_count) - Number(a.reblogs_count + a.replies_count))\n } else {\n return null\n }\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":322,"value":"Style","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":159,"value":"colors = ({mastodon: '#5f60e3', dark: '#5d4f84', light: '#c9caf0', highlight: '#f56ead'})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":132,"value":"","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":370,"value":"$2d","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":220,"value":"text_width = {\n const longest_hashtag = Math.max(...trends.map(t => t.content.length)) * 7.7\n return longest_hashtag > 200 ? longest_hashtag : 200\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":120,"value":"wrap = (elems, classes) => {\n const div = document.createElement(\"div\");\n div.classList = classes\n elems.forEach(el => div.appendChild(el));\n return div;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":330,"value":"Plots","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":237,"value":"import {Plot} from \"@mkfreeman/plot-tooltip\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":554,"value":"import {Swatches} from \"@d3/color-legend\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":86,"value":"top_value = Math.max(...trends.map(t => t.reblogs_count))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":43,"value":"plot_trend = (trend) => {\n const timeparser = d3.timeParse('%s')\n const timeformat = {month: 'long', day:'numeric', timeZone: 'UTC'}\n const account_name = trend.account.acct\n const account_url = trend.account.url\n const reblogs_count = trend.reblogs_count\n const replies_count = trend.replies_count\n const content = trend.content\n const url = trend.url\n \n const text = html`\n

\n ${account_name}\n
\n

people retooted it ${reblogs_count} times and replied ${replies_count} times

${content}

\n - original post\n

`\n const textmore = htl.html`---`\n \n return wrap([text, textmore], 'trend horizontal')\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":271,"value":"function set(input, value) {\n input.value = value;\n input.dispatchEvent(new Event(\"input\", {bubbles: true}));\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":265,"value":"viewof instance = {const element = htl.html`

`;\n element.value = ({name: 'ruby.social'});\n return element;}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W2e","stdlib":"1","titling":"auto"}} 2c:"$2b:body"