Hacker News Board Hacker News, browsed like a classic message board
Live data from Hacker News

Show HN: GitHub Stats Dashboard Powered by GraphQL API and GitHub Action

github.com

Post reply on HN
Print view View original

11–20 of 22 posts

Re: Show HN: GitHub Stats Dashboard Powered by GraphQL API and GitHub Action

#12

Post by onion2k »

Hooopo wrote: post #8
koolba wrote: post #7

What's the name and point of the weird shake effect when you mouse over a chart?

The chart is using rough.js, which generates a random hand-drawn style every time. Currently, there is no method to lock the random seed. I'm thinking about disabling the animation to see if it can remove the jitter. It indeed seems a bit strange, haha.

The docs don't agree with you - https://github.com/rough-stuff/rough/wiki#seed - if you use a fixed non-zero value it should be the same every time.

Re: Show HN: GitHub Stats Dashboard Powered by GraphQL API and GitHub Action

#13

Post by Hooopo »

onion2k wrote: post #12
Hooopo wrote: post #8

Earlier quoted context omitted.

The chart is using rough.js, which generates a random hand-drawn style every time. Currently, there is no method to lock the random seed. I'm thinking about disabling the animation to see if it can remove the jitter. It indeed seems a bit strange, haha.

The docs don't agree with you - https://github.com/rough-stuff/rough/wiki#seed - if you use a fixed non-zero value it should be the same every time.

It seems you are right, dude :)

Re: Show HN: GitHub Stats Dashboard Powered by GraphQL API and GitHub Action

#15

Post by Bedon292 »

eis wrote: post #9

I'm sorry for the negativity but the design is awful for a dashboard. Weird distracting animations (graphs wiggle on hover), the lines are janky due to the cartoonish draw style. No clearly visible separations between the stats and an annoying background texture over the whole page that actually could make sense as a grid if only things were aligned to the grid. It also feels slightly sluggish on my laptop.

I don't like coming to the comments and being negative either, but I have to agree. I feel like the style causes a lot of accessibility issues. It is nearly impossible for me to tell what is going on. I think it mostly comes down to the use of rough.js. Are there other options available? I do like the actual content, just not how it is displayed.

- The font is hard for me to read, even on the left where its horizontal and black, and nearly impossible to read under the currently working on graph.

- I can barely see 'commit comment' on the activity trends graph in one spot and nowhere else.

- The shades on the pull request size history are so close together I can't tell what is what at a glance.

- TypeScript and CMake on the pie chart really blend with the colors next to them.

- On the contribution time graph the rough circles are really distracting and then the graph itself has lines that almost line up with the background and end up basically double vertical lines for more distraction.

Re: Show HN: GitHub Stats Dashboard Powered by GraphQL API and GitHub Action

#17

Post by abid786 »

kanwisher wrote: post #11
Hooopo wrote: post #6

Earlier quoted context omitted.

Thanks

yeah I was going to say, I have no idea what your dashboard is for, but I love the visual styling and will likely copy it

Please don't. It's a nightmare from an accessibility point of view

Re: Show HN: GitHub Stats Dashboard Powered by GraphQL API and GitHub Action

#18

Post by feiszli »

Solvency wrote: post #16

I'm all about fun/creative aesthetics but this is a terrible implementation of the sketchbook idea. The font, the extremely tortured pixelated rendering, the low contrast, the excessive grid texture background...

Agreed, the style is cute but extremely difficult to read, which defeats the purpose.

Re: Show HN: GitHub Stats Dashboard Powered by GraphQL API and GitHub Action

#20

Post by beezlewax »

Solvency wrote: post #16

I'm all about fun/creative aesthetics but this is a terrible implementation of the sketchbook idea. The font, the extremely tortured pixelated rendering, the low contrast, the excessive grid texture background...

I think a clean font choice would make this design far more usable
Post reply on HN