2a:null 2b:["$","title",null,{"children":"Dashboard prototype | Alan Kang | Observable"}] 30:[] 2e:{"id":"0559497e7a6ef64b","slug":"dashboard-prototype","title":"Dashboard prototype","thumbnail":"7622897ee7de5c8c3592cc3efe56b241dcb8211435f29a4fbb83f6bb0ddade8d","access_level":"public","create_time":"$D2020-05-13T02:23:29.693Z","update_time":"$D2020-05-14T06:57:37.800Z","view_time":null,"first_public_time":"$D2020-05-13T08:02:01.503Z","fork":false,"stars":0,"starred":false,"owner":{"type":"team","id":"d3839238eae2fb1b","login":"akngs","name":"Alan Kang","avatar_url":"https://avatars-next.observableusercontent.com/506c1d585ef2c8c9c159415d412ed2aef6ba6cd239f6448b72109f691e01e942","tier":"starter_2024"},"version":63,"publish_version":63,"role":null,"authored":false,"authors":[{"type":"individual","id":"b68a5a7082b1642e","login":"akngs","name":"Alan Kang","avatar_url":"https://avatars-next.observableusercontent.com/506c1d585ef2c8c9c159415d412ed2aef6ba6cd239f6448b72109f691e01e942","tier":null}],"members":[{"type":"individual","id":"b68a5a7082b1642e","login":"akngs","name":"Alan Kang","avatar_url":"https://avatars-next.observableusercontent.com/506c1d585ef2c8c9c159415d412ed2aef6ba6cd239f6448b72109f691e01e942","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"title":"Dashboard prototype","cells":[{"id":0,"value":"md`# Dashboard prototype`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":8,"value":"{\n const root = html`\n \n

Some time-series

A time-series showing fake data.

\n ${tsDemo}\n

Some gauges

A gauge has many short comings in terms of efficiency, but it clearly has an attention grabbing effect.

\n ${gaugeDemo}\n

Box plots

\n ${boxplotDemo}\n

\n `\n return root\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":5,"value":"import {demo as tsDemo} from '@akngs/libfakedata'","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":14,"value":"import {demo as gaugeDemo} from '@akngs/gauge-chart-for-dashboard'","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":51,"value":"import {demo as boxplotDemo} from '@akngs/d3-boxplot'","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"}],"files":"$W30","stdlib":"1","titling":"auto"}} 2f:"$2e:body"