Emoji to Scale

Learning and science

visualisation of emoji sizes

SHOW HN2021

713points
124comments
#22of 2,533 in 2021
Top 1%of 2021 by points

How HN took it

MixedNo clear lean

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 HN
    • never knew i needed this until i tried
      ushakov on HN
    • that 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 HN
    • Funny 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 HN
    • Goat: 45cm Duck: 50cm Might as well say “shuffled emojis with random data attached”
      cunthorpe on HN
    • Cool 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 HN
    • Neat 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 HN
    • it barely works for me on mobile. very jittery
      framecowbird on HN
    • The 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 HN
    • Also, 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 HN
    • Unfortunately 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 HN
    • Even 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 HN
    • Everything 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 HN
    • 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 HN
    • The 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 HN
    • Everything 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 HN
    • So 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 HN
    • Yes! 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 HN
    • That, and OP, reminded me of the Eames "Powers of 10" film https://www.youtube.com/watch?v=0fKBhvDjuy0
      mvexel on HN

Category, keywords, summaries and labels on this page were made by AI (Thread Reader v2) and not checked by hand. Each point links to the comments it came from.

Add a badge to your READMEShown on HackerShow
[![Shown on HackerShow](https://hackershow.org/badge.svg)](https://hackershow.org/show/29425735)