👨💻 Modelling consultant
🧮 numbers 📊 actuarial
📈 viz, interactivity, transparency
diff("rtfm", "rtfpessoa")
diff(
(a, b) => a + b,
(a, b) => a - b
)
diff(
{
min: 0,
max: 10,
toString() {
return `{${this.min},${this.max}}`;
}
},
{
min: 10,
max: 20,
toString() {
return `{${this.min},${this.max}}`;
}
}
)
diff = (left, right, options = {}) => {
const defaults = {
wrapper: html`<div>`,
outputFormat: "side-by-side",
drawFileList: false,
drawFileHeaders: false
};
const { wrapper, drawFileHeaders, ...opts } = { ...defaults, ...options };
const diff = jsdiff.createTwoFilesPatch(
left.name || "left",
right.name || "right",
"" + left,
"" + right,
undefined,
undefined,
{ context: options.context || 2 }
);
const json = diff2html.parse(diff);
wrapper.innerHTML = diff2html.html(json, opts);
if (!drawFileHeaders) {
for (const n of wrapper.querySelectorAll(".d2h-file-header")) n.remove();
}
return wrapper;
}
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.
