Artikel mit Tag visualisierung

TorFlow - Interaktive Visualisierung des weltweiten Tor Netzwerkes

Weil es gerade mal wieder durchs Netz geistert und fluffig ausschaut. Die Visualisierung des weltweiten Tor Traffics unter TorFlow.

TorFlow

Die Seite kann bei manchen Browser/Add-on Konstellationen eventuell nicht richtig dargestellt werden.


Das könnte dich interessieren

Datenblumen - Visualisierung von Webseiten, inklusive externes JavaScript

Onion City - Diese Suchmaschine bringt Licht ins Darkweb

Hacks rund um den Globus - Hack Attacken im Live Stream


 

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

Interaktiver HTML5 Spielplan mit Tippspiel für die WM 2014 in Brasilien

Auf Rasenball.com findet sich zurzeit ein interaktiver Spielplan für die kommende WM 2014 in Brasilien, der es sich zu Aufgabe gemacht hat, möglichst alle wichtigen Informationen praktisch zu visualisieren.

Die Startseite ziert eine kreisförmige Wählscheibe, die das Navigieren via Mannschaft, Spielort, Gruppe, Spieltag erlaubt.

WM_2014_interaktiver_Spielplan

Hat sich der Fußballfan für eine Auswahl entschieden dehnt sich der Kreis zu einem Stadion aus und zeigt weitere Infos zum gewählten Team, deren Spiele, Termine und Ergebnisse  an. 

WM_2014_Spielplan_Visualisierung

Rasenball, besser gesagt die Designfirma Mondula hat hier wirklich gute Arbeit geleistet und zeigt was mit HTML5 und CSS inzwischen alles möglich ist. Das Tippspiel lädt zusätzlich zum regelmäßigen Besuch der Seite ein.

Na da kann die Weltmeisterschaft ja kommen.