ASCII art

While reviewing the fibers chapter I remembered something. Nowadays you can use "Unicode art" instead of strictly ASCII art to draw the diagrams boxes more neatly. For instance:

+-------------------------+
| arr        == []        | ← final call to sum
| currentSum == 6         |
+-------------------------+
| arr        == [3]       | ← third call to sum
| currentSum == 3         |
+-------------------------+
| arr        == [2, 3]    | ← second call to sum
| currentSum == 1         |
+-------------------------+
| arr        == [1, 2, 3] | ← first call to sum
| currentSum == 0         |
+-------------------------+
|            ...          | ← main's frame
+-------------------------+

vs

┌──────────────────────────┐                      
│ arr        == []         │ ← final call to sum  
│ currentSum == 6          │                      
├──────────────────────────┤                      
│ arr        == [3]        │ ← third call to sum  
│ currentSum == 3          │                      
├──────────────────────────┤                      
│ arr        == [2, 3]     │ ← second call to sum 
│ currentSum == 1          │                      
├──────────────────────────┤                      
│ arr        == [1, 2, 3]  │ ← first call to sum  
│ currentSum == 0          │                      
├──────────────────────────┤                      
│           ...            │ ← main's frame       
└──────────────────────────┘

Here in bitbucket the vertical lines appear dashed (in my browser at least), but in the PDF generated by ddoc + prince you get a perfect box with these unicode characters.

Comments (2)