Published
Edited
Feb 14, 2021
1 fork
87 stars
Insert cell
Insert cell
Insert cell
html`<div style="display:flex;flex-wrap: wrap;">${links.map((d,i) => {
let img = d.thumbnail ? "https://static.observableusercontent.com/thumbnail/" + d.thumbnail + ".jpg" : d.preview || ""
return `
<div style="width: 200px;margin:15px 5px;padding:5px 10px; border: 1px solid #eee">
<a href="${d.url}">
<img width=150 src="${img}"><br>
<span>
${i+1})
${d.description} <br> <i>${d.url.split("/")[2]}</i>
</span>
</a>
<br/>
</div>`
})
}`
Insert cell
Insert cell
// md`${links.map((d,i) => {
// return `${i+1}) [${d.description}](${d.url}) - *${d.url}* \n`
// })
// }`
Insert cell

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.
Learn more