Connections

Picture-3

11 Responses

  1. John Neiner John Neiner

    i keep trying to figure out how you made this.

    about 4 years ago

  2. Bill Couch Bill Couch

    Experimenting with a node and link system for a relational graph project.

    about 4 years ago

  3. Bill Couch Bill Couch

    @John — I wrote a script in AS3 that creates 20 nodes and draws a link between each one. Every 5 nodes, the base link color changes. Each link has a doppelgänger overlapping it as I've not yet bothered to ensure a single relationship between each node. This is running off of an XML document, so structuring for that gets a little more complicated.

    likes

    about 4 years ago

  4. John Neiner John Neiner

    Very cool! Is this sort of thing intended for information graphics?

    about 4 years ago

  5. Bill Couch Bill Couch

    Yeah, it's for an infographic illustrating connections between objects. The project I'm working on doesn't have all of these connections, but I commented out a few lines to generate the complete set.

    about 4 years ago

  6. John Neiner John Neiner

    Ok, that is WAY cool. Can't wait to see what you do with it!

    about 4 years ago

  7. Jason Robb Jason Robb

    Wow, fascinating. Share some more!

    about 4 years ago

  8. Veerle Pieters Veerle Pieters

    Trying to wrap my (Illustrator tutorial, in other words: non script) brain around this one :) Very cool!

    about 4 years ago

  9. Bill Couch Bill Couch

    I've advanced a bit on the project since posting this, but I went back tonight and made a scaled down version to recreate this state (although some color layering is different). I'm slowly animating all of the lines in from each node, so hopefully this will shed some light on how the final result is being produced:

    http://share.williamcouch.com/dev/connections/flash.html

    about 4 years ago

  10. Rich Thornett Rich Thornett

    This is awesome. (If you're doing this at work, you have a great job.) Dying to know what data it will be depicting.

    about 4 years ago

  11. Surprise! That previous dribbble was simulating every possible connection between the nominees of the top four character categories for this year's Academy Awards. Mind you, the right half of the piece isn't as clean and polished as I'd like, but it was a fairly quick turn-around project. I was really interested in getting the connections graph functioning.

    Check it out →

    about 4 years ago

keyboard shortcuts: previous shot next shot L or F like