I'm a professor of mathematics at the University of North Carolina Asheville. I've also done a fair amount of consulting work over the years focusing on scientific and data visualization.
I'm happy to be part of the first Observable Ambassador's cohort.
function eq(str) {
return html`<img style="vertical-align: text-bottom" src="https://s.mathequationapi.com/m?eq=${encodeURIComponent(
str
)}" />`;
}
eq('a+b+c = 100')
html`If ${eq('f(x)=e^{-x^2}')}, then
<div style="text-align: center">
${eq(String.raw`\int_{-\infty}^{\infty} f(x) \, dx = \sqrt{\pi}`)}
</div>
`
async function eq_svg(s) {
let svg_math = await (await fetch(
`https://s.mathequationapi.com/m?eq=${s}`
)).text();
return svg`${svg_math}`;
}
{
const plot = plotter();
plot.circle(0, 0, 6, { stroke: 'black', width: 3 });
let pir2 = await eq_svg(String.raw`\pi r^2`);
d3.select(plot.node)
.append('g')
.attr('transform', 'scale(3) translate(65,48)')
.append(() => pir2);
return plot.node;
}
import { plotter } from '@kjerandp/plotter'
d3 = require('d3-selection@2')
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.
