c 7 11 23
 

JK Keller

  • born 1976
    lives & works in New York, NY
    with Keetra Dean Dixon
  • about JK
  • website@c71123.com
  • JK's Mailing List

Where We Went From (www.from)

  • Added: 2007 Apr 09 @ 02:35
  • Updated: 2008 May 17 @ 13:06
  • Permalink
  • Leave Comment #12
  • Create Trackback #1
  • Track responses via RSS
  • Tags: computation, visualizations, web

Projects

  • Dirty Mousepads
  • Insecurity Envelopes
  • Harp
  • Songs About Rainbows
  • Economic Turnaround
  • Tantamount Series
  • A Fictitious Argument Emerges Between Coriolis & Beaufort
  • Domestic Spacial Turbulence
  • The Adaption to My Generation (a daily photo project)
  • Drawings
  • BoxBots
  • Slitscan Type Generator
  • Paulette (folded) Typeface
  • PostBitmapScripter
  • The New York Times Magazine ‘On Language’ Lettering
  • American Sign Language Matchbooks
  • A Case Study in favor of Global Warming
  • Letterpress Business Cards & Postcards
  • I will ALWAYS believe in WORK
  • Clip-Art Mods
  • Spamstractions
  • Where We Went From (www.from)
  • Volumetric Redundancies
  • How to photograph a design poster
  • Harmen Liemburg Lecture Poster
  • Tequiladega Nights Poster
  • Stitched with Love, by my Mom
  • Wearables
  • I Heart You
  • Jumper Bumpers
  • Live Free or Die! Fence Type
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.

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

  • On November 3rd, 2006 at 20:56, Guilherme said:
    Reply to Guilherme

    Please explain me this web visualization project.

    I can´t understand your art, although it´s very beautiful.

  • On December 9th, 2006 at 18:51, Kyle said:
    Reply to Kyle

    Very nice, I’ve really enjoyed this project. You mentioned that you printed these out at 42″ x 96″, this is surprising to me because I have never been able to find a way to output a vector file with only Director. Are these vector objects? Is this the result of Flash embedded into a Director projector? I only ask because I have never seen such sophisticated dynamic drawing, or heard of such a large output from Director alone. Once again, such a great project.

    • On December 11th, 2006 at 02:20, JK said:
      Reply to JK

      I use Director to write out an Illustrator EPS file (which I reverse-engineered, since I am not a programmer), thus I am only dealing with text. No vector shapes or anything. I did use them at an early stage of the project, but as you probably know, Director only deals with them up to a very limited point. That, and even if you have the vector shapes, you can’t do anything with them outside of Director… Even Illustrator has a super hard time printing these (or maybe it’s the printer).

      Glad you enjoy though!

  • On August 4th, 2007 at 19:45, ssl said:
    Reply to ssl

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

    • On August 21st, 2007 at 02:07, JK said:
      Reply to JK

      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…

  • On September 2nd, 2007 at 03:29, pugsly said:
    Reply to pugsly

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

  • On November 16th, 2007 at 02:28, jamie said:
    Reply to jamie

    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?

    • On December 16th, 2007 at 20:28, JK said:
      Reply to JK

      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.

  • On May 26th, 2008 at 06:43, MtB said:
    Reply to MtB

    u really need to read some gibson books…

  • On July 23rd, 2008 at 22:18, Ralph said:
    Reply to Ralph

    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. :)

  • On June 6th, 2009 at 15:10, uljeshura said:
    Reply to uljeshura

    :) )))))))))))

Leave a Reply

Click here to cancel 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

Archives

Full Site Archives

  • June 2009 (1)
  • April 2009 (3)
  • March 2009 (1)
  • January 2009 (4)
  • December 2008 (1)
  • October 2008 (2)
  • September 2008 (3)
  • June 2008 (1)
  • May 2008 (1)
  • April 2008 (1)
  • March 2008 (2)
  • January 2008 (1)
  • November 2007 (2)
  • July 2007 (2)
  • May 2007 (1)
  • April 2007 (8)
  • March 2007 (7)
  • February 2007 (4)
  • Previous Months

Categories

  • blog (5)
  • BoxBots (5)
  • Craft of Trash (10)
  • Daily Photo Project (24)
  • drawings (6)
  • Dreams (29)
  • E-mail & Online Surveys (14)
  • Events (2)
  • Exhibitions (15)
  • Fist-to-Face (9)
  • found (11)
  • Informal Inquiry (5)
  • Kid's Drawings (3)
  • lazy universe (3)
  • links (28)
  • motion graphics (5)
  • Photos (5)
  • Projects (27)
  • Quotes (9)
  • Tech Glitch (3)
  • typography (6)
  • Uncategorized (30)
  • visualizations (2)

Recent Comments

  • I would prefer to go unnammed: Wow. I actually started...
    1 day 19 hours ago on The Adaption to My Generation (a daily photo project)
  • Nictos: Good stuff, JK. Just what I needed to chill out. The Cage/Feldman conversation …...
    5 days 19 hours ago on Dirty Mousepads
  • Michael: I’ve been looking at a bunch of your projects today and I just wanted to tell...
    8 days 0 hours ago on Jumper Bumpers
  • oogie boogie: hi. this is a little odd, not quite sure...
    8 days 21 hours ago on The Adaption to My Generation (a daily photo project)
  • søgemaskineoptimering: Cool project dude –...
    9 days 13 hours ago on The Adaption to My Generation (a daily photo project)

Meta

There are 451 posts and 1,656 comments so far.

  • Track posts via RSS
  • Track comments via RSS
  • Log in
  • powered by WordPress
  • hosted by Hurricane Electric
  • valid XHTML?
  • Except where otherwise noted, content on this site is licensed under a Creative Commons Attribution Non-Commercial Share Alike License