TE
TechEcho
Home24h TopNewestBestAskShowJobs
GitHubTwitter
Home

TechEcho

A tech news platform built with Next.js, providing global tech news and discussions.

GitHubTwitter

Home

HomeNewestBestAskShowJobs

Resources

HackerNews APIOriginal HackerNewsNext.js

© 2025 TechEcho. All rights reserved.

Show HN: Building terminal dashboards using ASCII/ANSI art and JavaScript

305 pointsby yaronn01over 10 years ago

29 comments

cgb_over 10 years ago
Wow this is the coolest thing I've seen in the terminal since I discovered a sparkline bash script. I've embarrassingly used gnuplot's ascii output to realtime chart Cisco network interfaces in a shell I'm writing, this looks 1000x better than gnuplot's output. Thanks for sharing.
yaronn01over 10 years ago
Hi everyone, I am the author. Let me know if you have any questions or ideas.
评论 #8890105 未加载
评论 #8892797 未加载
评论 #8892165 未加载
sgtover 10 years ago
It would get really interesting if this combined with the new inline image support present in iTerm2 (only nightly builds for now).<p>Basically you can do something like :<p><pre><code> ESC ] 1337 ; File = [optional arguments] : base-64 encoded file contents ^G </code></pre> And then display an image inline along with other text. E.g. that ascii rendering of the world could be replaced by an actual image of the world.
评论 #8893817 未加载
warbleover 10 years ago
This is pretty neat.<p>I think it&#x27;s telling that after 50 years, and all the work on GUI&#x27;s, this is still a good idea.
评论 #8894009 未加载
mdcoxover 10 years ago
This is really nice! Just built something quick with it and I find it way easier to work with than something like ncurses, though that might just be because I work with javascript alot. Sorta feels like a terminal based d3 in a way, though not as atomic. Not a huge fan of Node for terminal applications (I&#x27;d sooner use Go or Ruby), but this alone might make me use it for things people other than me will use.<p>Do you plan on accepting pull requests? I&#x27;d love to contribute to something like this.
评论 #8890523 未加载
tlrobinsonover 10 years ago
Neat. One cool thing about this is you could wire up a SSH server to show this when you login. &quot;ssh stats.mycompany.com&quot;.<p>Or you could wire it up to a browser-based terminal emulator like tty.js.
yellowappleover 10 years ago
How difficult would it be to split the widgets off into their own independent&#x2F;standalone terminal applications? I like the idea, but I&#x27;d rather lay things out myself with tmux (thus incorporating it into my existing workflow) rather than using the included layout system.<p>Sorry if this seems like a dumb question; I&#x27;m not particularly familiar with Node.js, let alone this particular codebase, so the answer isn&#x27;t particularly obvious to me.
评论 #8890481 未加载
评论 #8890461 未加载
SwellJoeover 10 years ago
That&#x27;s both adorable and oddly soothing to watch. Moreso than &quot;nice&quot; graphics, actually. It may be that I&#x27;m old enough to remember when text terminals were the way we interfaced with the world on bulletin boards...and animated ASCII art like this was common. I want to set it up <i>just to watch it</i>, not because I need it (we have web-based charts already, and I&#x27;m in the midst of making them realtime).
clebioover 10 years ago
Along with using Tmux as your login shell [1], this would be a nice equivalent to something like Conky [2].<p>Or, replacing `top` with sparklines, say.<p>[1]: <a href="https://bbs.archlinux.org/viewtopic.php?pid=935588#p935588" rel="nofollow">https:&#x2F;&#x2F;bbs.archlinux.org&#x2F;viewtopic.php?pid=935588#p935588</a> [2]: <a href="http://conky.sourceforge.net/screenshots.html" rel="nofollow">http:&#x2F;&#x2F;conky.sourceforge.net&#x2F;screenshots.html</a>
tmandryover 10 years ago
At first I thought this was just an awful idea, but after hearing what you&#x27;re using it for I want to use it myself :P<p>Did you look into the possibility of &quot;adapting&quot; something like d3 to draw on the terminal? Or does it just lack the abstractions necessary to do that cleanly?
评论 #8890656 未加载
bradleyjohnsonover 10 years ago
This is great. I want to find a reason to use this. I have been doing some retro looking visualizations on an oscilloscope lately. I need to learn more about programming vectors to sound frequencies.
morenoh149over 10 years ago
reminds me ALOT of <a href="https://www.npmjs.com/package/vtop" rel="nofollow">https:&#x2F;&#x2F;www.npmjs.com&#x2F;package&#x2F;vtop</a> you guys should join forces
Gyonkaover 10 years ago
This is really cool! Seems like it would be easy to extend and link to simple projects, that way I can run this on my second monitor and feel like a real hacker ;)
FleegmanGuyover 10 years ago
It&#x27;s not 100% clear unless you can read the code.<p>Where is the data coming from? Seems like a lot of animated data with limited data points specified.
评论 #8890062 未加载
评论 #8890084 未加载
leovanderover 10 years ago
Why choose &#x27;gauge&#x27; over the widely used &#x27;progress bar&#x27;? Keep up the good work, it looks sleek.
评论 #8894006 未加载
pspover 10 years ago
Reminds me of modem days and BBSs. Sigh.
评论 #8893005 未加载
Natsuover 10 years ago
Looks fun. It almost seems like it might be adaptable enough to make things like an X-Com clone, as well.
andrewchambersover 10 years ago
So bringing some of the web designers into the terminal isn&#x27;t such a bad thing after all, they have great taste.<p>I&#x27;m partially sad its written in nodejs, but I can&#x27;t really think of what else it should have been written in.<p>I think clojurescript bindings would be awesome. The dashboard can be rendered from an immutable app state om style.<p>dnolen, I&#x27;m looking at you :).
评论 #8891012 未加载
auviover 10 years ago
this would cool to connect to newrelic type app analytics data
touristtamover 10 years ago
Where does it call that Braille font you are talking about?
评论 #8894295 未加载
simlevesqueover 10 years ago
I&#x27;m going to use it in my current project ! Great work
ely-sover 10 years ago
This is so cool
jszymborskiover 10 years ago
ahahah this is great... the map looks like it&#x27;s something out of War Games
wincusover 10 years ago
Cool! cannot wait to use it!
dmamillsover 10 years ago
This is really cool!
willempienaarover 10 years ago
This is so awesome.
jpetersonmnover 10 years ago
This if fantastic!
passfreeover 10 years ago
This is kickass.
boydcover 10 years ago
So cool~love it!