kroki

kroki-graphviz

digraph G {
  a -> b [dir=both color="red:blue"]
  c -> d [dir=none color="green:red;0.25:blue"]
}

kroki-plantuml

@startuml
clock   "Clock_0"   as C0 with period 50
clock   "Clock_1"   as C1 with period 50 pulse 15 offset 10
binary  "Binary"  as B
concise "Concise" as C
robust  "Robust"  as R
analog  "Analog"  as A

@0
C is Idle
R is Idle
A is 0

@100
B is high
C is Waiting
R is Processing
A is 3

@300
R is Waiting
A is 1
@enduml

kroki-symbolator

module demo_device #(
    //# {{}}
    parameter SIZE = 8,
    parameter RESET_ACTIVE_LEVEL = 1
) (
    //# {{clocks|Clocking}}
    input wire clock,
    //# {{control|Control signals}}
    input wire reset,
    input wire enable,
    //# {{data|Data ports}}
    input wire [SIZE-1:0] data_in,
    output wire [SIZE-1:0] data_out
);
  // ...
endmodule

pikchr-demo1

box box (with rounded corners) circle ellipse oval (tall & thin) oval cylinder file dot lines arrows splines Examples Of Pikchr Objects

pikchr-demo2

Markdown Source Markdown Formatter (mdbook) HTML+SVG Output Pikchr Preprocessor (mdbook-pikchr)

svgbob-demo

MMUFilesystemSchedulerIONetworkHALMMU89101112Svgbobisadiagrammingmodelwhichusesasetoftypingcharacterstoapproximatetheintendedshape.Itusesawhicharecombinationofcharactersreadilyavailableonyourkeyboards.Whatcanitdo?Basicshapes....Quicklogoscribbles.::::.EvenunicodeboxdrawingcharactersaresupportedCircle,quarterarcs,halfcircles,34quarterarcsGridsGraphicsDiagram03124756Pv0v3XEye+y+zReflection+xRefractionv1v2CJKcharactersSequenceDiagramsABCDBFEGCBobAlicehelloIsAliceBobitok?0134..5672PlotdiagramsUinUdc500msInactiveActiveCpu.QonRailroaddiagramselem;nx,x,Ostructname:name:tpebodyO,StatisticalchartsEDCBA5101520253035404550EDCBA510152025303540455085.6778.2070.7363.2755.8048.3340.8733.4025.9318.4711.00201120122013201420152016FlowchartsOSAPIBlockdiagramsvncviewer[],,gatewayvncserver).'[....internet'.ValvelessPulsejetengine'.GNDpowerswitchHHOGenerator+Batterythrustfuelintake^^sparkplugWaterintakeSolarpanelmicrohenrycoilwtuning'picofaradcaptrimmablegroundplanefoilsymbolicantennalugPCBoardMindmapsWorklaodAlphaInitialReleasePlanningPatch1InitialresearchPatch2Beta.Release.PushbacksSetbacksReceptionTeamCareerchangePTOBugItcandocomplexstuffsuchascircuitdiagrams+1015V0,047R+.470+uF6781GND`220RBYV2912V6OUT+2CGNDC31nFC+GNDGND542k1k0GND2k2LED1kBC547IRF9Z34MC340636000microFarad,40VCapacitor30uH470uF5k6+3k3inSerieLatestaddition:StylingoftaggedshapesAdvantages:PlaintextformatUltimatelyportable,DegradesgracefullyEvenwhennotusingagraphicalrenderer,itwouldstilllooksastextbaseddiagrams.Pastethetextinyoursourcecode.Easiesttouse.Anyoneknowshowtoedittext.backwardcompatibleandfutureproof.good.--------------.| Don't draw me||              |'--------------'Udc_OK...°]

svgbob-otherdemo

''DatabaseoiOSNotadot3DerivedImplementationA<>VServerCloudInternetWiFiBluetoothWindowsOSXLaptop1Laptop2####LANUbuntuUbuntuDedicatedServerRackTablet11641285214091001BasisXᵢ>ABYC123412341234111222333444ABoxRoundMixedRoundedDiagonals&SquareCornersDiaglineifa>bobjfcnJoinInteriorSearchDone?CurvedlineCurvedVerticalnot:line'quotes'AB*bold*AdashisnotalineNoristhis.<BaseInterfaceOtherInterface||Poorman'srailroadStyle#1oelem;nox,x,Ostructname:name:tpebodyO,Style#2elem;nx,x,structname:name:tpebody,12090135^^'`..'`..22560451800240270300315120^90135^^'`.`..2252402703003156045150301800210330......''`'|.|.'`|.|.`'|.|.'`|.|.┏━━━━━━┳━┳━A₁A₂┡━━━━━━╇━╇━┳━━━━┓Aⱼ╇━━━━┩⠠.⠐'