30:[] 2e:{"title":"Candela Test","cells":[{"id":0,"value":"md`# Candela Test\n\nChoose a dataset and x, y, size, color fields below.\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":4,"value":"vis = {\n const el = html`

`\n yield el\n const vis = new candela.components.ScatterPlot(el, {\n renderer: 'svg',\n data: data,\n x: x,\n y: y,\n size: size,\n color: color,\n colorType: 'quantitative'\n });\n vis.render();\n return vis;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":111,"value":"viewof dataset = html``","pinned":false,"hidden":false,"mode":"ojs"},{"id":8,"value":"viewof x = html`${fieldSelector}`","pinned":false,"hidden":false,"mode":"ojs"},{"id":11,"value":"viewof y = html`${fieldSelector}`","pinned":false,"hidden":false,"mode":"ojs"},{"id":13,"value":"viewof size = html`${fieldSelector}`","pinned":false,"hidden":false,"mode":"ojs"},{"id":62,"value":"viewof color = html`${fieldSelector}`","pinned":false,"hidden":false,"mode":"ojs"},{"id":85,"value":"fieldSelector = ``","pinned":false,"hidden":false,"mode":"ojs"},{"id":81,"value":"fields = Object.keys(data[0]).filter(f => typeof data[0][f] !== 'string')","pinned":false,"hidden":false,"mode":"ojs"},{"id":78,"value":"data = await require(`@observablehq/${dataset}`)","pinned":false,"hidden":false,"mode":"ojs"},{"id":15,"value":"candela = require('candela@0.18.1/dist/candela')","pinned":false,"hidden":false,"mode":"ojs"},{"id":58,"value":"datasets = ['cars', 'iris', 'dji']","pinned":false,"hidden":false,"mode":"ojs"}],"files":"$W30","stdlib":"1","titling":"auto"}