Published
Edited
Sep 10, 2021
1 fork
Insert cell
Insert cell
Insert cell
html`
<head>
<script type='text/x-thebe-config'>
thebeConfig = {
binderOptions: {repo:'sagemath/sage-binder-env',},
stripPrompts: {inPrompt:'sage: ',continuationPrompt:'....: ',
selector:'pre:contains("sage: ")',},
kernelOptions: {name:'sagemath',},
requestKernel: true}
</script>
<script src='https://unpkg.com/thebe@latest/lib/index.js'></script>
<script>window.onload=function() { thebelab.bootstrap(); };</script>
</head>
<style>
@import 'https://fonts.googleapis.com/css?family=Akronim';
h2,p {color:slategray; font-family:Akronim; font-size:120%; text-shadow:4px 4px 4px #aaa;}
</style>`
Insert cell
Insert cell
Insert cell
import_js=function(src,module_name) {
/*if (!$('head').find(`script[src='${src}']`)) {
$('head').append(`<script src='${src}'></script>`);
}*/
return new Promise(function(resolve,reject) {
function waiting(){
if (typeof module_name=='undefined') resolve();
if (eval(module_name)) resolve(eval(module_name));
setTimeout(waiting,30);};
require(src).then(function() {waiting();})
.catch(function() {waiting();}); }); }
Insert cell
thebecell=import_js('https://unpkg.com/thebe@latest/lib/index.js','window.thebecell')
Insert cell
Insert cell
<!--thebelab.bootstrap()--!>
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