Show HN: An experimental Github/trending User Interface(github-trending-plus.surge.sh)
github-trending-plus.surge.sh
Show HN: An experimental Github/trending User Interface
https://github-trending-plus.surge.sh/
45 comments
Thank you for take your time to comment!
I understand your preference for a more classical approach, but in this experiment, I'm just exploring some uses of the zircleUI library.
Regarding the label "star it", you are right it is confusing because you are not actually adding a star, you are just opening a link to the repository.
Sorry about that It would be great if you want to open and issue in https://github.com/zircleUI/github-trending-plus
Regarding the label "star it", you are right it is confusing because you are not actually adding a star, you are just opening a link to the repository.
Sorry about that It would be great if you want to open and issue in https://github.com/zircleUI/github-trending-plus
> It would be great if you want to open and issue
Consider it done.
> I understand your preference for a more classical approach
It isn't a preference for the 'classic' so much as I have a certain expectation of functionality.
If you had a way to navigate to other nodes at the same level in different branches , I would be much more comfortable with the usability.
Consider it done.
> I understand your preference for a more classical approach
It isn't a preference for the 'classic' so much as I have a certain expectation of functionality.
If you had a way to navigate to other nodes at the same level in different branches , I would be much more comfortable with the usability.
Thank you. I'm totally agree on what you said. It would be easier to navigate the different repos without zooming-out and zooming-in every time you want to see next repo.
* Animations are jaggy. On a quadcore. Just why?
* Accessibility is 0. Cant open external links in a new tab. None of my navigation shortcuts work.
* Accessibility is 0. Cant open external links in a new tab. None of my navigation shortcuts work.
Thats weird usually the animations tend to be smooth even in less powerful cpus and I've just check the external links and seems to work well.
Could you tell what type of device and browser are using?
Thanks
It's also pretty stuttery on my 2017 MBP in Chrome, for what it's worth.
Maybe try developing with CPU throttling activated in the Chrome DevTools? https://umaar.com/dev-tips/88-cpu-throttling/
Maybe try developing with CPU throttling activated in the Chrome DevTools? https://umaar.com/dev-tips/88-cpu-throttling/
Sorry I made some changes... could you try it again?
Chrome Android mobile...I want to hold down a circle and be presented a link to bookmark, open in a new tab, go back from when I click it, etc. instead it just does local animation to another circle which is probably what GP was disappointed about (i.e. your nav should work with browser nav instead of against it).
Thank for the clarification! this experiment is not using router right now that could improve its use. It's a SPA.
However, if you want to see a particular repository you simply should click on the button "star it" and another tab may be opened with this repo.
Hi all! this is an experimental Github trending UI that records the permanence of repositories and developers on trending chart and their relative gain / loss positions.
The frontend is based on zircleUI, which is a frontend library to develop zoomable UIs I created a year ago, while the backend is powered by the awesome work of Hu Chen (https://github.com/huchenme/github-trending-api)
There are a lot of cool projects based on Github Trending (you can find some of them at https://libraries.io/search?q=github+trending), this proposal is just a conceptual approach.
Here is the repo https://github.com/zircleUI/github-trending-plus
The frontend is based on zircleUI, which is a frontend library to develop zoomable UIs I created a year ago, while the backend is powered by the awesome work of Hu Chen (https://github.com/huchenme/github-trending-api)
There are a lot of cool projects based on Github Trending (you can find some of them at https://libraries.io/search?q=github+trending), this proposal is just a conceptual approach.
Here is the repo https://github.com/zircleUI/github-trending-plus
Thank you for making ZircleUI!! It's been insanely fun to make interfaces with and I use it for a smattering of apps on my desktop.
The design is neat and cute but doesn't serve any useful purpose. I like the concept but the website only gets in my way.
But for what it's worth, it does work nicely on my mobile device. That was a pleasant surprise.
But for what it's worth, it does work nicely on my mobile device. That was a pleasant surprise.
Thank you! Yes I think I put more efforts on mobile devices than desktops.
Seems really the wrong application for this paradigm.
Animations are fluid on my laptop, but IMHO too long. Especially if there's little on the screen at once, transitions have to be fast and not get in the way.
Animations are fluid on my laptop, but IMHO too long. Especially if there's little on the screen at once, transitions have to be fast and not get in the way.
I think for this kind of UI the transitions shouldn't be so fast because the idea is not loose context. However, I would add a property to ZircleUI to set the speed the developer feel more confortable.
I do think this kind of UI needs an animation, but I don't think its necessary for that animation to be slow.
I too feel like I'm waiting forever for it to "get there". The other thing I don't care for is that it takes 2 steps to go change the language...
This is solved in this app by repeating the language switcher under the top list, but then repeating content starts to break the "Where am I" question.
I too feel like I'm waiting forever for it to "get there". The other thing I don't care for is that it takes 2 steps to go change the language...
This is solved in this app by repeating the language switcher under the top list, but then repeating content starts to break the "Where am I" question.
I don't know why you are being downvoted. It is a cool project, and, as its title says, it's experimental.
It's okay to miss a few details.
Keep building stuff.
Keep building stuff.
Thank you! I will :)
Reminds me of Grokker https://www.researchgate.net/figure/Grokker-Visualization-of...
haha yes!
I personally love this! I think the concept is especially fitting for mobile use. It would be nice to be able to swipe left/right to advance between project pages and projects themselves.
Good work!
Good work!
Thank you for your comment!! I agree with you this thing seems to fit better on tablets/mobiles
I just have a few try on it and I find it quite laggy.
Example : go to -> top devs -> choose one dev -> go back . Here is super laggy. Am I the only one ? (Edit : no i'm not :D)
Think you might not be encoding the language filters correctly. I'm seeing a lot of C when filtering by C#
It seems that now it's working well https://github.com/huchenme/github-trending-api/issues/14
That's true it seems a bug in the API. I'll open an issue informing that. Thanks!
Cool project :) Not something I'd really use but it's neat to make.
Small mistake though, when it can't find trends, it has a small typo in the error message:
Small mistake though, when it can't find trends, it has a small typo in the error message:
Oops!! No trending developers for Python. Try another Languaje / time
Ha this reminds me of Flash websites from the 90s. Looks kind of cool but it's not a practical UI at all.
Much worse than a plain list in terms of usability (and thankfully most web designers seem to have learned that lesson).
Still, nice experiment.
Much worse than a plain list in terms of usability (and thankfully most web designers seem to have learned that lesson).
Still, nice experiment.
While this looks cool, I've got a feeling that soon there will be office assistant paperclip and skype integrated to github.
Filtering by C# filters by C instead
It seems that now it's working well https://github.com/huchenme/github-trending-api/issues/14
That's true it seems a bug in the API. I'll open an issue informing that. Thanks!
Really cool!!
Animations aren't awful here. (Core i5, 12Gb RAM, Linux, Firefox)
You could convey more information with a table. It would be more readable, easier to look over, and accessible. You could even have fancy animations and decorations when a user selected a cell/column/row.
This kind of zoomy interface doesn't easily allow lateral movement in the data (in fact, it forces the user into a sort of 'depth-first' navigation).