2c:null 2d:["$","title",null,{"children":"charts.css | Anders | Observable"}] 32:[{"id":"832a0d293a1bee36cbca830a4aa01cb6507cc4a246eb949688719046ae85defefd1dbb201a6a6a09ca0b62a35e60ceef3f8d426467cb4e8266c9cd7fad9ab93e","href":"https://static.observableusercontent.com/files/832a0d293a1bee36cbca830a4aa01cb6507cc4a246eb949688719046ae85defefd1dbb201a6a6a09ca0b62a35e60ceef3f8d426467cb4e8266c9cd7fad9ab93e","name":"charts.min.css","type":"text/css","lastModified":1616068969601.426,"size":71719}] 30:{"id":"d41a36165efc9b30","slug":"charts-css","title":"charts.css","thumbnail":"a0b786a574116b80eeacc695874e4d693c89e7da393e12d0721ef5b7bac9bf0c","access_level":"public","create_time":"$D2021-03-18T12:01:04.165Z","update_time":"$D2021-11-17T13:53:50.796Z","view_time":null,"first_public_time":"$D2021-03-18T13:34:45.235Z","has_unpublished_edits":null,"fork":false,"stars":0,"starred":false,"owner":{"type":"team","id":"185626bcadc26005","login":"idris-maps","name":"Anders","avatar_url":"https://avatars-next.observableusercontent.com/d976ffbf18d2b8f93ce6f7e9af33d17c450a64656a0b0f89e2a5b3f16cef7aec","tier":"starter_2024"},"version":164,"publish_version":164,"role":null,"authored":false,"authors":[{"type":"individual","id":"37cf327f614a460d","login":"idris-maps","name":"Anders","avatar_url":"https://avatars-next.observableusercontent.com/d976ffbf18d2b8f93ce6f7e9af33d17c450a64656a0b0f89e2a5b3f16cef7aec","tier":null}],"members":[{"type":"individual","id":"37cf327f614a460d","login":"idris-maps","name":"Anders","avatar_url":"https://avatars-next.observableusercontent.com/d976ffbf18d2b8f93ce6f7e9af33d17c450a64656a0b0f89e2a5b3f16cef7aec","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"titling":"auto","title":"charts.css","cells":[{"id":0,"value":"md`# charts.css\n\n[chartscss.org](https://chartscss.org/)\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":92,"value":"viewof heading = Text({ label: 'Heading', value: 'A descriptive title' })","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":147,"value":"viewof height = Range([100, 500], {step: 1, label: 'Height in px'})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":153,"value":"viewof width = Range([30, 100], {step: 1, label: 'Width in %', value: 100 })","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":111,"value":"viewof type = Select(['area', 'bar', 'column', 'line'], { label: 'Chart type', value: 'bar' })","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":63,"value":"viewof options = Checkbox([\n 'show-heading',\n 'show-labels',\n 'show-primary-axis',\n 'show-data-axes',\n 'show-4-secondary-axes',\n 'show-8-secondary-axes',\n 'data-spacing-8',\n 'data-spacing-3',\n 'reverse-data',\n 'reverse',\n], {\n label: 'Options',\n value: [\n 'show-heading',\n 'show-labels',\n ]\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":13,"value":"html`\n

\n \n \n \n ${rows}\n \n

\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":79,"value":"rows = {\n const s = scale(data.map(d => d.value))\n const start = prev => ['area', 'line'].includes(type)\n ? `--start:${prev ? s(prev.value) : 0}`\n : ''\n return data.map(({ label, value }, i, arr) =>\n html`\n \n ${label}\n \n \n `\n )\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":74,"value":"data = [\n { label: 'Label 1', value: 12 },\n { label: 'Label 2', value: 45 },\n { label: 'Label 3', value: 38 },\n { label: 'Label 4', value: 23 },\n { label: 'Label 5', value: 31 },\n]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":41,"value":"scale = arr => {\n const max = Math.max(...arr)\n return d => d / max\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2,"value":"html``","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":5,"value":"css = FileAttachment('charts.min.css').text()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":64,"value":"import { Checkbox, Text, Select, Range } from '@observablehq/inputs'","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W32","stdlib":"1"}} 31:"$30:body"