Published
Edited
Dec 19, 2018
3 stars
url = (
"https://search-24ways.herokuapp.com/24ways.json?sql=" +
encodeURIComponent(sql) +
`&search=${encodeURIComponent(search)}&_shape=array`
);
html`
<h2>Results</h2>
${results.map(r => `
<h3><a href="${r.url}" target="_blank">${r.title}</a></h3>
<p><small>${r.author} - ${r.year}</small></p>
<p>${highlight(r.snippet)}</p>
`)}
`
function highlight(s) {
s = html_escape(s);
return s.replace(
/b4de2a49c8/g, '<b>'
).replace(
/8c94a2ed4b/g, '</b>'
);
}
html_escape = (s) => s.replace(
/>/g, '>'
).replace(
/</g, '<'
).replace(
/&/g, '&'
).replace(
/"/g, '"'
).replace(
/'/g, '''
);
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.
