Hacker News

by warrenmon 9/3/24, 2:43 PMwith 38 comments

snippet to view all the letters at once

  <!DOCTYPE html>
  <html lang="en">
  <head>
      <meta charset="UTF-8">
      <meta name="viewport" content="width=device-width, initial-scale=1.0">
      <title>Landsat Alphabet Viewer</title>
      <style>
          body { font-family: Arial, sans-serif; text-align: center; }
          #imageContainer { display: flex; flex-wrap: wrap; justify-content: center; }
          img { width: 100px; height: 100px; margin: 5px; object-fit: cover; }
      </style>
  </head>
  <body>
      <h1>Landsat Alphabet Viewer</h1>
      <div id="imageContainer"></div>
      <script>
          const letters = {
              'A': 3, 'B': 1, 'C': 2, 'D': 1, 'E': 3, 'F': 1, 'G': 0, 'H': 1,
              'I': 4, 'J': 2, 'K': 1, 'L': 3, 'M': 2, 'N': 2, 'O': 1, 'P': 1,
              'Q': 1, 'R': 3, 'S': 2, 'T': 1, 'U': 2, 'V': 3, 'W': 1, 'X': 2,
              'Y': 2, 'Z': 1
          };
          const container = document.getElementById('imageContainer');
          const baseUrl = 'https://landsat.gsfc.nasa.gov/apps/YourNameInLandsat-main/public/images/';
  
          for (const [letter, maxNum] of Object.entries(letters)) {
              for (let i = 0; i <= maxNum; i++) {
                  const img = document.createElement('img');
                  img.src = `${baseUrl}${letter.toLowerCase()}_${i}.jpg`;
                  img.alt = `${letter}_${i}`;
                  img.title = `${letter}_${i}`;
                  container.appendChild(img);
              }
          }
      </script>
  </body>
  </html>

by Brajeshwaron 9/6/24, 3:14 PM

I was showing this to my daughter a few days back - naming her, her dolls, and what not. Between Landsat and Sentinel satellites, there are over 77TB of free satellite data available for public use every month. Lot can be done while a lot of these data are wasted and not-so-usable. And we have fun things like lettering words with earth's landscape. Have fun.

by hammockon 9/6/24, 6:29 PM

Reminiscent of the famous Butterfly Alphabet photographic artwork: https://mymodernmet.com/kjell-bloch-sandved-butterfly-alphab...

by yardstickon 9/6/24, 7:22 PM

Would be cool to be able to cycle through images for a specific letter in a word. So you can refine the look.

by clanon 9/6/24, 5:05 PM

Love this! But seems to be hugged to death.

The images load extremely slowly. This can be confusing as you do not see any spinner or indication that they are loading. But they do come if you are patient.

As you have some letters in the cache they render instantly so to the users it looks totally broken. Unless your linger on the page and the letters snaps in 20 seconds later (one by one).

An empty place holder (so you can see the space) until the letter loads would be nice. Maybe even a "Loading" placeholder text for each letter. An animated (fake) spinner would be a nice visual cue. Then swap the image when it is loaded.

by excaliburon 9/6/24, 9:29 PM

This does have a profanity filter, but it's a bit rusty. Minutes of quality entertainment for 14-year-old boys of all ages.

by alberthon 9/7/24, 1:21 AM

I love the logo.

And it’s from a government agency.

Direct link: https://landsat.gsfc.nasa.gov/apps/YourNameInLandsat-main/pu...

by kschaulon 9/6/24, 1:32 PM

How did they locate these particular images? I would love to read something on that, or similar projects looking across satellite imagery for specific patterns.

by digganon 9/6/24, 11:15 AM

Maybe it's just me, but I'm having trouble seeing the "N"s in the images:

https://landsat.gsfc.nasa.gov/apps/YourNameInLandsat-main/pu...

That last one, yeah maybe, but gets kind of lost in the noise. The two first I have no idea how it's supposed to be an N.

Cool little experiment none the less :)

by AnotherGoodNameon 9/6/24, 6:15 PM

It defaults to “landsat” on loading for those scratching their heads like I was (lanisal? What is lanisal!?)

Your Name in Landsat