yumlDiagram = require("https://bundle.run/yuml-diagram@1.0.12")
classDiagram = (src) => {
const yuml = `// {type:class}\n${src}`;
const svgDoc = new yumlDiagram().processYumlDocument(yuml);
const xmlDoc = new DOMParser().parseFromString(svgDoc, "text/xml");
const dom = svg`${xmlDoc.getElementsByTagName("svg")[0].outerHTML}`;
dom.setAttribute("width", Math.min(width, 640));
return dom;
}
classDiagram`
[GeneratorFunction]-.-creates>[Generator|throw();return()]
[≪protocol≫;iterator|next()]^-.-[Generator]
[≪protocol≫;iterable|⟦Symbol.iterator⟧()]^-.-[Generator]
[≪protocol≫;iterable|⟦Symbol.iterator⟧()]^-.-[Map, Set, String, Array, TypedArray]`
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.
