PlantUML Web Server

@startuml
!include https://raw.githubusercontent.com/plantuml-stdlib/C4-PlantUML/master/C4_Container.puml
!include https://raw.githubusercontent.com/owulveryck/PlantUML-icons-GCP/master/official/GCPCommon.puml
!include https://raw.githubusercontent.com/owulveryck/cue4puml4c4/main/assets/cue.puml 
!include https://raw.githubusercontent.com/plantuml-stdlib/gilbarbara-plantuml-sprites/master/sprites/./svg.puml 
LAYOUT_LANDSCAPE()
HIDE_STEREOTYPE()
/'Relation Tags'/ 
/'Element Tags'/ 
/' Persons '/
Person(User,"You")
	
/' Systems '/
System_Boundary(cue4puml4c4,"cue4puml4c4"){
	Container(data,"C4 Described with CUE","CUE","","cue_logo")
	Container(genpuml,"Cue command genpuml","CUE","","cue_logo")
	Container(yourPuml,"PUML representation of the C4","Undefined","")
	Rel("genpuml","data","Read your code and apply puml template")
	Rel("genpuml","yourPuml","Generate puml file")
}
System(plantuml,"Plantuml"){
	Container(plantumlServer,"Plantuml Server","Undefined","")
}
System_Boundary(result,"result"){
	Container(pictureSvg,"SVG","Svg","","svg")
	Container(picturePng,"png","Undefined","")
}
/' Relations '/
	Rel("User","data","")
	Rel("yourPuml","plantumlServer","")
	Rel("plantuml","result","")
SHOW_LEGEND()
@enduml

Pure Javascript

PNG SVG ASCII Art