Iranian.com web site as a work of Art

Iranian.com web site as a work of Art
by ramintork
25-May-2011
 

There is a new form of Art. It involves taking data from a source and generating it in a graphical form. It can be used for research and analysis but the images can also be considered a work of Art. Here is the graph for iranian.com. You can generate it for your own site at //www.aharef.info/2006/05/websites_as_graphs.htm

If you leave the graph to render it forms an organic shape based on the html of the site. 

blue: for links (the A tag)
red: for tables (TABLE, TR and TD tags)
green: for the DIV tag
violet: for images (the IMG tag)
yellow: for forms (FORM, INPUT, TEXTAREA, SELECT and OPTION tags)
orange: for linebreaks and blockquotes (BR, P, and BLOCKQUOTE tags)
black: the HTML tag, the root node

gray: all other tags

 

Share/Save/Bookmark

Recently by ramintorkCommentsDate
Shamloo and T.S. Elliot
2
Sep 18, 2012
بختک
1
Aug 27, 2012
My very Iranian Art
3
Aug 21, 2012
more from ramintork
 
Anahid Hojjati

Thanks Ramin jan for your comment

by Anahid Hojjati on

If one gets a chance, it is good to play around with some of these to see the points that you mention in action. Thanks.


ramintork

Anahid

by ramintork on

By the way 

On blog pages, the tag tool provides this.

If you look at my wordpress blog you see the tags that I have used and the more I have used them the bigger they show.

What is more, you can tag surf on a topic either within the blog or in the entire wordpress blogs area.

Would be nice to have that in IC. 

 


MM

Nice work, Ramin

by MM on

Your picture reminds me of dendrimers //upload.wikimedia.org/wikipedia/commons/0/03/Dendrimers.png.

and here is the terminology for it

//www.portalnano.ru/photos/image.php?id=1403 


Anahid Hojjati

Thanks Ramin jan for the explanation.

by Anahid Hojjati on

The color coding based on subject matter of the blog would make it real interesting.  Thanks.


ramintork

Anahid

by ramintork on

You should be able to test this. Take someone with a small contribution then compare it to someone who has been posting regularly using the //iranian.com/main/member/ramintork

format.  

you should see a bigger Dandelion seed the more you have contributed. Someone like Fred or DK would make my Dandelion look like a little seed across a big room!

If you could make the subject matter colour coded then you could see that I usually write about Art, someone like Dk does Royalty, Fred writes about religion etc. 


ramintork

Ari

by ramintork on

That would be fun wouldn't it. I thought IC had a mechanical Tork :-)))

 Koblin seemed to be happy to take on suggestions and collaborate with communities. We could raise a seperate blog for a brain storm of ideas send it to him and see what he says.

 I think I need to go through his presentation again and this time maybe take notes.


Anahid Hojjati

Ramin and Ari, please find a way to use this to brag

by Anahid Hojjati on

Is there a way that one can tell to the other one, look at graph of your User account page and look at mine, mine is better than yours :)?


Ari Siletz

I'm in!

by Ari Siletz on

ramintork, checked out the TED link. Definitely worth a viewing. The ideas in there are too big to chew in one or even a hundred think sessions, but the applicability to the IC internet community is clearly palpable. With the right buttons and features on this site it may be possible to create a Mechanical Turk on IC where the wisdom of the crowd or "cloud brain computing" could generate personality, art, and most importantly, social change. I will carry this key, looking for a keyhole opportunity. Thank you! 


ramintork

JJ

by ramintork on

Being based on the site's html code, I think you can start to figure it.

One thing about it is how far it follows the links. I don't think it goes that deep otherwise for a site like IC with all that archive it would generate a Brazilian forest!

The colour coding tells you what colour represents what so where you have used a lot of DIVs or links for instance should give a clue.

The site is mainly link driven, with many images, which we know and don't need a graph to tell us that but you can see that graphically with the dominance of colours. 

You can generate an image and put it on their Flickr page. It promotes the site for free, at least for those who might get curious about the site.

If you look t the graph for other sites then visit them it would start making sense. Just like reading the code in the Matrix! 

 

 


Jahanshah Javid

Nice!

by Jahanshah Javid on

This is so cool... I should print and frame it! I wonder if someone could analyze the site based on the visual representation.

Thanks Ramin


ramintork

I think you did a good job

by ramintork on

I like the colours on yours. It looks richer and better defined. 

Photoshop allows you to play with resolution and that impacts image size and definition.

I didn't spend too much time on my generated image.

There are people doing some significant work in the field of turning data from day to day processes into Art. I recommend that Ted talk link I put in the comment section. 

There is one work where he uses a community of Artists each doing a single frame of  a video for Johnny Cash's final song. It looks fantastic. 

I might be tempted to write my own generator to create Art if I get the time. 

Would be nice to adapt one of those collaborative projects to the IC community. 


Ari Siletz

ramitork

by Ari Siletz on

Think I overdid it, though! Takes several trial and errors to figure out the right "color transfer function" between the original and the uploaded version. Also the re-sizing variables are still a mystery to me. Sometimes you get a nice big image and sometimes a postage stamp. Maybe you have some ideas; it would help everyone putting up artwork on the site.  Next time...


ramintork

Nice one Ari

by ramintork on

Trust you to do a better job and be a step ahead.


Ari Siletz

color-enhanced graph

by Ari Siletz on

ramintork, I noticed that your graph colors may have washed out during upload image compression. Here's your graph with the colors pre-saturated.  


ramintork

Anahid

by ramintork on

It looks more beautiful when done against the user account. It also show your great contribution to the site.


ramintork

I guess this is one place where I combine my two passions

by ramintork on

I guess this is one place where I combine my two skills of data analysis and IT and my love of Art.

 


Anahid Hojjati

very nice Ramin jan, thanks for sharing. Nice graph for IC.

by Anahid Hojjati on

 

and graph for my account page is at 

//www.aharef.info/static/htmlgraph/?url=...


ramintork

If you like this form of Art you might enjoy the following

by ramintork on

This is a TED presentation by Aaron Koblin 

//www.ted.com/talks/aaron_koblin.html

This graph is based on html tags but there are other forms of data generation. This kind of Art became popular when mathematicians started generating fractal art and noticed how beautiful they look.

//www.fractalism.com/fractal-art.htm