Skip to content

Datenblumen - Visualisierung von Webseiten, inklusive externes JavaScript

Seit diesem Jahr ist Wired Deutschland als monatliche Zeitschrift für den "gemeinen" Nerd verfügbar. In der aktuellen Printausgabe wurden sogenannte Datenblumen abgedruckt.

Dabei handelt es sich um Visualisierungen von Webseiten, welche verdeutlichen sollen, wie viel Teile einer Webseite aus Inhalten (Bilder, HTML) oder aus Skripten (JavaScript, CSS) bestehen. Letztere dienen meist zur Gestaltung der Webseite in Form von CSS, aber auch als Codeschnipsel für Social Media Buttons von Facebook und Co.

Datenblume

Wired hat in Zusammenarbeit mit OpenDataCity einen Dienst online gestellt, der es ermöglicht solche Datenblumen für jede Webseite zu erstellen. Das Ergebnis ist durchaus interessant, gerade in Betracht auf die Vielfältigkeit der Blüten, denn hier lässt sich gut erkennen, wie viele externe Skripte auf der jeweiligen Seite eingebunden sind.

Datenblumen_caschy

Der reine HTML Inhalt wird auf den Grafiken grün dargestellt, Skripte in rot und Styleinformationen in einem Orangeton. Die zwei Beispiele zeigen, dass meistens Bild- und Javascript Dateien für den Großteil eines Seitencontents verantwortlich sind. Reines HTML tritt nur sporadisch auf.

Eigene Datenblumen gestalten

[Infografik] Social Media einfach erklärt

Zum Wochenende mal wieder eine Infografik. Dieses Mal über Social Media und das sehr anschaulich und einfach erklärt ;) Ich denke nun sollte es so gut wie jeder verstanden haben:) Die einzelnen Dienste wie Twitter, Facebook, youTube muss ich wohl nicht näher erklären. Bei Foursquare handelt es sich um einen standortbezogenen Dienst, bei Quora um eine digitale Auskunft und Linkedin ist ein Business Social Network.

socialmedia

Wenn Social Media eine Schulklasse wäre...

dann würde sie sich (Stand 2011) wie folgt zusammensetzen:

In der ersten Reihe sitzen die bekannten Verdächtigen aus dem Hause Twitter, Google, Facebook und Co.
Wobei Schülerin Twitter die klassische Schwatzbase darstellt und im It-Girl Club der Schule vorsitzt. Schüler Google ist ein Schnösel wie er im Buche steht. Er ist selbstverständlich im Yacht und Millionärs Club vertreten und nach eigener Aussage die Zukunft des Landes.
Kollege Facebook
ist von der sportlichen Sorte und läuft gerade ganz vorne mit. Er ist der Engel des Footballteams und momentan in aller Munde. Mit seinem Nebensitzer kommt er zwar gut aus, hat aber mit dem Nerd Wikipedia nicht wirklich viel am Hut. Dieser verkopfte Bankdrücker ist ein wandelndes Lexikon und sitzt fast nur vor dem PC um seinen IQ zu verbessern. In seiner Freizeit engagiert er sich außerdem im lokalen Star Trek Club. Für diese Trekkie Freizeit hat der Band Leader Last.fm gar nichts übrig, er kann höchstens den "Star Trek" Soundtrack auf der Gitarre runterocken. Last.fm hängt schon lieber mit seinem Kumpel youTube ab, denn der kann einigermaßen mit der Kamera umgehen und coole Musik oder Skatevideos abdrehen.
Flickr, das etwas komisch gekleidete Künstlerkind, muss sich da schon mit der dritten Reihe begnügen. Es kann zwar gute Bilder machen, jedoch kann diesen nicht jeder etwas abgewinnen. Lediglich wenn mal wieder ein Schulprojekt ansteht fragen die Klassenkameraden nach coolen Bildern. Neben Flickr sitzt der neugierige Reddit, er ist der Chef der Schülerzeitung. In seiner Zeitung druckt er jede Menge Klatsch und Tratsch über seine Mitschüler ab, zusätzlich macht er regelmäßig Abstimmungen zu aktuellen News der ganzen Schule. Sein Nebensitzer my[    ] drückt noch nicht solange die Bank soweit hinten. my[    ] saß einmal weiter vorne und war bei den coolen der Schule mit dabei. Inzwischen haben im Schüler wie Facebook den Rang abgelaufen und er verfällt immer mehr in Depressionen, da sich immer mehr Freunde von ihm abwenden. Ein anderer Außenseiter macht die dritte Reihe komplett. Freidenker Wikileaks sagt und macht was er will, das verschafft ihm nicht immer Freunde, gerade mit seiner Bekannten Twitter führt er immer heiße Diskussionen über das Unrecht dieser Welt. Manchmal kommt dann auch noch Kumpel Facebook dazu. Dieser hat zur Zeit sowieso überall seine Nase drin, so langsam scheint das auch schon wieder einige zu Nerven. Vielleicht wird er auch bald nach hinten gesetzt und muss mit my[   ] zusammen büffeln..... Na schaun wir mal, nächstes Jahr wissen wir mehr.

Social Media Klasse 2011

via Flowtown