Page Comparison

Info

Playground and example diagrams

You can find a couple of readily copyable example diagrams in the /wiki/spaces/UPLAY/pages/1746010343

Relative vs. absolute URLs

Please be aware that many online examples reference the data via relative URLs – to make these work with this app you need to convert the URLs to absolute ones.

Rendering engine	Chart & Diagram types	Example galleries	Online playgrounds	Visual Studio Code extensions
Vega	Arbitrary visualizations	Vega examples	https://vega.github.io/editor/#/custom/vega	Vega Viewer
Vega-Lite	Arbitrary visualizations	Vega-Lite examples	https://vega.github.io/editor/#/custom/vega-lite	Vega Viewer
Svgbob	ASCII		https://ivanceras.github.io/svgbob-editor/
PlantUML	Sequence diagram, Use case diagram, Class diagram, Activity diagram, Component diagram, State diagram, Object diagram, Deployment diagram, Timing diagram …	PlantUML examples Real World PlantUML Hitchhikers guide AWS examples C4 examples Kubernetes and Azure examples GCP examples	http://www.plantuml.com/plantuml/uml/ https://plantuml-editor.kkeisuke.com/	PlantUML
Mermaid	Flowchart Sequence diagram Class Diagram State Diagram Entity Relationship Diagram User Journey Gantt Pie Chart Directives	Mermaid examples	https://mermaid-js.github.io/mermaid-live-editor/	Markdown Preview Mermaid
Graphviz	Graphs	Graphviz examples		Graphviz

Versions Compared

Old Version 1

New Version 2

Key

Relative vs. absolute URLs