organic html

I don’t know what determines the color and size of the flower (and whether or not there’s a little fly buzzing around), but it’s still fun. A site called Organic HTML has you enter your URL and watch a plant grow (before your very eyes) representing your web site.

Here’s mine.

A flower representing my web site

Isn’t it beee-yuu-tiful?

(via 21st century paladin, presurfer)


 (Post a comment) | Comments RSS feed
  1. Beautiful site.
    BTW, what do they base these plants on? I got an all black one.

    Comment by Indranil on February 9, 2005 @ 4:29 am
  2. As I said in the entry, “I don’t know what determines the color and size of the flower.”

    I also don’t know what causes the fly to appear, but USA Today‘s has two flies.

    Comment by dan on February 9, 2005 @ 9:25 am
  3. That’s pretty cool, but I wonder if it has anything to do with the website. I put in two sites on the same box and got two very different plants. One of those sites does get higher traffic and it had a bigger plant, but I’m not sure how the plant would know that. Maybe it’s magic.

    Comment by Cameron on February 9, 2005 @ 12:52 pm
  4. Showoff. Your plant has lots of pretty colors.

    It works by analyzing the html in the URL you give it. Any HTML color codes make the plant’s colors. Dan’s got a bunch of colors in his theme chooser, and you’ll notice that those are the colors in the plant. It apparently doesn’t read css, though. I haven’t figured out what triggers the other things yet, though.

    Comment by Levi & Mel on February 9, 2005 @ 8:48 pm
  5. Good observation. I wonder what makes the flies appear…

    I’m also not sure what determines the size of the flower. I thought it was the size of the page, but’s flower is so huge it doesn’t even fit on the screen, and the HTML size isn’t that large. I then thought it might be the number of links on the page, but that doesn’t explain it either.

    Comment by dan on February 9, 2005 @ 10:26 pm
  6. I’ve figured out a bit more.

    The leaves around the bottom are links. The big dangling berries are forms. The stalk of the plant is from the tables. Changing the attributes on table elements makes it curve. The little leafy things are text. If you have a huge chunk of untagged text near the top level of your nesting, you can get a huge leafy thing. They get small if they’re a little bit of text or they’re deep in the nested tags. Colors seem to rotate through the colors named in any string that matches ‘color=#??????’ on your page.

    Haven’t figured out the flies yet.

    Comment by Levi on February 9, 2005 @ 11:32 pm
  7. The best flower I’ve seen so far is

    Comment by Chad on February 9, 2005 @ 11:46 pm
  8. Figured it out. Flies come from ’embed’ tags, used to embed flash and java, etc.

    Comment by Levi on February 9, 2005 @ 11:47 pm
  9. Hey Levi,
    Very intersted in learning how you found out which pieces of code created which elements of the plant? Were any graphic pulled from the site and analyzed?

    Comment by Paladin on February 10, 2005 @ 2:17 pm
  10. I made guesses based upon examination of the flowers and the pages that produced them, and then I used a test site to explore my theories. I haven’t found any correlation between images and the flower, and my guess is that it’s strictly analysis of the html file you point it at that determines the attributes of the flower. It doesn’t seem to follow any links, examine images, etc.

    Comment by Levi on February 10, 2005 @ 3:17 pm
  11. funny when I went to try and see it it shut down. was it just a temporary thing?

    Comment by whaleman on February 11, 2005 @ 1:10 pm
  12. My guess is it became so popular they exceeded their bandwidth limit for the month.

    Comment by dan on February 11, 2005 @ 1:19 pm
  13. What about that root-like thing that comes out of the bottom. I didn’t have it a week ago and now I do. Weird.

    Comment by Paladin on February 17, 2005 @ 7:19 pm

Comments are closed