Published
Edited
Apr 15, 2022
1 star
sst(taqueriaData)
sst(taqueriaData, headers)
sst = (data, headers) => {
const headerObj = headers ?
headers :
Object.keys(data[0]).reduce((obj, item) => {
obj[item] = item
return obj
},{})
return md`
${Object.keys(headerObj).map(k => headerObj[k]).join('|')}
--- | ---
${
data.map(
d => Object.keys(headerObj).map(k => d[k]).join('|')
).join('\n')
}`
}
headers = ({name: 'Food Item', stars: 'Deliciousness', cost: 'Price'})
taqueriaData = [
{ name: 'tacos', cost: '$ 3', stars: '★★★★☆'},
{ name: 'burritos', cost: '$ 6', stars: '★★★★★'},
{ name: 'chimichangas', cost: '$ 7', stars: '★★★☆☆'},
{ name: 'huaraches', cost: '$ 6', stars: '★★★★☆'},
{ name: 'sopès', cost: '$ 4', stars: '★★★☆☆'},
{ name: 'fajitas', cost: '$ 8', stars: '★★★★★'},
]
Purpose-built for displays of data
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.
