from Hacker News

Stately - A US state map in a font

by petewarden on 2/5/13, 7:12 PM with 29 comments

  • by zaius on 2/5/13, 7:28 PM

    I like the idea of styling a map properly with CSS. I love the sheer WTF factor.

    The fact we're seeing fonts (ab)used in this manner (and for icon fonts) says that we're sorely missing a good technical solution.

  • by shinynewmac on 2/5/13, 8:03 PM

    You'll all regret adding -ly to anything eventually. Still really awesome, can't wait to see the rest of the world.
  • by shmerl on 2/5/13, 8:05 PM

    Hm, why can't this be done with simply using SVG instead of using fonts in such manner?
  • by paddy_m on 2/5/13, 8:47 PM

    What about old fashioned https://developer.mozilla.org/en-US/docs/HTML/Element/map and area tag? They are built specifically for this.
  • by ldayley on 2/5/13, 8:16 PM

    Stateface is another good font if you'd simply like images of the individual states. https://github.com/propublica/stateface

    It doesn't display the entire map like this (so the use case is different), but it's pretty cool all the same.

  • by travisp on 2/5/13, 8:44 PM

    I love the idea, but they've made an odd choice in the way they've styled the page: I can't scroll down to read all the text. Page scrolling is jerky and the text disappears for me before I reach the bottom of the text. I had to inspect the page source to finish reading "How does it work?"
  • by sheraz on 2/5/13, 8:46 PM

    Wow. very cool. But that 3d-rotation on the hero graphic gives me a little vertigo -- it's almost too good :-)
  • by Camillo on 2/5/13, 7:50 PM

    This is great, but I'm really looking forward to support for animated fonts in Firefox.
  • by Mizza on 2/5/13, 8:32 PM

    Looks like Washington and Maine get cut off at the top!