Datavisualisering används främst för att antingen utforska, bekräfta eller presentera data. Detta görs med olika visualiseringstekniker beroende på typ av data samt syftet med visualisering. JavaScript-bibliotek används för att möjliggöra detta på webben på ett effektivt sätt. Ett av de vanligare biblioteken för olika typer av visualisering är D3.js och är förhållandevis avancerat. Därför har ett antal D3.js-baserade bibliotek skapats med reducerad komplexitet för specifikt datavisualisering. Syftet med detta arbete var att jämföra dessa bibliotek utifrån effektivitet i förhållande till renderingstid. En urvalsprocess resulterade i en jämförelse av två bibliotek, britecharts och plotly.js. Väderdata visualiserades med linjediagram av varierande datamängd och renderingstid mättes. Britecharts var mer effektivt än plotly.js vid lägre datamängder medan plotly.js, på grund av en mer effektiv exponentiell ökning, var mer effektiv vid högre datamängder. Vidare arbete genom att jämföra andra aspekter, utöver renderingstid, skulle kunna tillföra forskningsområdet.

Loggdata från webbservrar innehåller värdefull information om användares beteenden på en webbplats, och reflekterar i stort hur användare känner om webbplatsen. Genom att analysera loggdata går det att få en bra bild av användarupplevelsen, vilket i sin tur kan vägleda i förbättring av webbplatsen. För att underlätta dataanalys används interaktiv datavisualisering i form av till exempeldiagram, men visualiseringsverktyg behöver kunna användas flexibelt och i snabbtakt för att kunna vara praktiska. Problemet med att visualisera och analysera loggdata är dock att denna typ av data ständigt fortsätter att växa i storlek. Och vid visualisering av stora dataset kan renderingstiden påverkas. Tre JavaScript-bibliotek för visualisering jämförs utifrån renderingstider, dessa är D3.js, Google Charts och Chart.js. Ett tekniskt experiment utförs där de tre biblioteken jämförs mot varandra både vad gäller initial och interaktiv renderingstid. Resultatet tyder på att D3.js är mest lämpat för interaktiv visualisering av loggdata när det kommer till renderingstid.

Today e-commerce retailers use large warehouses to store goods before they are sold and shipped. One of the main performance issues for Apotea AB, an online pharmacy based in Sweden, is that the staffers who walk around in the warehouse often are delayed in queues or clusters, usually as a result of missing items or difficulties finding items. This paper describes how, based on sparse data, a map-based interactive visualization was created to aid staffers in their task of evaluating how so called pick lists perform. The visualization was evaluated using UMUX-LITE [20] and a grounded model of NOvice’s information VIsualization Sensemaking (NOVIS-model) [17]. Results showed an overall successful design. The main affordance of the visualization was that it showed warehouse performance over time when animation speed was set to maximum, this was enabled by sliders and buttons. The main limitations were found to be a lack of intermediary level of visualization (e.g. heat map overview of an hour) in the visualization and that there was no higher level of data, e.g. incident data, which could be visualized. These limitations represent the core of what this paper identifies as future work.

I dagens samhälle cirkulerar det data överallt och den här datan används för att genomföra besult, både för orginisationer och privatpersoner. Men mycket data ä rsvår att förstå i ens grundliga form, genom att förenkla den underlätta förståelsen och ökar besultagandet. Det går att göra med hjälp av datavisualisering, vilket kan vara tabeller, diagram eller mer interaktiva tekniker som heatmap. Heatmap är en teknik som använder sig av koordinater och datamängder för att vissa datan på en karta som exempel med hjälp av färger och former. Inom den här studien kommer två javascript bibliotek jämföras mot varandra för att kolla vilket som har bäst renderingstid, Heatmap.js och D3.js. I grunden kommer biblioteken rendera en heatmap för en karta som har tagits fram med hjälp av Leaflet.js. Med hjälp av den här mätningen ska det underlätta valet av javascript bibliotek för att skapa heatmap för webbapplikationer. / <p>Det finns övrigt digitalt material (t.ex. film-, bild- eller ljudfiler) eller modeller/artefakter tillhörande examensarbetet som ska skickas till arkivet.</p>

