Change search
CiteExportLink to record
Permanent link

Direct link
Cite
Citation style
  • apa
  • harvard1
  • ieee
  • modern-language-association-8th-edition
  • vancouver
  • Other style
More styles
Language
  • de-DE
  • en-GB
  • en-US
  • fi-FI
  • nn-NO
  • nn-NB
  • sv-SE
  • Other locale
More languages
Output format
  • html
  • text
  • asciidoc
  • rtf
Grafisk visualisering av små fiberoptiska nätverk
KTH, School of Information and Communication Technology (ICT).
KTH, School of Information and Communication Technology (ICT).
2016 (Swedish)Independent thesis Basic level (degree of Bachelor), 10 credits / 15 HE creditsStudent thesis
Abstract [en]

To graphically visualize small fiber optic networks, in a simple and clear way, can be problematic. The information presented in a graph must not be superfluous nor lacking. The purpose of this report is to present what should be considered when creating graphical visualizations, which refers to layout structure, color and shape. The work was conducted through a literature study, collecting information regarding different types of visualizations. With the help of the information solutions about the graph structure and component appearance were discussed and through this a prototype was built. Based on the creation of the prototype an implementation in JavaScript was performed. The result of the appearance, that the implementation generates, results in the recommended layout for visualization of small fiber optic network.

The report is divided into the parts: a literature study, the development of the prototype, deciding the JavaScript library to use and finally the implementation of the prototype. The result is a graph based on orthogonal and hierarchy layout where symmetry was pursued. The components are distinguished, among other things, by unique shapes and colors.

One of the conclusions that is drawn is that the developed visualization is a suitable alternative to visualize a small fiber optic network. To say that it is the obvious alternative is not possible without any kind of study based on interaction between users and the visualization.

Abstract [sv]

Att grafiskt visualisera små fiberoptiska nätverk på ett klart och tydligt sätt kan vara problematiskt. Den information som ingår i en graf får varken vara överflödig eller bristande. Syftet med rapporten är att presentera vad man bör tänka på vid grafisk visualisering vilket inkluderar bland annat layoutstruktur, färg och form. Det utfördes en litteraturstudie med fokus på att samla in information angående olika typer av visualiseringar. Med den som bas diskuteras det kring olika alternativa lösningar på grafens struktur samt komponenters utseende. Utifrån det skapas sedan en prototyp som i sin tur implementeras i JavaScript. Resultatet på utseendet som implementeringen genererar är det rekommenderade utseendet för visualisering av små fiberoptiska nätverk.

Rapporten delas in i delarna litteraturstudie, framtagande av prototyp, val av JavaScript-bibliotek och till sist implementering av nätverksvisualisering. Resultatet blev en graf baserad på ortogonaloch hierarkisk layout där symmetri eftersträvades. Komponenterna särskiljs genom bland annat unik form och färg.

En av slutsatserna som dras är att den framtagna visualiseringen är ett lämpligt alternativ att visualisera ett litet fiberoptiskt nätverk. Att säga att det är det självklara alternativet går däremot inte att göra utan någon form av studie baserat på interaktion mellan användare och visualiseringen.

Place, publisher, year, edition, pages
2016. , 54 p.
Series
TRITA-ICT-EX, 2016:205
Keyword [en]
Graph Theory, JavaScript, Network Visualization, Web Development
Keyword [sv]
Grafteori, JavaScript, Nätverksvisualisering, Webbutveckling
National Category
Computer and Information Science
Identifiers
URN: urn:nbn:se:kth:diva-206722OAI: oai:DiVA.org:kth-206722DiVA: diva2:1093518
Subject / course
Information and Communication Technology
Educational program
Master of Science in Engineering - Information and Communication Technology
Examiners
Available from: 2017-05-08 Created: 2017-05-08 Last updated: 2017-05-08Bibliographically approved

Open Access in DiVA

No full text

By organisation
School of Information and Communication Technology (ICT)
Computer and Information Science

Search outside of DiVA

GoogleGoogle Scholar

Total: 44 hits
CiteExportLink to record
Permanent link

Direct link
Cite
Citation style
  • apa
  • harvard1
  • ieee
  • modern-language-association-8th-edition
  • vancouver
  • Other style
More styles
Language
  • de-DE
  • en-GB
  • en-US
  • fi-FI
  • nn-NO
  • nn-NB
  • sv-SE
  • Other locale
More languages
Output format
  • html
  • text
  • asciidoc
  • rtf