1 of 72

Data Visualization Engineer

Ist das ein richtiger Beruf?

Hochschule Mannheim, 25.04.2017

Ilya Boyandin

2 of 72

3 of 72

4 of 72

5 of 72

6 of 72

7 of 72

Kunst

Forschung

Medien

NGO

Wirtschaft

Öffentliche Hand

Forschung

Medien

NGO

Wirtschaft

8 of 72

Informatik Studium in Sankt-Petersburg

UI und Web-Entwicklung

In Graz gelandet

9 of 72

10 of 72

11 of 72

12 of 72

13 of 72

14 of 72

15 of 72

Doktorat in DataVis

“Geschenkte Zeit” um zu lernen

Selbst den Weg finden

Keine Produkte entwickeln, sondern Prototypen

“Publish or perish”

Kann auch Praxis-orientiert sein

Nicht nötig für Arbeit in der Wirtschaft

16 of 72

17 of 72

18 of 72

19 of 72

20 of 72

Seiten-Projekte

Portfolio aufbauen

Wählen was einem liegt

Hackatons

Gleichgesinnte leute kennen lernen

​

21 of 72

22 of 72

23 of 72

24 of 72

25 of 72

26 of 72

27 of 72

28 of 72

29 of 72

Arbeit in einem Studio

​

Kurze Projekte

Strenge Deadlines (esp. für Medien)

Vielfältig

Kleines starkes Team

Sehr Design-orientiert

​

​

30 of 72

31 of 72

subscriber 46767795761

subscriber 27678856757

32 of 72

33 of 72

34 of 72

Verschiedene Kunden, �verschiedene Fragen

Daten und Dashboards

​

35 of 72

https://medium.com/@moritz_stefaner

36 of 72

37 of 72

38 of 72

Arbeit in einem Data-driven Startup

​

“Moving target”

Verschiedene Kunden

Produkte: Dashboards

​

39 of 72

Engineering

Produkt

Komplexe Systeme aus Komponenten designen

Wiederverwenden

​

Wartbar

Universell

Skalierbar

​

​

40 of 72

Wartbar

Nachvollziehbare Architektur

Klare Abhängigkeiten

​

41 of 72

Universell

Funktioniert mit verschiedenen Daten

zB Skalen anpassen

“Exploratory” - Erkundung

42 of 72

Skalierbar

Datenmenge

Zusammenfassung

Interaktivität

​

Komplexität der App

Modularisierung

​

43 of 72

44 of 72

GeoHex

https://github.com/teralytics/geohex - Hexagonal grid system, geo-hashing for hexagons

45 of 72

46 of 72

47 of 72

Projekt: S-Bahn in Singapore

in Arbeit

48 of 72

49 of 72

50 of 72

51 of 72

52 of 72

53 of 72

54 of 72

55 of 72

56 of 72

57 of 72

58 of 72

59 of 72

60 of 72

Prozess

Kontext, Zielgruppe kennen

Was sind die Fragen?

Idee, Sketch

Datenanalyse

Prototypen

Robuste Komponente

61 of 72

Tools

Whatever works

Sollen das Leben leichter machen

Was für das Team funktioniert

“Cargo Cult” meiden

Neue Tools evaluieren

Das Richtige für den Job

zB prototypen/Analyse in Tableau oder R

62 of 72

63 of 72

import { scaleLinear, scaleSqrt } from 'd3-scale'�� const BubbleChart = ({ width, height, points }) => {

const x = scaleLinear().domain([0, 1]).range([0, width]),

y = scaleLinear().domain([0, 1]).range([height, 0]),

r = scaleSqrt().domain([0, 1]).range([0, 20])

​

return (

<svg width={ width } height={ height }>

{ points.map((d, i) =>

<circle key={i}

cx={x(d.a)} cy={y(d.b)}

r={r(d.c)} /> )}

</svg>

)

}

​

64 of 72

const App = ({ appState }) => {

return

<div>� <BubbleChart points={ appState.points } />

<Slider value={ appState.opacity } onChange={ handleChangeOpacity } />

</div>

)

}

​

65 of 72

66 of 72

Grafik im Browser

SVG� 2D scene graph� am komfortabelsten

Canvas� 2D bitmap� schneller für viele kleine Objekte

WebGL� 3D, am performantesten, nutzt GPU� gut für sehr viele Objekte �

67 of 72

68 of 72

69 of 72

Fazit

Datavis ist spannend

Den Beruf gibt es wirklich!

Und wird es in der Zukunft geben

In vielen Bereichen anwendbar

Öffnet viele Türen

Engineering ab gewisser Komplexität

​

70 of 72

71 of 72

72 of 72

Danke!