Une page web, une fleur!

L’auteur du blog Aharef a eu cette excellente idée de représenter n’importe quelle page web sous la forme d’un graphe. C’est beau, on dirait des bouquets de fleurs, instructif, rapide, gratuit, original et disponible en ligne! Que demander de plus?

Le principe est de convertir automatiquement la structure du code HTML de la page en dessin, chaque tag par un point de couleur, chaque relation hiérarchique entre les tags par des lignes. Les tags A (liens) sont en bleu, les tables en rouge, les images en violet, etc.

L’applet est disponible en ligne ici. On voit le travail se faire en temps réel ce qui rend le truc encore plus sympa. Les nuages de points apparaissent les uns après les autres et les branches du graphes se déploient automatiquement, avec de l’inertie. Voilà le résultat pour Web.Plouceur lorsqu’il était sous DotClear et aujourd’hui sous Wordpress. Belles fleurs, non?

Plouceur sous DotClear

Plouceur sous WordPress

Aharef expose ici les graphes commentés des yahoo, google, msn et autres et on peut en trouver des tonnes sur Flickr sous le tag websitesasgraphs

Abonnement:

Si vous aimez les billets de ce blog, vous pouvez les recevoir par email. Entrez votre adresse là:

Sinon vous pouvez vous abonner au flux RSS qui marche trop trop bien ou bookmarker avec le bouton magique ci-dessous.

2 commentaire(s) et trackback(s)

  1. 1 mary MM -PEHEM

    c’est génial ,et aussi fascinant et reposant que de regarder des poissons évoluer dans un aquarium !j’en redemanderai …

  2. 2 Miss Globule

    C’est vrai que c’est vraiment excellent _o/

    ( et merci pour le comment ça marche ;p
    … j’avais vraiment eu la feignantise de traduire ^__^ )

Laisser un commentaire