napchart
napchart copied to clipboard
Improve readability of charts on thumbnails created by crawlers
I am generating napchart thumbnails using this API: https://napchart.com/api/getImage?chartid=e1sml&width=600&height=600&shape=circle
Before, when inserting these thumbnails inline into Discord using MessageEmbed, the text on the length of time allotted for naps was readable. This allowed the napchart to be understood even by looking at the thumbnail. Now, it is only very barely legible. In order to comfortably see the times you are forced to open the chart in your browser. This is quite a large usability regression.
Side by side comparison:
![]()
It would be great for you to increase the font size at least to the point where the thumbnail is readable.
I definitely aggree. Should do something about text size. Do you think dynamic text size based on size of image would work? Like for a thumb you get larger size?
Yes that should probably be OK.
fix is rolled out
https://github.com/larskarbo/napchart/commit/56ba3a35db317e2d030bf4ed515b3acf559be2a4
blog post: https://blog.napchart.com/update-on-text-size/
Thanks, this looks much better now And thanks for the blog mention 👍
Here's a preview of how it looks now:
![]()
I think maybe the font size for the text in the middle on the thumbnails should be reduced a bit, because it's overlapping the chart by quite a lot. But the text size on the sleep blocks is now perfect.
Trying to balance between appearance and function might be a little challenging here 😛
Definitely need some work on this, I will leave the issue open