351
edits
→Visualisierung von Daten & Informationen
| (One intermediate revision by the same user not shown) | |||
| Line 22: | Line 22: | ||
[[File:tw-fingies-kontakt-1.jpg|200px]] | [[File:tw-fingies-kontakt-1.jpg|200px]] | ||
[[File:tw-fingies-kontakt-2.jpg|200px]] | [[File:tw-fingies-kontakt-2.jpg|200px]] | ||
==Visualisierung von Daten & Informationen== | |||
Um Daten schnell und schön darstellen zu können haben wir mit der JavaScript Bibliothek "Highcharts" gearbeitet. Sie visualisiert insbesondere Grafen, Diagramme und andere Informationsgrafiken und sorgt für eine gute User Experience. | |||
Angular.js sorgt mit wenig Code eine große Wirkung beim Nutzer. | |||
Im folgenden Beispiel steigt der Wasserstand der Pflanze je mehr Fingies Boxen aktiv sind. | |||
[[File:tw-fingies-blume.jpg|200px]] | |||
Diese Anwendung funktioniert ähnlich, nur dass als Input das Mikrophon verwendet wird. Je lauter das Umgebungsgeräusch ist, desto länger wird Pinocchios Nase. | |||
[[File:tw-fingies-pinocchio.jpg|200px]] | |||