Github-readme-stats: [Discussion] New possible card ideas

[HPaulson]

Discussion of new possible card ideas & options for existing cards!

Possible Card Ideas:

Compact Stats Card

• Having a compact stats card, so it can fit side-by-side with the compact language card, and decrease unnecessary whitespace and wording in the card
• Concept 1, Concept 2

Pie chart language card

• Having an additional option for the language card, which would format the languages into a pie chart shape rather than the traditional github style, or the default language card style
• Concept

[Ryyn-Sd]

I'll work on it!

[Angelk90]

@HPaulson , @Ryyn-Sd :
An even more compact shape.

[nathanchu]

Or the rank circle could be hidden to make room for the stats. I do like your idea though @Angelk90.

[HPaulson]

@Angelk90 Yup! Even better!👍

@nthnchu Keep in mind, the idea is to have both cards be able to go side by side, not for it to be as small as possible. Ideally we'd be able to have the same information displayed, but without unless white space to compact the image.

[Angelk90]

@HPaulson :

What do you think of such a graph instead of what you see below.

[HPaulson]

@Angelk90 Yeah that looks kinda bad in my opinion... The current compact lang graph that looks just like github's is very very nice, and this pie chart kinda loses the pleasing ascetic of the current compact one. Additionally, this concept pie chart you have only displays the rank, which as I see it, is the most useless information on the card compared to the actual stats... Personally I really like your original concept the best. Overall I think mixing the two graphs isn't a great idea either, since they both display different information that's good in it's own way. Especially since some people may just want a compact stats card, but not want it mixed with languages.

I'm curious what other people's thoughts on this pie chart are, though!

[anuraghazra]

@HPaulson :

I like this Pie chart, but i don't think it would look good if we mix it up with stats card, maybe we can make it a new layout option in the Languages card &layout=pie-chart

[anuraghazra]

@HPaulson , @Ryyn-Sd :
An even more compact shape.

Issue with this compact card is people would get really confused with just the numbers, and it also looks too much cramped IMO.

@HPaulson's original card is better because it shows some context of what those numbers means.

[HPaulson]

@anuraghazra
Regarding This Comment - I'm pretty sure the idea behind the pie chart was to mix the stats & lang cards... I think this since the pie chart itself is langs, and the center uses the rank as the stats card does. If this was the intention, I think it's kinda poor. However just having a pie chart for langs isn't a bad idea at all, I'd also like to point out that the current compact lang card is a pie chart, just in a straight line instead of the traditional pie shape - But shows the same information in the exact same way, just a different shape.

#
Also for This Comment, I think that the numbers appear more clean actually... Since most github users are going to know the icons meaning, since they are used around the platform and are quite universal here. Only one that could get confusing possibly is the commit icon in my opinion. I think it's a bit cleaner without the words however since they are all aligned where the words have different lengths and looks kinda strange when compacted I think. Both work just fine, though. Finally, I do agree that It looks a bit crammed, not sure how we could fix this without adding unnecessary white space and taking away it's compact-ability.

[HPaulson]

Also, this may require another issue - Since it's a bit off-topic, but since it's along the lines of reducing space in the stats card, what are everyone's thoughts on adding an additional option to the stats card to hide the rank? Currently you're able to hide any of the specific stats on the left, but you aren't able to hide the rank circle. I feel like you should be able to, since, it just makes sense if you can hide the other info.

[anuraghazra]

Currently you're able to hide any of the specific stats on the left, but you aren't able to hide the rank circle.

You can hide the rank circle &hide_rank=true

[anuraghazra]

I think this since the pie chart itself is langs, and the center uses the rank as the stats card does. If this was the intention, I think it's kinda poor.

No, I'm not talking about the centered rank on the pie chart. Just the pie chart in the langs card.

[HPaulson]

You can hide the rank circle &hide_rank=true

Ah okay, I'll mark my comment as off-topic then haha. Didn't see that option in docs, sorry about that!

[HPaulson]

No, I'm not talking about the centered rank on the pie chart. Just the pie chart in the langs card.

Yeah as I mentioned later in that comment-

However just having a pie chart for langs isn't a bad idea at all

What I meant there was just that it seemed the intention of the concept was to merge the rank from stats & lang cards, which I thought was a bit poor. Having just a pie chart for langs is a great idea like I mentioned, however I'll mention again that the current compact one is a pie chart just in a line and not a circle, so it may be a bit repetitive. However if people prefer the circle shape, then it's a great idea. Having more options isn't a bad thing! All I was saying is that mixing the two I think is poor, but if that isn't the intention, than I think that could be a great idea too!

[HPaulson]

Also, I have some other possible card ideas that I think could possibly excel this project... Should I make a new issue for them or just change the title here to "Possible card ideas" and leave it as more of an open discussion for more possible ideas, rather than just the compact stats card, since we're already talking about other card ideas such as the pie chart?

[anuraghazra]

Also, I have some other possible card ideas that I think could possibly excel this project... Should I make a new issue for them or just change the title here to "Possible card ideas" and leave it as more of an open discussion for more possible ideas, rather than just the compact stats card, since we're already talking about other card ideas such as the pie chart?

Of course do it!

[anuraghazra]

so it may be a bit repetitive

No it won't be repetitive, it would be just a stylistic choice of which type of design users would like to use.

[HPaulson]

Additionally, I had an idea about having a card to show recent activity and contributions - I used to use this repo to update a pinned gist to do so, however I think that with the addition of readme it could be much much more improved by being an image, rather than being text in a gist; The design could be much more improved, and it could be a cool card to add! What are everyone's thoughts on something like this?

Also, I'm going to edit the initial comment on this thread to include the ideas we've shared so far.

[HPaulson]

Just a quick update on this, I did actually make some changes to the stats card to see how this would come out, and I think it looks great!

@anuraghazra What are your thoughts?

Changes

```diff

• 34 ${label}:

• 35 ${labelOffset}

• 37 x="${shiftValuePos ? (showIcons ? 200 : 170) : 150}"

• 40 ${label}

• 85 label: "Total Stars",

• 85 label: "Stars Received",

• 91 label: `Total Commits${

• 91 label: `Commits${

• 99 label: "Total PRs",

• 99 label: "PRs",

• 105 label: "Total Issues",

• 105 label: "Issues",

• 111 label: "Contributed to",

• 134 hide_rank ? 0 : 150

• 134 hide_rank ? 0 : 75

• 141 hide_rank ? 0 : 75

• 141 transform="translate(300, ${height / 2 - 50})">

• 171 width: 495,

• 171 width: 350,
  ```
  

[Angelk90]

@anuraghazra :
1) Is there any news regarding the pie chart?
2) Is there any news regarding the possibility of having only the icons in the github stats card without having the labels?

[HPaulson]

@Angelk90 This thread is just a basic discussion of different possible card ideas- if you want one added, I'd suggest opening a PR & creating it!

[cmcodes1]

Height of Top Languages Card should be equal to the height of GitHub Stats Card, so that it looks symmetrical when aligned side-by-side.

[stale[bot]]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.

[Angelk90]

@anuraghazra : Are there any news?