Public
Edited
Apr 17, 2023
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Type JavaScript, then Shift-Enter. Ctrl-space for more options. Arrow ↑/↓ to switch modes.

Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
fetch( ( new Request('https://gist.githubusercontent.com/karpatic/1878d7fb88a8ffb80818e7de95a3f0d7/raw/7f532bad04d364c2baa706493b6db491722987b2/testMarkdown') )).then(function(response) {
return response.text().then(function(text) {
let resp = md`${text}`
let hbs = Handlebars.compile(`${text}`)
return md`${ hbs({ title: "AwesomeSauce!!" }) }`
});
});
Insert cell
viewof view = embed('https://raw.githubusercontent.com/vega/vega/master/docs/examples/bar-chart.vg.json')
Insert cell
Insert cell
yaml`
foo: bar
`
Insert cell
{
let txt = `---
title: AwesomeSauce!!!
sublinks:
- {href: link/to/foo, text: Foo Text}
- {href: link/to/bar, text: Bar Text}
- {href: link/to/baz, text: Baz Text}
---
## Retrieved From here

{{#each sublinks}}
<li><a href="#{{href}}">{{text}}</a></li>
{{/each}}

{{ title }}`
var docStructed = txt.match(/^---\n([\s\S]+)---([\s\S]+)$/);
var frontMatter = docStructed[1];
let yamlVals = yaml`${frontMatter}`
let resp = md`${docStructed[2]}`
let hbs = Handlebars.compile(`${docStructed[2]}`)
return md`${ hbs({ title: yamlVals['title'], sublinks: yamlVals['sublinks'] }) }`
}
Insert cell
fetch( ( new Request('https://raw.githubusercontent.com/karpatic/dataplay/master/README.md') )).then(function(response) {
return response.text().then(function(text) {
let resp = md`${text}`

let map = resp.querySelector('iframe')
var test = map.getAttribute('data-html')
console.log( atob(test) )
return html`${atob( test ) }`
});
});
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