2d:null 2e:["$","title",null,{"children":"Report components | nullhook | Observable"}] 33:[] 31:{"id":"3ee93906d76081b7","slug":"report-components","title":"Report components","thumbnail":"e0bf1583956eb2bae9ba46b407eff4ce6f34907ad3aafe7eaf29b8a2086fd7d3","access_level":"public","create_time":"$D2021-01-19T08:20:45.646Z","update_time":"$D2021-02-19T13:22:20.368Z","view_time":null,"first_public_time":"$D2021-01-19T08:53:07.171Z","fork":false,"stars":0,"starred":false,"owner":{"type":"team","id":"11f845e60dba498f","login":"nullhook","name":"nullhook","avatar_url":"https://avatars-next.observableusercontent.com/1cad328a11e08936aab1ffc8c1d8d328981e1b25ff66d7f7bb9b933d5d232e58","tier":"starter_2024"},"version":136,"publish_version":136,"role":null,"authored":false,"authors":[{"type":"individual","id":"aa9aa40e2f07b5ca","login":"nullhook","name":"nullhook","avatar_url":"https://avatars-next.observableusercontent.com/1cad328a11e08936aab1ffc8c1d8d328981e1b25ff66d7f7bb9b933d5d232e58","tier":null}],"members":[{"type":"individual","id":"aa9aa40e2f07b5ca","login":"nullhook","name":"nullhook","avatar_url":"https://avatars-next.observableusercontent.com/1cad328a11e08936aab1ffc8c1d8d328981e1b25ff66d7f7bb9b933d5d232e58","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"title":"Report components","cells":[{"id":0,"value":"md`# Report components`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":46,"value":"md`## 1. Quote module`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3,"value":"quoteEl = html`\n

‟Even as the retail industry has slumped, dragged down by disappointing earnings and an unending trade war, resale is exploding.”

\n\n\n

\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":24,"value":"l = {\n const actions = quoteEl.querySelector('.actions');\n const social = quoteEl.querySelector('.social');\n \n actions.addEventListener('mouseover', () => {\n social.style.display = 'block';\n });\n \n actions.addEventListener('mouseout', () => {\n social.style.display = 'none';\n });\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":50,"value":"md`## 2. Stats module\nLinearly interpolates from a given range [a,b], useful to show large numbers.\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":91,"value":"html`

${sales.toFixed(1)}% of people in new jobs say they’re having more creative ideas than ever

`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":84,"value":"mutable sales = 0;","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":60,"value":"{\n const n = 20;\n for(let i=0; i<=n; ++i) {\n let v = i/n;\n mutable sales = lerp(0,65.5,v);\n await Promises.delay(200);\n yield mutable sales;\n }\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":58,"value":"function lerp(v0, v1, t) {\n return v0*(1-t)+v1*t\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W33","stdlib":"1","titling":"auto"}} 32:"$31:body"