((p "Sometimes," " " (@L (@H "&ldquo;") "a" " " "picture" " " "is" " " "worth" " " "a" " " "thousand" " " "words" (@H "&rdquo;")) "." " " "To" " " "create" " " "some" " " "graphical" " " "representations," " " "Zettelmarkup" " " "provides" " " "a" " " "simple" " " "mechanism." " " "Characters" " " "like" " " (@L (@H "&ldquo;") (kbd "|") (@H "&rdquo;")) " " "or" " " (@L (@H "&ldquo;") (kbd "-") (@H "&rdquo;")) " " "already" " " "provide" " " "some" " " "visual" " " "feedback." " " "For" " " "example," " " "to" " " "create" " " "a" " " "picture" " " "containing" " " "two" " " "boxes" " " "that" " " "are" " " "connected" " " "via" " " "an" " " "arrow," " " "the" " " "following" " " "representation" " " "is" " " "possible:") (pre (code "~~~draw\n+-------+       .-------.\n| Box 1 | ----> | Box 2 |\n+-------+       '-------'\n~~~")) (p "Zettelstore" " " "translates" " " "this" " " "to:") (pre (code (@ (class . "zs-eval language-draw")) "+-------+       .-------.\n| Box 1 | ----> | Box 2 |\n+-------+       '-------'")) (p "Technically" " " "spoken," " " "the" " " "drawing" " " "is" " " "translated" " " "to" " " "a" " " (a (@ (href . "00001008000000#svg")) "SVG") " " "element.") (p "The" " " "following" " " "characters" " " "are" " " "interpreted" " " "to" " " "create" " " "a" " " "graphical" " " "representation." " " "Some" " " "of" " " "them" " " "will" " " "start" " " "a" " " "path" " " "that" " " "results" " " "in" " " "a" " " "recognized" " " "object.") (table (thead (tr (td (@ (class . "center")) "Character") (td "Meaning") (td (@ (class . "center")) "Path" " " "Start"))) (tbody (tr (td (@ (class . "center")) (kbd "+")) (td "Corner") (td (@ (class . "center")) "Yes")) (tr (td (@ (class . "center")) (kbd "-")) (td "Horizontal" " " "line") (td (@ (class . "center")) "Yes")) (tr (td (@ (class . "center")) (kbd "|")) (td "Vertical" " " "line") (td (@ (class . "center")) "Yes")) (tr (td (@ (class . "center")) (kbd "<")) (td "Left" " " "arrow") (td (@ (class . "center")) "Yes")) (tr (td (@ (class . "center")) (kbd ">")) (td "Right" " " "arrow") (td (@ (class . "center")) "No")) (tr (td (@ (class . "center")) (kbd "v")) (td "Down" " " "arrow") (td (@ (class . "center")) "No")) (tr (td (@ (class . "center")) (kbd "^")) (td "Up" " " "arrow") (td (@ (class . "center")) "Yes")) (tr (td (@ (class . "center")) (kbd ":")) (td "Dashed" " " "vertical" " " "line") (td (@ (class . "center")) "Yes")) (tr (td (@ (class . "center")) (kbd "=")) (td "Dashed" " " "horizontal" " " "line") (td (@ (class . "center")) "Yes")) (tr (td (@ (class . "center")) (kbd ".")) (td "Rounded" " " "corner") (td (@ (class . "center")) "Yes")) (tr (td (@ (class . "center")) (kbd "'")) (td "Rounded" " " "corner") (td (@ (class . "center")) "Yes")) (tr (td (@ (class . "center")) (kbd "/")) (td "North-east" " " "diagonal" " " "line") (td (@ (class . "center")) "Yes")) (tr (td (@ (class . "center")) (kbd "\\")) (td "South-east" " " "diagonal" " " "line") (td (@ (class . "center")) "Yes")) (tr (td (@ (class . "center")) (kbd "x")) (td "A" " " "tick" " " "on" " " "a" " " "line") (td (@ (class . "center")) "No")) (tr (td (@ (class . "center")) (kbd "*")) (td "A" " " "dot" " " "on" " " "a" " " "line") (td (@ (class . "center")) "No")))) (p "Interpretation" " " "of" " " "these" " " "characters" " " "starts" " " "at" " " "the" " " "top" " " "left" " " "corner" " " "and" " " "continues" " " "depending" " " "on" " " "the" " " "current" " " "character.") (p "All" " " "other" " " "characters" " " "are" " " "treated" " " "as" " " "text."))