chartsTable.length?html`<iframe src="https://ourworldindata.org/grapher/${_.last(chartsTable).slug}" loading="lazy" style="width: 100%; height: 500px; border: 0px none;"/>`:md`please select a row in the table above`
chartsWithLCH=charts.map((row)=>{
constcolor=chromaLib(row.color)
consthue=color.get("hsl.h")
constsaturation=color.get("hsl.s")
constlightness=color.get("hsl.l")
return{...row,hue,saturation,lightness}
})
owid
select charts.id as id, charts.slug as slug, title, json_each.value ->> '$.display.color' as color, json_each.value ->> '$.display.name' as variableName from charts, json_each(config, '$.dimensions') where json_each.value ->> '$.display.color' is not null
Observable is your go-to platform for exploring data and creating expressive data visualizations. Use reactive JavaScript notebooks for prototyping and a collaborative canvas for visual data exploration and dashboard creation.