Stora mängder miljödata samlas hela tiden in och för att använda all data behöver den förstås av användarna så de kan applicera kunskapen inom deras område. Visualisering skapar förståelse om data. Heatmaps kan användas för att visualisera geospatial data och interaktivitet är ett hjälpmedel för att skapa ytterligare grafiska representationer. I detta arbete evalueras JavaScript-teknikerna D3.js, Heatmap.js och Vue.js angående vad som är mest lämpligt för att visualisera geospatial data utifrån effektiviteten vid utritning av heatmaps. Ett experiment genomförs där biblioteken D3.js, Heatmap.js testas i ramverket Vue.js. Detta för att ta reda på vilket bibliotek som föredras vid utritning av heatmaps och om ett ramverk påverkar resultatet. En miljö sätts upp för att genomföra undersökningen och tester för att påvisa detta. Resultatet indikerar att Heatmap.js och mindre datamängder ger en lägre utritningstid i den tillämpning som undersökts. I framtiden är det intressant att undersöka flera bibliotek och flera datamängder.

Det samlas in olika typer av data hela tiden, komplex data är svårt för människor att tolka och förstå i dess råa form. För att göra det lättare för människor använder man olika datavisualiseringsverktyg som gör det lättare att sammanfatta data. Det finns många olika typer av visualiseringar som till exempel diagram, tabeller, bilder och kartor såsom en Heatmap. En heatmap används för att visa geospatial data, då den använder koordinater kombinerat med en karta som visar aktiviteterna genom olika färger. Ett problem som uppstår när komplex data används är att utritningstiden brukar vara långsam, detta leder till att användarupplevelsen försämras. I detta arbete ska två tekniker jämföras för att ta reda på vilken teknik som kan visualisera miljödata i form av heatmap på snabbaste tid med kartlagret Google Maps, med data som kommer ifrån ICES Oceanographic databas som klassificeras som miljödata. Tekniken som ska jämföras är Canvas som representeras av JavaScript biblioteket Heatmap.js och SVG som representeras av JavaScript biblioteket D3.js För att utföra denna studie användes ett tekniskt experiment som vald vetenskaplig metod. Resultatet av studien blev att Heatmap.js presterade bättre än vad D3.js gjorde.

There is currently no set standard for evaluating visualization environments. Even though the number of visualizations has increased, there is a tendency to overlook the evaluation of their usability. This thesis investigates how a visualization tool for crowd trajectory data can be made using the visualization technique of animated maps and the JavaScript library D3.js. Furthermore it explores how such a visualization tool can be evaluated according to a suggested framework for spatio-temporal data.     The developed tool uses data taken from the UCY Graphics Lab, consisting of 415 trajectories collected from a video recorded at a campus area. User evaluation was performed through a user test with a total of six participants, measuring effectiveness as completed tasks, and satisfaction as ease of use for three different amounts of trajectories. Qualitative data was recorded through using the think aloud protocol to gather feedback to further improve the implementation. The evaluation shows that the visualization tool is usable and effective, and that the technique of animated maps in combination with a heatmap can aid users when exploring and formulating ideas about data of this kind. It is also concluded that the framework is a possible tool to utilize when validating visualization systems for crowd trajectory data. / Det finns i dagsläget ingen etablerad standard för att utvärdera visualiseringssystem. Även om antalet visualiseringar har ökat finns det en tendens att förbise utvärderandet av deras användbarhet. I det här arbetet undersöker vi hur ett visualiseringsverktyg för data av gångbanor hos folksamlingar kan skapas, med hjälp utav visualiseringsmetoden animated maps och JavaScript-biblioteket D3.js. Vidare undersöker vi hur det är möjligt att evaluera ett visualiseringsverktyg utefter ett givet ramverk.  Visualiseringsverktyget använder data från UCY Graphics Lab. Datan består av 415 gångbanor som är insamlade från en videoinspelning av ett campusområde. En utvärdering genomfördes sedan med sex deltagare, där visualiseringens effektivitet och användarvänlighet mättes. Frågorna ställdes för tre olika mängder av gångbanor. Kvalitativa data dokumenterades genom en så kallad ''think aloud'', för att ge återkoppling och förslag på möjliga förbättringar av visualiseringen. Evalueringen visar på att animated maps i kombination med en heatmap kan hjälpa användare att utforska data av gångbanor hos folksamlingar, samt att verktyget är effektivt och användbart. Det är också visat att det ramverk som användes vid evalueringen är ett möjligt verktyg för att validera visualiseringsverktyg av den typ som gjorts i det här projektet.

