tex = ({
block: multiMarkup(_tex.block, cellmodes)
})
\operatorname{Area}(ZAB) = \frac{s_A \wedge s_B}{1 + s_A \cdot s_B}
%unknown
\text{This will fallback to tex}
%tex Explicit, need to be defined in cellmodes
\operatorname{tang}{\small \! \tfrac{1}{2}}\mathit{\Sigma} = \frac{\operatorname{tang}{\small \! \tfrac{1}{2}}a \operatorname{tang}{\small \! \tfrac{1}{2}}b \sin C}{1 + \operatorname{tang}{\small \! \tfrac{1}{2}}a \operatorname{tang}{\small \! \tfrac{1}{2}}b \cos C}
%css
.big {
font-size: 2rem;
font-weight: 700;
text-decoration: underline;
}
<p>
I'm a little <span class="big">teapot</span>
</p>
%dot
digraph {
rankdir=LR;
a -> c;
b -> c;
}
%logo
to fern :size :sign
if :size < 1 [ stop ]
fd :size
rt 70 * :sign fern :size * 0.5 :sign * -1 lt 70 * :sign
fd :size
lt 70 * :sign fern :size * 0.5 :sign rt 70 * :sign
rt 7 * :sign fern :size - 1 :sign lt 7 * :sign
bk :size * 2
end
window clearscreen pu bk 150 pd
fern 25 1
%sql
SELECT
bioguide,
first_name,
last_name
FROM members
WHERE first_name LIKE 'ALEX%'
LIMIT 25;
%webgl
const float size = 25.0;
mat2 rotate2d(float a) {
return mat2(cos(a), -sin(a), sin(a), cos(a));
}
void mainImage(out vec4 fragColor, in vec2 fragCoord) {
vec2 p = (fragCoord.xy - iResolution.xy / 2.0) * rotate2d(iTime / 10.0);
float k = float(mod(p.x, size * 2.0) < size == mod(p.y, size * 2.0) < size);
fragColor = vec4(vec3(k), 1.0);
}
%slides
## Slides, why not
~~~js
import { slide, notes, style, keyBindings }
from '@visnup/slides'
~~~
👉🏼 See [@visnup/slides-usage](slides-usage) for a forkable example.
%notes
## Notes
a complement.
style
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.
