View Source

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.

Samples and Visual Studio Code development container

We have started the https://github.com/utoolity/visualize-with-code-samples repository to maintain examples used within the apps and in presentations.

The repository also provides a Visual Studio Code development container with extensions providing syntax highlighting and/or live previews for most visualization types.

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 (incl. C4, Azure, AWS, GCP, Kubernetes …)	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