Skip to main content Svelte Highlight v7.23.1

Pikchr language preview

1. Start and stop

fitted boxes connected by an arrow
horizon-dark
# procedure entry
box "Start" fit
arrow
box "Stop" "(done)" fit
atom-one-dark
# procedure entry
box "Start" fit
arrow
box "Stop" "(done)" fit
github-dark
# procedure entry
box "Start" fit
arrow
box "Stop" "(done)" fit
dracula
# procedure entry
box "Start" fit
arrow
box "Stop" "(done)" fit
nord
# procedure entry
box "Start" fit
arrow
box "Stop" "(done)" fit
github
# procedure entry
box "Start" fit
arrow
box "Stop" "(done)" fit

2. Decision

a diamond with yes and no branches
horizon-dark
box "Receive" fit
arrow
diamond "valid?" fit
arrow right "yes" " "
box "Save" fit
arrow left "no" from last diamond.w
box "Reject" fit
atom-one-dark
box "Receive" fit
arrow
diamond "valid?" fit
arrow right "yes" " "
box "Save" fit
arrow left "no" from last diamond.w
box "Reject" fit
github-dark
box "Receive" fit
arrow
diamond "valid?" fit
arrow right "yes" " "
box "Save" fit
arrow left "no" from last diamond.w
box "Reject" fit
dracula
box "Receive" fit
arrow
diamond "valid?" fit
arrow right "yes" " "
box "Save" fit
arrow left "no" from last diamond.w
box "Reject" fit
nord
box "Receive" fit
arrow
diamond "valid?" fit
arrow right "yes" " "
box "Save" fit
arrow left "no" from last diamond.w
box "Reject" fit
github
box "Receive" fit
arrow
diamond "valid?" fit
arrow right "yes" " "
box "Save" fit
arrow left "no" from last diamond.w
box "Reject" fit

3. Two formatters

labeled arrows and a same-width box
horizon-dark
arrow right 200% "Markdown" "Source"
box rad 10px "Markdown" "Formatter" "(markdown.c)" fit
arrow right 200% "HTML+SVG" "Output"
arrow <-> down 70%
box same "SVG" "Formatter" "(svg.c)" fit
atom-one-dark
arrow right 200% "Markdown" "Source"
box rad 10px "Markdown" "Formatter" "(markdown.c)" fit
arrow right 200% "HTML+SVG" "Output"
arrow <-> down 70%
box same "SVG" "Formatter" "(svg.c)" fit
github-dark
arrow right 200% "Markdown" "Source"
box rad 10px "Markdown" "Formatter" "(markdown.c)" fit
arrow right 200% "HTML+SVG" "Output"
arrow <-> down 70%
box same "SVG" "Formatter" "(svg.c)" fit
dracula
arrow right 200% "Markdown" "Source"
box rad 10px "Markdown" "Formatter" "(markdown.c)" fit
arrow right 200% "HTML+SVG" "Output"
arrow <-> down 70%
box same "SVG" "Formatter" "(svg.c)" fit
nord
arrow right 200% "Markdown" "Source"
box rad 10px "Markdown" "Formatter" "(markdown.c)" fit
arrow right 200% "HTML+SVG" "Output"
arrow <-> down 70%
box same "SVG" "Formatter" "(svg.c)" fit
github
arrow right 200% "Markdown" "Source"
box rad 10px "Markdown" "Formatter" "(markdown.c)" fit
arrow right 200% "HTML+SVG" "Output"
arrow <-> down 70%
box same "SVG" "Formatter" "(svg.c)" fit