@masterthesis{Rothenhaeusler2022, type = {Bachelor Thesis}, author = {Rothenh{\"a}usler, Luis}, title = {d3.js and its potential in data visualization}, doi = {10.25933/opus4-2853}, url = {http://nbn-resolving.de/urn:nbn:de:kobv:522-opus4-28536}, school = {Technische Hochschule Brandenburg}, year = {2022}, abstract = {Diese Arbeit gibt einen Einblick sowie eine Einsch{\"a}tzung eines Code-basierten Werkzeuges zur Datenvisualierung, der d3js bibliothek f{\"u}r JavaScript. Es werden nicht nur das Potential, sondern auch die Vor- und Nachteile evaluiert. Weiterhin wird eine Einsch{\"a}tzung gegeben, wann der Einsatz dieses Werkzeuges sinnvoll ist. Um diese Einsch{\"a}tzungen treffen zu k{\"o}nnen, werden einige Di- agramme, bez{\"u}glich der aktuellen Fl{\"u}chtlichgssituation, die aufgrund des bewaffneten Ukrainekonfilktes besteht, erstellt. Daf{\"u}r werden zun{\"a}chst die n{\"o}tigen Grundlagen erkl{\"a}rt. Dies umfasst sowohl Daten und Datentypen, als auch Diagramme und deren Aufbau. Abschließend werden die erstellten Diagramme, sowie d3js im Diskussionsteil ausgewertet. Da d3js in reinem JavaScript implementiert ist, l{\"a}sst es sich problem- los mit anderen Frameworks kombinieren. Der Fokus von d3js liegt auf der schnellen und einfachen Manipulation von Elementen im Document Object Model. d3js ist jedoch kein Werkzeug, mit dem in wenigen Zeilen Quell- code ganze Diagramme erstellt werden k{\"o}nnen. Vielmehr m{\"u}ssen sowohl die einzelnen Elemente eines Diagrammes, wie auch deren Position und Ausse- hen h{\"a}ndisch definiert werden. Das erm{\"o}glicht ein H{\"o}chstmaß an Kontrolle {\"u}ber das Aussehen und Verhalten der Diagramme. Es ist jedoch auch zeitin- tensiv und f{\"u}hrt eventuell zur Implementation un{\"u}bersichtlicher Diagramme. Gepaart mit der hohen initialen Lernkurve kann die Nutzung von d3js nur in speziellen F{\"a}llen, welche die volle Kontrolle {\"u}ber Aussehen und Verhalten von Diagrammen ben{\"o}tigen, empfohlen werden.}, language = {en} }