3 ms·
So this blew up, I decided to give the page some small improvements. Changes: - The bars are now ordered correctly based on votes - Tooltip now shows comment.
by trungdq88 6y ago
So this blew up, I decided to give the page some small improvements. Changes:
- The bars are now ordered correctly based on votes
- Tooltip now shows comment.substring(0, 100)
- Show direct childs of the selected comment
- Added paddings and some small info notations
- New cached data for the default link (> 3500 comments now, it would take a good 15 mins if loaded manually from your browser)
It is still a crappy code, and there are many improvements can be made. Most importantly a proper navigation behavior with back button. I'll get back to this if I have more time!
The code is on my GitHub [1], feel free to send PR or just create your own page.
The old page is still available in [2] just in case someone don't want/agree with my improvements :)
[1] https://github.com/trungdq88/hn-big-threads https://github.com/trungdq88/hn-big-threads
[2] https://trungdq88.github.io/hn-big-threads/old.html https://trungdq88.github.io/hn-big-threads/old.html
Thanks!
- dandare 6y agoGreat idea. Bug report: Some of the tooltips - on the left side of the screen - are outside of the screen idea.
- trungdq88 6y agoThanks, "fixed".
- bohrious 6y agoBeautiful work!! I would use this every day as a browser extension for HN/reddit. the vertical minimap would probably be the ideal implementation. Fly-to navigation for narrowing scope makes sense. IMO, a complete feature-set would still include something like ctrl-scroll for vertical expand and shift-scroll for horizontal expand. Realistically, maybe, for minimap-on-focus: "a"+"scroll": zoom "s"+"scroll": expand-vertical "d"+"scroll": expand-horizontal
- trungdq88 6y agoFor now, here is a bookmark that you can click when in a HN post. It will show the flame graph of the post. javascript:location.href="https://trungdq88.github.io/hn-big-threads/# https://trungdq88.github.io/hn-big-threads/#" + location.href.split('item?id=')[1]