portfolio of
David Querg

faceted navigation of objects

Objekte haben mehrere Eigenschaften und können über ein Interface nach festgelegten Facetten ausgewählt/angezeigt/sortiert werden.

Objects have several facets: color, type, size
Using the interface you can choose objects by defining the chosen color (red, green, blue), type (square, circle) or size (large, small). or all of them.
Animation works via lerp-function. Positions are defined with two arrays 4 different modes that an object can have:
1 = inactiv
2 = activ
3 = deactivate
4 = activate

dynamic infograph vol2 (xml-daten)

Tastatur:
1-7: navigation durch die themen
enter: label an/ausschalten

- Einlesen von Daten aus XML-Datei
- Diagramm und Graph zeichnen
- Animation bei Änderung

Diesmal werden echte Daten einer ursprünglichen Excel-Datei (exportiert als XML) eingelesen. Anschließend werden alle Berechnungen für die Darstellung durchgeführt und der Graph gezeichnet. Auf Tastenklick werden die Berechnungen für den neuen Graph durchgeführt und dann animiert.
Wichtig war eine sinnvolle, dynamische Änderung der Hintergrund-Skala. Zusätzliches Gimmick sind die zuschaltbaren Labels mit den echten Werten.

dynamic infograph

Tastendruck animiert zwischen Datenpunkte und erzeugt einen Graphen

ticktack_animated_clock

Eine kleine animierte Uhr welche den Sekundentakt optisch übersetzt.