Emoji to Scale
Learning and science
visualisation of emoji sizes
SHOW HN2021
How HN took it
9 positive, 37 neutral or asking, 2 mixed, 38 critical, out of 86 comments about the project. Thread score -0.29.
Execution: 1 for, 27 againstPerformance: 2 for, 9 againstIdea: 2 for, 1 againstDesign: 2 for, 1 against
The thread, comment by comment
Each row is a top-level comment and its replies, in HN's order. Select a cell to open that comment on HN.
positive neutral or mixed critical about another commenter or something else the maker
What HN said
What people liked
Cute and fun to play with
From 3 comments
Projects like this remind me why I love the web. So cute! This is an open source project, so everyone commenting with suggestions can just open up a PR:…
phailhaus on HNnever knew i needed this until i tried
ushakov on HNthat was fun :)
fnord77 on HN
Unconventional scrolling works well
From 1 comment
That was super fun. Best use of unconventional scrolling I've ever seen, I think.
tempestn on HN
Objections
Many emoji sizes look wrong
From 4 comments
I love the idea, but the algorithm for scaling seems a bit off. For example, it shows the human as much larger than the car.
catern on HNFunny idea, but lot of these seem off. - A chicken egg is taller than 5cm. - I would say a tulip is bigger than a phone. - The okay hand sign says it's 21 cm.My hands are larger…
wartijn_ on HNGoat: 45cm Duck: 50cm Might as well say “shuffled emojis with random data attached”
cunthorpe on HNCool idea, but since one one dimension (height?) was considered, you get some weird things like a cactus (12m) being way bigger than a house (7m).
franga2000 on HN
Laggy performance on some browsers and devices
From 4 comments
It's really laggy by the time you get to Tokyo Tower. My computer is hot.
1270018080 on HNNeat concept. As someone not very up-to-date in Web UI techniques, I was curious as to how the array was being advanced on scroll. Unfortunately, it looks like the answer is…
valleyer on HNit barely works for me on mobile. very jittery
framecowbird on HNThe other day I was running a web version of Townscapes on my smartphone, and it worked beautifully and smooth. But this one is so laggy and slow that I barely could scroll to…
Andrew_nenakhov on HN
Emoji rendering depends on local fonts, so some show incorrectly
From 3 comments
Some of these don't show up for me (like Saturn). This might work better with a web-font? Although then you'd lose the harmonious platform emojis. I wonder if there's a way to…
0x456 on HNAlso, the "running man" being bigger than a cow and about the same size as a horse... But what really bugs me is that it simply uses some font it finds on your system, so on my…
rob74 on HNUnfortunately the side effect is that some emojis, live the gorilla, are only a head in my font. Still, it's cute, despite the weird scales (your mouth is 12cm??)
lopis on HN
Inconsistent measured dimension (height vs width)
From 3 comments
I think they're actually all by height, and if you google them the OP actually matches up. e.g. googling "duck height": 20 – 30 in (51 – 76 cm) "goat height": 16 – 23 in (40 – 58…
fastball on HNEven more confusingly, it's not consistent about the measured dimension. The car is 1.8m (wide), the firetruck is 2.3m (wide), the tractor is 5m (long), the bus is 12m (long),…
wongarsu on HNEverything is by height. V2 should try everything by mass.
fastball on HN
Requests
Use SVG or webfonts for consistent rendering
From 3 comments
why couldn't this be done with SVG?
noduerme on HNSome of these don't show up for me (like Saturn). This might work better with a web-font? Although then you'd lose the harmonious platform emojis. I wonder if there's a way to…
0x456 on HNThe fact we still are using bitmap icons seems really weird to me by the way. We should have switched to SVG as soon as screen resolutions and DPIs (e.g. on handheld devices)…
qwerty456127 on HN
Scale by mass instead of height
From 2 comments
I think they're actually all by height, and if you google them the OP actually matches up. e.g. googling "duck height": 20 – 30 in (51 – 76 cm) "goat height": 16 – 23 in (40 – 58…
fastball on HNEverything is by height. V2 should try everything by mass.
fastball on HN
Fix individual wrong measurements via pull request
From 1 comment
Projects like this remind me why I love the web. So cute! This is an open source project, so everyone commenting with suggestions can just open up a PR:…
phailhaus on HN
Questions
Why vertical scrolling?
From 2 comments
Great idea! Why vertical scrolling though?
mdoms on HNSo the emojis go left to right, but you have to scroll frop top to bottom, strange decision.
nephrite on HN
Does it use local system emoji set?
From 2 comments
Is it rendering the Emojis using the local emoji set so for example if I'm on an Android phone I will see the Android emojis and if I'm on an iPhone I will see the iPhone emojis?
orliesaurus on HNYes! Author here, the emojis text with css transforms.
javierbyte on HN
Alternatives named
Pixelspace solar system and Powers of 10 film
From 2 comments
Reminds me of an old favorite https://joshworth.com/dev/pixelspace/pixelspace_solarsystem.html
toqy on HNThat, and OP, reminded me of the Eames "Powers of 10" film https://www.youtube.com/watch?v=0fKBhvDjuy0
mvexel on HN