Public
Edited
Mar 22, 2024
readWithLatex(" text ${and code} before $f(x)=x^2$ text and ${code} after ")
readNewCode(" text {{code ${more { `and ${more} ` } code} code}} text")
format.block(`
# Hello {{there}}!
Paragraph
one
- item {{one}}
- sub-{{item}}-1
- sub-{{item}}-2
- sub-{{two}}
## Sub-{{header}}
::: more=\${stuff}
`)
format.block(`<style>
body {
background: \${color};
}
</style>`)
t(`before <style>
body {
background: \${color};
}
</style> after`)
format.block(
`before <style>
body {
background: {{color}};
}
</style> after`
)
t(`before <style>
body {
background: {{color}};
}
</style> after`)
formatAst(ast)
ast = t(text)
viewof retryCount = Inputs.range([1, 100], {
label: "Number of retries:",
step: 1,
value: 1
})
// mdit(text)
format
t = {
const readToken = newMdReader();
return (...args) => {
const startTime = Date.now();
let token;
const count = retryCount;
for (let i = 0; i < count; i++) {
token = readToken(...args);
}
const endTime = Date.now();
token.time = endTime - startTime;
return token;
};
}
tknz
stylesMd
import {
tknz,
newMdReader,
format,
formatInlineAst,
formatAst,
stylesMd
} from "@kotelnikov/statewalker-tknz"
mdit = {
const markdownit = (await import("markdown-it")).default;
const md = markdownit();
return (str) => {
const startTime = Date.now();
let token;
const count = retryCount;
for (let i = 0; i < count; i++) {
token = md.render(str);
}
const endTime = Date.now();
const time = endTime - startTime;
return {
time,
content: token
};
};
}
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.
