The avatar for @cmudig
CMU Data Interaction Group
We are a research group at the CMU HCII. Our mission is to empower people to analyze and communicate data with interactive systems.
Published
Edited
Mar 26, 2021
Importers
10 stars
Insert cell
Insert cell
Insert cell
viewof query = sql`SELECT *
FROM foo
WHERE foo.a > 42`
Insert cell
query
Insert cell
Insert cell
function makeHl(language) {
return (code) => hl(code, language)
}
Insert cell
function hl(query, language='js') {
const result = md`
~~~${language}
${String(query).trim()}
~~~`;

result.value = String(query).trim();

return result;
}
Insert cell
Insert cell
css = makeHl('css')
Insert cell
js = makeHl('js')
Insert cell
ts = makeHl('ts')
Insert cell
sql = makeHl('sql')
Insert cell
html = makeHl('html')
Insert cell
glsl = makeHl('glsl')
Insert cell
prolog = makeHl('prolog')
Insert cell
http = makeHl('http')
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