Ever since the late 1950's, context-free grammars have played an important role within the field of linguistics, been a part of introductory courses and expanded into other fields of study. Meanwhile, data visualization in modern web development has made it possible to do feature rich visualization in the browser. In this thesis, these two developments are united, by developing a browser based app, to write context-free grammars, parse sentences and visualize the output. A user experience study with usability-tests and user-interviews is conducted, in order to investigate the possible benefits and disadvantages of said visualization when writing context-free grammars. The results show that data visualization was limitedly used by participants, in that it helped them to see if sentences were parsed and, if a sentence was not parsed, at which position parsing went wrong. Future improvements on the software and studies on them are proposed as well as the expansion of the field of data visualization within linguistics. / Ända sedan det sena 1950-talet har kontextfria grammatiker spelat en viktig roll hos lingvistiska teorier, används i introduktionskurser och expanderats till andra forskningsfält. Samtidigt har datavisualisering inom modern webbutveckling gjort det möjligt att skapa innehållsrik visualisering i webbläsaren. I detta examensarbete förenas dessa två utvecklingar genom utvecklandet av en webbapplikation, gjord för att skriva kontextfria grammatiker, parsa meningar och visualisera utdatan. En användarbarhetsstudie utförs, bestående av användartest och användaintervjuer, för att undersöka möjliga fördelar och nackdelar av visualisering i skrivandet av kontextfria grammatiker. Resultaten visar att data visualisering användes på ett begränsat sätt av deltagarna, i den meningen att det hjälpte dem att se om satser kan parsas och, om en sats inte blir parsad, se på vilket stället parsning misslyckades. Framtida förbättringar av applikationen och studier av dem föreslås samt en utbyggnad av data visualisering inom lingvistik.

Visualizations, web technologies and mobile devices are subjects which are trending nowadays in the world of technology and many research projects are tackling different issues. The originality of the thesis is in the aspect of bringing all these mentioned subjects together and providing findings that will help web designers when implementing visualizations for mobile phones. The thesis explores the use of web technologies for the visualization of complex data for mobile devices, both looking at the technical state of the art and capabilities, and at the difference in information needs for users in a mobile usage context. The first part deals with an in-depth research of the existing projects that deal with similar issues, analyzing the official documentation of the technologies and the community of developers. The other part of the research is focused on providing insights on the required changes for adapting to the needs of mobile device users by doing a usability testing on a specific visualization. The results provide information valuable for adapting visualizations, such as font sizes, color combinations, animation complexity and data simplicity. The use case that is used for feeding the visualizations with data belongs to the domain of eco visualizations, in particular dealing with sustainable food consumption.

This master's thesis deals with design of application for scheduling projects and time using principles of real time scheduling. In the beginning this thesis describes project management and time management and their principles. In the next chapter are principles and algorithms of scheduling in real time system described. The next chapter deals with design of application for scheduling projects and time using principles of real time scheduling. MVC design pattern is described in following chapter.Implementation of tool is desribed in next-to-last chapter a the last chapter is devoted to use cases of final tool.