react-retro-hit-counter icon indicating copy to clipboard operation
react-retro-hit-counter copied to clipboard

More legible segments

Open joshwcomeau opened this issue 6 years ago • 0 comments

This component mimics a "seven-segment display": https://en.wikipedia.org/wiki/Seven-segment_display

I chose a simple implementation at first: each segment is exactly the same shape and size, and I'm just rotating them around.

Unfortunately, this means the end result isn't as legible as it could be, especially with thicker segments. Compare this component to another seven-segment display using trapezoids around the edge pieces:

current alternative

I think it would be good to move towards that alternative version, as the numbers are much easier to read.

joshwcomeau avatar Jan 28 '18 12:01 joshwcomeau