Where We Went From (www.from)

Macromedia.com Visualization
Macromedia.com (2096 steps)

Carleton.edu Visualization
Carleton.edu (1631 steps)

ExploreMinnesota.com Visualization
ExploreMinnesota (839 steps)

The app I wrote visits a website and downloads the source text. It parses the text, looking for links to other web pages, links to itself, links to other file types, email addresses, etc. Based on how many links it finds, it creates a “star”. The number of links found equals the number of spines on the “star”. Thus, if it finds no links, it draws a circle.

It then goes to the first link on the page and does the same thing. Then it iterates over thousands of pages. E-mail addresses are drawn as a plus-sign, errors are an ‘x’, non-html files are squares, and a line follows the path the program took.

Another caveat: The first instance of a web page is a unique star. Anytime the app finds that same page linked to by another page, it draws a line back to the originating star instead of another star.

7 Responses to “Where We Went From (www.from)”

7 Comments

  1. wow, this looks awsome! can you give some more detail HOW the images were created, perhaps can you give the sourcecode to me?
    Thanks

  2. ssl: Let me first say that I wish I could give the “sourcecode” out, but it’s all in Lingo in Director and not so conducive to sharing. Poorly commented, old, hacked together and all that. Maybe if I ever port it to Processing, I’ll have the source available.

    But to answer your first query: how it works. The app that I wrote visits a website and downloads the source text. It parses the text, looking for links to other web pages, links to itself, links to other file types, email addresses, etc. Based on how many links it finds, it creates a “star”. The number of links found equals the number of spines on the “star”. Thus, if it finds no links, it draws a circle.

    It then goes to the first link on the page and does the same thing. Then it iterates over thousands of pages. E-mail addresses are drawn as a plus-sign, errors are an ‘x’, non-html files are squares, and a line follows the path the program took.

    Another caveat: The first instance of a web page is a unique star. Anytime the app finds that same page linked to by another page, it draws a line back to the originating star instead of another star.

    Hope this helps. There’s a much longer explanation I’m sure…

  3. not much i can say besides wow, these pictures are pretty impressive.

  4. Have you ever read William Gibson’s “Mona Lisa Overdrive”? One of the characters obsseses about finding the overall shape of the net, so this reminds me of it greatly.

    I have to say this is some of the most beautifull and intriguing work I’ve ever seen. Does the program only follow the first link on a webpage, or does it run multiple threads, following every link?

  5. jamie: I have not read “Mona Lisa Overdrive”, though I’m sure I’d like it. Oddly enough I haven’t read any William Gibson. Hmmm.

    Thanks for the compliment. To answer your query: Yes, it follows the first link until it finds a page that has no links. Following multiple threads made the image too dense, which I wasn’t a fan of.

  6. u really need to read some gibson books…

  7. On July 23rd, 2008 at 22:18, Ralph said:

    Wow! This is remarkable. It looks like you’re creating a universe, filled with stars, nebulas, galaxies, etc. Truly, I must say that you are an awesome man with a creative mind. Please, do more with more steps like 3,000 steps! Can you try google.com, youtube.com, and yahoo.com? I’m not sure it’s possible with those websites. I’ll be here 24/7 waiting for your response and your wonderful works. :)

0 Trackbacks

Leave a Reply

XHTML: You can use these tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Your comment will not appear publicly until approved by JK. This is mainly to prevent spam comments from getting through.


Search

Recent Comments

Meta

There are 432 posts and 1,098 comments so far.