The default fonts that Observable uses results in box drawing characters being substituted from other fonts (for me at least), resulting in really uneven asciicharts. I've recently started working on a utility notebook that embeds a number of (subsetted) mono fonts to help with this:
https://next.observablehq.com/@jobleonard/unicode-box-drawing-formatter
Could that be of use to you?
This is awesome! Thanks for sharing :) I tried to implement it but ran into a few minor issues: Since the asciicharts (often) overflow on the x-axis, they were cut-off by the box function. Furthermore, the fonts didn't render until I also called the `boxFonts` variable in this notebook (seems like Observable doesn't evaluate style sheets until they are actively called). I made a small suggestion to your notebook, fixing these minor issues. Let me know what you think!
Thanks for the suggestions!
(I changed it to `x-overflow:auto` so the scrollbars only appear when necessary - that seemed to work for me but if that breaks on your end I'll change it back to `x-overflow:scroll`. I think observable uses `x-overflow:none` by default)