svgbobrus VS jp2a

I recently had to draw some diagrams for documenting something. After looking at various Markdown-friendly options I landed on svgbob[1]. I believe it's a superior solution to these kinds of graph drawing tools for Markdown for one specific reason: the code is still readable. When I go to look at a Markdown file I don't always open the output. I will commonly open up a README file in Vim or just cat it to the terminal. In this case diagrams like those in this post is next to useless. I'm not going to read through some complex drawing definitions and try to visualise the results. With svgbob (or Typograms[2] or any of the other similar options) you can still read the Markdown text document and see the diagrams which is great!

Of course this comes with a tradeoff, drawing the diagrams can be a bit of a pain. But I believe this can be solved by a good Markdown editor or editor plugin. Alternatively a spec like this could be converted into an svgbob-compatible diagram.

[1]https://ivanceras.github.io/svgbob-editor/

Online playground svgbob-editor is also updated to use the latest version of svgbob. It is however a painfully slow to edit the diagrams from there, so it's better if you draw the diagram somwhere else and paste it to there.

There’s Svgbob. Plus when it comes to more complex diagrams or graphs where creating the ASCII art by hand in can be quite finicky, there’s a number of tools (including drawing tools) to make creating ASCII art much easier.

https://ivanceras.github.io/svgbob-editor/

svgbob

Since the post contains ASCII art, let me recommend you svgbob :)

The app can now render Svgbob code blocks (https://ivanceras.github.io/svgbob-editor).

You can convert images to ASCII using jp2a.

Neofetch by default displays your distro’s logo in ASCII art, but you can make it display any text or even images. I used a program called jp2a to convert an image of the clone trooper helmet to ASCII, and then modified it to clean it up a bit and add the colors.

At some point I realized the only way to have the capabilities I wanted in the engine, was to design a graphics & meta editor. Which so far turns out to be basically an MSPaint program that draws in ANSI and contains game meta information. Up until now, I have been relying on procedural code / command line utilities (jp2a, img2txt) to convert jpeg's, gif's & png's images into ANSI, or 3rd party ANSI drawing programs like Moebius ANSI Art Editor

#!/bin/bash # used jp2a to make ascii art https://github.com/cslarsen/jp2a # copied neofetch https://github.com/dylanaraps/neofetch userhost="$USER@$HOSTNAME" # username@hostname echo echo -e " .'.. .',, . \033[1m$userhost\033[0m" echo -n " .;xOOOOOkdo:,' " for i in $(seq 1 ${#userhost}) # print hypens the same length as userhost do echo -n -e "\033[1m-\033[0m" done echo -e "\n .;XXK0OO00KNNO''. \033[1mOS\033[0m: SusOS $(uname -m)" # susOS echo -e " ..0l.;loxxxl;:XK,. \033[1mKernel\033[0m: SusKernel $(uname -r | cut -f1 -d"-")" # kernel echo -e " .kNk..;cc:;,';XN0.. \033[1mUptime\033[0m: $(uptime -p | sed 's/up //')" # uptime echo -e " cXNNNOxddxk0NNNNNl. \033[1mShell\033[0m: $SHELL" # shell echo -e " .KNNNNNNNNNNNNNNNNx. \033[1mDE/WM\033[0m: $XDG_CURRENT_DESKTOP" # de/wm echo -e " cNNNNNNNNNNNNNNNNN0. \033[1mTerminal\033[0m: $(ps -p $(ps -o ppid= -p $PPID) -o comm=)" # terminal echo -e " ONNNNNNNNNNNNNNNNNK. \033[1mCPU\033[0m: $(cat /proc/cpuinfo | grep "model name" | uniq | sed 's/.*: //')" # cpu echo -e " 'XNNNNNNNNNNNNNNNNNX' \033[1mGPU\033[0m: $(lspci | grep VGA | sed 's/.*: //')" # gpu read ramtotal ramused <<< $(free -h --si | grep Mem | sed 's/.*Mem://') # ram echo -e " lNNNNNNNNNNNNNNNNNNN, \033[1mMemory\033[0m: $(echo $ramused | cut -f1 -d" ") / $ramtotal" echo -e " .ONNNx, 'ONNNNNN: " echo -e " .,XNNK. 'XNNNNNc " echo -e " .;ccc,kNNNN: ,XNNNNN: \033[40m \033[41m \033[42m \033[43m \033[44m \033[45m \033[46m \033[47m \033[0m" echo -e " '0XNNNNNXKk. ...oNNNNNN; \033[100m \033[101m \033[102m \033[103m \033[104m \033[105m \033[106m \033[107m \033[0m" echo -e " .'kKXXNNNNNN0. " echo -e " ,kO00Oxd, " # .'.. .',, . # .;xOOOOOkdo:,' # .;XXK0OO00KNNO''. # ..0l.;loxxxl;:XK,. # .kNk..;cc:;,';XN0.. # cXNNNOxddxk0NNNNNl. # .KNNNNNNNNNNNNNNNNx. # cNNNNNNNNNNNNNNNNN0. # ONNNNNNNNNNNNNNNNNK. # 'XNNNNNNNNNNNNNNNNNX' # lNNNNNNNNNNNNNNNNNNN, # .ONNNx, 'ONNNNNN: # .,XNNK. 'XNNNNNc # .;ccc,kNNNN: ,XNNNNN: # '0XNNNNNXKk. ...oNNNNNN; # .'kKXXNNNNNN0. # ,kO00Oxd,

Yeah bruv. I used a tool called jp2a to take a source image and convert it into ascii art.