This document discusses web-based immersive analytics, which uses virtual reality to help users better understand complex data sets. It explores several platforms that can be used to create immersive analytics applications for the web, including A-Frame, three.js, and React VR. The document emphasizes selecting a platform suited for specific needs, as each has strengths and weaknesses. It also stresses the importance of understanding the data being analyzed to effectively use immersive analytics tools for exploration and decision making.
Original Description:
Web-based immersive analytics is a relatively new field that uses data
visualization and virtual reality to help people understand their data.
By immersive analytics we mean an interactive three-dimensional
(3D) environment where users can explore data from different angles
and perspectives. They could spot patterns and trends that they
would have missed using more conventional techniques. To get
started with web-based immersive analytics, there are two important
things developers or users shoul
This document discusses web-based immersive analytics, which uses virtual reality to help users better understand complex data sets. It explores several platforms that can be used to create immersive analytics applications for the web, including A-Frame, three.js, and React VR. The document emphasizes selecting a platform suited for specific needs, as each has strengths and weaknesses. It also stresses the importance of understanding the data being analyzed to effectively use immersive analytics tools for exploration and decision making.
This document discusses web-based immersive analytics, which uses virtual reality to help users better understand complex data sets. It explores several platforms that can be used to create immersive analytics applications for the web, including A-Frame, three.js, and React VR. The document emphasizes selecting a platform suited for specific needs, as each has strengths and weaknesses. It also stresses the importance of understanding the data being analyzed to effectively use immersive analytics tools for exploration and decision making.
A BSTRACT Some of these include: A-Frame 1 , Aframe-React 2 , three.js 3 , react-
vr 4 , WebXR Viewer 5 , and many others. It is essential to select Web-based immersive analytics is a relatively new field that uses data the one that best suits specific demands as each of these has unique visualization and virtual reality to help people understand their data. strengths and drawbacks. By immersive analytics we mean an interactive three-dimensional In order to more effectively engage with web based data, analysts (3D) environment where users can explore data from different angles are turning to immersive analytics. This type of analytics allows and perspectives. They could spot patterns and trends that they users to interact with data in a 3D environment, which can make would have missed using more conventional techniques. To get complex data sets more understandable and easier to work with. started with web-based immersive analytics, there are two important Since Web is the most widespread, dynamic, and independent things developers or users should keep in mind. First and foremost, it platform for producing and sharing information, we are investigat- is essential to select a platform that is better suited for a certain set of ing web-based solutions. Furthermore, immersive analytics can requirements. There are several technologies accessible, each with assist analysts in identifying patterns and trends that conventional unique advantages and disadvantages. Second, before beginning to two-dimensional (2D) representations might not make immediately use immersive analytics successfully, it is advisable to have a solid obvious. Immersive analytics remains as a young subject, but it is grasp of the data. Once we understand the data, we may explore it expanding quickly as more companies become aware of the advan- in novel ways and decide more wisely for various applications. tages it may provide. Analysts must be aware of the many platforms and tools available if they intend to benefit from this innovation. Ad- ditionally, in order to make the most of immersive analytics, analysts 1 I NTRODUCTION should have a solid grasp of how to apply it. It is not surprising that analysis has grown to be one of the most effective tools in modern toolbox due to increased amount of data[1]. 2 M ETHODOLOGY Data analytics and its effects on different fields are major topics A new and developing area of research our topic makes use of in the corporate world today. A novel method of engaging using VR and AR technology to provide consumers a more immersive data that enables more intuitive and natural exploration is called experience while engaging with data. We have used search en- immersive analytics (IA). People can immerse data in a way that has gines such as Google Scholar, Microsoft Academic Search, CiteSeer, been not conceivable due to cutting-edge technology such as virtual Web of Science, IEEE Xplore digital library, and The Collection of reality (VR), augmented reality (AR), and others immersive tech- Computer Science Bibliographies to identify publications related nologies. Awareness in integrating various devices (Head-Mounted to this subject. We concentrated on publications using the follow- Displays (HMD), mobile devices, and PCs) via a single interface is ing phrases ”web-based analytics,” ”immersive analytics,” and ”im- growing as a result of the continual emergence of new technologies mersive visualization techniques.” We have also looked through and improved accessibility. conference proceedings on the subject to identify papers. Finding People use web-based applications increasingly frequently in our the most recent research on a certain subject may be done with the day-to-day activities. The increased interest in leveraging these help of conference proceedings. By browsing through the citations same technologies to provide an immersive analysis through web- of other publications, we also discovered necessary papers. based products with AR (VR) technology should not be surprising Once the papers are found, each must be reviewed and assessed to in light of this. A number of libraries and frameworks have already see whether they meet the requirements for placement in the paper been established, and web technologies offer a viable option. In topic. Following the reading of all selected papers, further papers this paper, we will take a look at some of the state-of-art methods were submitted as we realized which chapters should be included. and frameworks which can be used to enable an immersive analysis The papers that have been picked are the most current and pertinent. through web-based applications with AR (VR) technologies. We They were also well-written and provide a useful summary of the will also provide a brief overview of some of the challenges which subject. need to be addressed in order to make this a reality, visualisation techniques, and systems which use immersive visualisation methods. 3 C ROSS - PLATFORM FOR CREATING WEB BASED APPLICA - Utilizing VR technology, 3D visualizations, and natural language TIONS processing, web-based immersive analytics allow users to engage Through the Document Object Model (DOM), libraries and tools over data. Analysts could ask questions of the data by utilizing based on web based methods and frameworks enable the creation such technologies, and they will receive responses in the form of an of data interaction visualizations to be more shareable, reusable and immersive experience. This makes it possible to comprehend the consumable components which could be connected with another data more deeply and makes working with the data more productive. tools. The DOM represents a general level of abstraction, includ- It is possible to employ a variety of web-based techniques and ing a set of built-in object functions and their properties, such as frameworks to make immersive analysis with AR (VR) technology. formatting, geolocation, WebVR, data structures or real-time com- munications. * e-mail: 1 https://aframe.io/ kirgey01@ads.uni-passau.de 2 https://github.com/supermedium/aframe-react 3 https://github.com/mrdoob/three.js 4 https://https://github.com/facebookarchive/react-360 5 https://labs.mozilla.org/projects/webxr-viewer/ 4.1 A-Frame Figure 1: Process of connection frameworks, libraries and client. A-Frame (created 2015) is recognized as a web-based framework for creating VR experiences. An entity component architecture called A-Frame gives this framework a clear, extendable, and configurable nature. It has a huge community, is open source, and is simple to study. However, it does not support certain functionality that other frameworks provide, such hand tracking and motion controllers. Being on top of WebVR and JavaScript, A-Frame represents an abstraction layer which can be used to build VR-based experiences and web-based apps. One of the features of A-Frame is to add interaction by allowing us to recognize when an item is being ”stared at” or ”clicked on.” A-Frame could also rotate objects. For instance, a sphere could be turned 360 degree on the Y axis using ”A-Frame- animation.” Various web apps employ A-Frame to show data in numerous fields, including science, finance, and health. As an example of using A-Frame in application we could consider health area. This The Web ecosystem also offers JavaScript as a runtime that en- framework worked in conjunction with the three libraries, ggplot2, ables interaction between these functions and users in addition to the node.js, and d3.js. These libraries include tools for reading datasets DOM. All Web-based applications share a common language and that is used from open data health sources. The data, which can can communicate with one another and tools since they are created be plotted in 3D, might be in JSON or CSV format. Utilizing ”A- on top of this abstraction layer. Consumption in this context encom- Frame and D3.js,” ”A-Frame and R(Shiny, Ggplot2),” and ”A-Frame passes interoperability and modification across tools and services as and Node.js” are three strategies for virtual reality. Developers can well as basic information extraction and re-display. Apps developed simply build, alter, and deploy unique online virtual reality data on the Web are actually consumable and may be loosely coupled to visualization by adding new features. Each component of suggested other systems, in contrast to VR apps generated using a game engine methods are free and open source[4]. or even exporting them to Web Graphics Library (WebGL 6 ). A-Frame is a library built on top of three.js, anything developers JavaScript 7 is used as a connector between VR and the DOM do in three.js could be done in A-Frame as well. Since A-Frame is which is provided by WebXR 8 and its predecessor WebVR API as one of the most popular immersive frameworks in the next subchap- illustrated in Figure 1. WebVR is an open specification Application ters we will also consider comparison between other frameworks Programming Interface (API) that has been receiving adoption from and A-Frame. browser vendors and it helps developers to use the HTML DOM for creating VR/Mixed Reality (MR) applications that can be used in a 4.2 Argon4 Web browser. This API was created in 2014 by Mozilla community There are many JavaScript toolkits and packages that facilitate the members and helped to create a framework for data visualization creation of MR media for the Web, including subsequently the on the web. The WebVR API provides input/output for VR HMDs mobile Web. Argon4 (predecessor Argon was created in 2009) in a browser, such as Google Cardboard or Samsung Gear VR. In framework is one of them. Argon system is inspired and motivated addition, WebVR provides a platform that extends the range and by the standardization efforts in Web-based MR. The Web-based goes beyond the browser because it can identify the actual display MR standardization initiatives serve as both an inspiration and a equipment and accompanying handheld controllers. The WebXR driving force behind the Argon system. API’s standards are still being worked on and could be changed.[2]. It is a framework that was initially created for the Argon browser WebVR is currently a new technology, thus the standards are but currently supports other browsers that adhere to WebRTC stan- continually being developed. Applications that depend on web dards. An open-standards browser - Argon4 is compatible with APIs to display VR/MR data must frequently be updated because iOS and Android and is suitable for displaying AR content made browser performance for WebVR is always evolving. This is and with Argon.js. Three.js is being the most recent version of Ar- will remain a crucial factor that programmers must keep in mind gon.js that can include AR expansion and at the same time include before deciding to create their product with cutting-edge, exploratory A-Frame/WebVR as an entity component system (ECS). Argon4 technologies and new formats like WebVR/XR. Developers can enables stereo vision with a Cardboard HMD or a similar device by employ a variety of standards, including WebGL, Augmented Reality splitting the view. Markup Language (ARML) 9 , X3DOM 10 , and the more recent WebVR, to make graphic material that is appropriate for VR and 4.3 Three.js MR on the Web[3]. Three.js (created in 2010) is a free, open-source JavaScript 3D frame- work that offers a variety of capabilities for building 3D apps that 4 M ETHODS AND FRAMEWORKS are immersive. Scalable Vector Graphics (SVG), the HTML5 canvas element, or WebGL are the renderer technology used by three.js, There are many web based methods and frameworks that can be which also has a scene-graph, multiple cameras, navigational op- used to enable an immersive analysis with AR (VR) technologies. tions, compatibility for customized shaders, and material support. Some of the different methods and frameworks that can be used to Due to its convoluted API, it could be difficult to comprehend and enable an immersive analysis through web-based applications with use. The main goal of this framework is to create immersive visu- immersive technologies include: alizations, which is generally made possible by lower level APIs including three.js. 6 https://get.webgl.org/ Three.js is more challenging framework than A-Frame, however 7 https://www.javascript.com/ three.js has more functionality and versatility. By eliminating the 8 https://immersive-web.github.io/webxr-samples/ need to deal with tricky WebGL graphics coding, three.js makes 9 https://www.ogc.org/standards/arml it simple to create effective 3D visuals, but it can be challenging 10 https://www.x3dom.org/ to develop more complicated apps. A-Frame extends three.js with an entity-component structure and represents a 3D scene using the spired by Vega-Lite to construct immersive analytics capabilities DOM. Additionally, it offers out-of-the-box compatibility for web for virtual reality. Generally speaking, VRIA has the next char- immersive, whereas doing so with just three.js could be more diffi- acteristics, obtained from impacts from past work, outlined in the cult. following section: It is totally constructed using open-standards Web technology. By utilizing web applications and WebVR’s progres- 4.4 Aframe-React sive individual characteristics, it obtains independence of platform. Aframe-React (created 2015) is a immersive framework which makes Enables toolkits more approachable and interoperable with other it possible for web-based products to use AR (VR) technology to visualizations by using a descriptive syntax resembling Vega-lite. conduct 3D analyses. It is based on the React JavaScript framework Creates marketable, accessible, and composable immersive visual- and enables programmers to build customizable user interface ele- ization products that are available via the HTML DOM and could ments. Aframe-React makes it simple to develop AR experiences by be quickly integrated into other apps. offering a straightforward approach of defining 3d graphics and enti- Offers different development routes through: ties. A number of integrated elements for interactivity, animations, i) a free, all-inclusive visualization creation toolkit includes the and audio are also included in this framework. VRIA Builder that is supplied with VRIA and appropriate for users Aframe-React, which was introduced on the same day as A- without any programming knowledge; Frame, is a very thin layer that is placed on top of A-Frame to ii) through a programming interface designed for professional integrate it with React. A-Frame utilizing references and the DOM developers. is passed to Aframe-React in order to send React properties. This In order to make visualization prototype, cellular data, and inter- works because A-Frame’s characteristics may concurrently edit the face configuration easier, VRIA employs a prescriptive approach for base 3D scene structure using semi data, such as entities, arrays, or specifying visualization forms using straightforward configuration components. The 3D and VR-oriented entity-component structure of settings. We consider the different development pathways that VRIA A-Frame and the usability of React’s viewing and state management visualization creation pipeline offers for rookie, moderate, and ex- are combined in Aframe-React to provide users the greatest of both perienced developers. A specialized visualization generator is an worlds without the drawbacks of using React for VR applications. optional component of the workflow, a web-based tool that enables developers to quickly create immersive analytics events and import 4.5 React-vr customized visualization setups. Through the use of the VRIA API, React-vr (created in 2017) is one of methods and frameworks which these setups could be further altered to produce fresh, immersive can be used to enable an immersive analysis through web-based representations. applications. The React-vr enables the developers to create VR expe- 4.8 Libraries and standards riences using React. The React-vr takes care of the low-level details such as lens distortion, that need to be considered while develop- Web-based visualization libraries have evolved significantly in re- ing for VR. To achieve it people need to provide the specifications cent years, thanks to advances in web standards and the availability of VR experience using components provided by React-vr. These of powerful web browsers. Today, it is possible to create highly React components correspond to individual pieces of a typical VR interactive and immersive visualizations that can be experienced experience such as cylinders, boxes, or spheres. 3D models can also directly in a web browser. be imported and interacted with using a controller component. WebGL is a web standard that allows for powerful 3D graphics Since both React-vr and A-Frame are used to provide dynamic to be rendered directly in a web browser. This enables the creation WebVR experience to a client, they have many similarities and are of extremely realistic and comprehensive graphics. WebGL is used both open source frameworks. However, each method has a unique by many popular visualization libraries, such as three.js. combination of functions and tools that are designed to do a certain VRML 11 (Virtual Reality Modeling Language) is another web task. Choose a trustworthy developing mobile applications agency to standard that allows for the creation of 3D environments. VRML create a React VR product if an application or website contains a files can be viewed directly in many web browsers, and they can lot of 2D and 3D UI elements. It enables better user interaction and also be imported into other applications, such as Unity or Unreal opens up VR to more people. However, A-frame is more useful Engine, for further processing. when working with several 3D objects and making sure they are X3DOM (Extensible 3D Document Object Model) is an open seamlessly integrated into situations. The framework is being used source library that enables the use of HTML5 and WebGL to create by a variety of well-known and prosperous companies to create interactive 3D scenes. X3DOM scenes can be embedded directly interactive motion and realism in 3D objects. into web pages, making them easy to share and experience. BabylonJS 12 is a JavaScript library that provides an easy-to-use 4.6 WebXR Viewer API for creating 3D applications and games. BabylonJSscenes can be embedded. There are many different ways to create an immersive analysis ex- perience using web-based immersive technologies. One popular 5 S YSTEMS WHICH USE IMMERSIVE VISUALIZATION METH - method is to use a web-based MR viewer, such as WebXR Viewer ODS (created in 2018) from Mozilla. In the past few years, we have seen a surge in the use of web WebXR Viewer allows developers to create MR experiences that based immersive analytics applications. All those are programs that can be viewed in a web browser without the need for any special make people engage with data in a virtual setting. When attempting hardware or software. This makes it ideal for creating prototypes and to grasp complicated sets of data, this form of engagement may be demos of immersive applications, as well as for sharing VR content really beneficial. Tools for immersive analytics on the web come in with others. WebXR Viewer supports a wide range of features, in- a few distinct varieties. cluding 6DoF tracking, HMD support, and hand input. Additionally, The first type is known as a desktop application. This type of it has constructed compatibility for MR frameworks including A- application is typically installed on a user’s computer and can be Frame and Three.js. used without an internet connection. People can use a variety of im- 4.7 VRIA mersive frameworks including this type. Some of the most popular VRIA (created in 2020) is a web-based visualization package that 11 https://www.web3d.org/
leverages A-Frame and React and it is a grammatical method in- 12 https://www.babylonjs.com/
include: A-Frame, three.js, Unity, and Unreal Engine. We consid- while maintaining the same tasks across all interfaces. We anticipate ered the first two frameworks in the previous chapter and already that Flex-ER will reduce the difficulty of developing new experi- know that three.js is more complex than A-Frame but offers more mental platforms and establish a common platform for assessing features and flexibility. Others two frmaeworks not created specif- immersive interactive visualizations multiple platforms[6]. ically for web applications but they are used in creating desktop In general, complex game engines such as Unity and Babylon.js app. VR projects may be made by using Unity, a commercial game as well as general-purpose lower level APIs - three.js and its lower platform. It provides a huge selection of features and technology to entity abstraction layer A-Frame allow for the creation of immersive make high-quality VR experiences possible. visualizations. High level specifications, such as those based on data The second type of web based immersive analytics application flows, have also been investigated to specify interaction strategies. is known as a cloud-based application. Applications of this type Unit specifies the dataflow in order to separate the interface layer run on distant servers and need a connection to the internet to work. from an application. React1 is used to program the Flex-Er user Some popular cloud-based data visualization platforms for this type interfaces. The libraries BabylonJS and three.js, which run on top include: Tableau 13 , Qlik 14 , SAS Visual Analytics 15 . of WebVR, WebXR, and WebGL, constitute the foundation for the The third and final type of web based immersive analytics appli- 3D visualizations. It has client-server architecture. The designer cation is known as a hybrid application. Hybrid applications are a and the runner are both hosted by the clients. Web sockets are the combination of both desktop and cloud-based applications. Some foundation for the server and client communications. frameworks are better suited for hybrid cloud-based applications New accessible tools for virtual reality are HMDs such as the such as A-Frame, while others work better for desktop applications Oculus Rift, a Google Glass or Microsoft HoloLens, and also smart- such as Unreal Engine. This method is a commercial game engine phones for AR porposes, are the most visible technological ad- with similar features to Unity. Although less costly than Unity, it vancements that enable immersive visualization. These enable data nonetheless provides a strong set of tools for building VR apps. visualization to be practically incorporated into the actual world and There are several advantages to employing this kind of software, facilitate immersive 3D data visualization[7]. regardless of the kind of web-based immersive analytics solution employed. Some of the benefits include the ability to visually ex- 6 V ISUALIZATION TECHNIQUES plore data, the ability to interact with data in a natural way, and the Immersive situational graphics are made possible via augmented ability to share data with others in a virtual environment. reality. By blending with the physical environment, these visualiza- Business analytics tools of a special generation include web-based tions give the user the impression that the virtual items are actually immersive analytics systems. They enable people to explore and there. In this chapter we will consider several visualization tech- comprehend complicated information by utilizing their hands and niques available in immersive situated visualizations. bodies in a simple and natural manner. This type of interaction is especially well suited to large data sets or those that are difficult to 6.1 Bar Charts visually represent. By providing a more immersive experience, these The Egocentric Bar Chart combines a virtual 360 degree bar chart applications can help users gain insights that would be otherwise set up around the viewer and virtual bar set in a real landscape. An hidden. immersive bar chart that is placed in a circle around the user is called Web-based immersive analytics tools are becoming increasingly an egocentric bar chart. Every bar in the graph has a related bar popular as a way to visualize and interact with data. These tools in the environment that connects them. The viewer can swivel 360 provide an immersive, 3D experience that allows users to explore degrees and observe the bars on the chart as well as the landscape data in a new way. Numerous web-based IA technologies are avail- with the same horizontal alignment. able, every with special features and capacities. Here, we look at a handful of the most common choices. A 360 degree virtual maps featuring bar charts is combined with A web-based software platform called XOOM enables the de- bars on a real landscape in the Circular Map with Bars. A virtual velopment, personalization, and analysis of web-based Walking in map of the immediate area that is circumferentially placed around VR (WIVR) virtual tours, often known as ”XOOM experiences” the user is what is meant by a Circular Map with Bars. 3D bar (X-Experiences). A series of one or more seamlessly integrated 360 images are displayed on the circular map; each bar has a relative in degree movies enhanced with unique interactive features is referred the background[8]. to as a ”X-Experience”[5]. Since lot of bars inserted in a landscape are seen out of a higher Tools including XOOM: An End-User Development Tool for vantage point, it is ideal to examine both representations from a Web-based Wearable Immersive Virtual Tours are supported by the topographic elevation or a tall building. We anticipate that both A-Frame framework, which creates a high level abstraction to resolve these visualization techniques will be useful if the objective is to ob- graph digital objects with the least amount of difficulty feasible. If tain an in-person view of the surrounds when the watching distance A-Frame abilities are insufficient, our system handles the issue by is constrained by obstructing terrain or other barriers. User may trying to leverage the Three.js directly beneath layer, and inevitably, efficiently evaluate specific point values and facilitate the discovery it can query the WebGL library for virtual content modification. of spatial distribution patterns by combining virtual bars placed in An environment called Flex-ER was created to make it simple the real environment with a virtual map or chart. These two visuals to share immersive analytics interaction methods and user research. may be used to examine the position and characteristics of a single Users can prototype, test, and conduct user studies for immersive point as well as comprehend the spatial and non-spatial patterns of a data analytics with Flex-ER. It is based on the Vega standard and group of points. The Circular Map with Bars visualization has room combines the specification of the visual analytics, the interaction for development, but the Egocentric Bar Chart view performs best methods, and the trial tasks into distinct sections using a single when estimating and comparing data. JavaScript Object Notation (JSON) 16 file. With its modular design 6.2 Node-Link Graph and reliance on WebVR technology, it enables users to select from a variety of platforms to test interaction strategies and representations Node-Link Graph represent networks and tree visualizations. Node- link diagrams are a typical visual representation of neural networks. 13 https://www.tableau.com/ The essential ideas of synapses and neurons are readily shown as 14 https://www.qlik.com/us/ edges and nodes inside a node-link diagram. As a result, the depic- 15 https://www.sas.com tion closely resembles its biological counterpart in Artificial Neural 16 https://www.json.org/ Network (ANN)[9]. A convolution ANN trained on the dataset of Table 1: Benefits of web based IA. handwritten characters is shown as a 3D node-link diagram in the web-based representation. Users may input their chosen numbers into the network and instantly see how each neuron responds since Benefits Extension each one’s color corresponds to its activation value. Additionally, Web-based immersive analytics provide colored lines are used to represent the weights of all synapses, and Increased en- a more engaging and interactive expe- the learnt filtering kernel can be seen. 1 gagement and rience for users, which can lead to in- One significant obstacle is the growing size and complexity of interaction creased understanding and retention of ANNs, which is presumably the reason wide scale node-link visual- information. izations have not been explored more frequently. There are millions By utilizing web-based technologies, or- of connections and thousands of neurons in contemporary ANNs. A Enhanced visu- ganizations can create enhanced visual- network of that magnitude would be extremely cluttered and difficult 2 alizations izations that better communicate data to understand if it were crudely shown in 2D. Although a 3D repre- and insights. sentation solves the issue, a 2D display still has the same drawbacks. Can be accessed by anyone with Hardware for virtual reality has recently decreased in price, making Greater accessi- an internet connection, making them it possible to utilize it in regular work settings. We can utilize all 3 bility more widely available than traditional three spatial dimensions more effectively if visualization is immedi- desktop-based solutions. ately displayed in 3D. Strong indications have also been shown that deeper levels of immersion improve performance on specific data Can often be provided as a subscription processing activities. service, which can save organizations 4 Reduced costs money compared to traditional software 6.3 Parallel Coordinate Plots licensing models. Web-based solutions are often more flex- To discover patterns in a complicated and multidimensional dataset, Increased flexi- ible than their desktop counterparts, al- it is feasible to create an efficient and engaging Parallel Coordinates 5 bility lowing organizations to tailor the experi- Plot (PCP) model. With PCP, a new data-analytics toolbox has been ence to their specific needs. added that provides effective features. These include an automated approach for clustering, a ranking of the axes based on relevance in respect to a selected cluster tag assignment, and an arranging of the axes predicated on a correlation marker attribute. These characteristics all help and direct the user in identifying patterns in the virtual environment. By expanding the immersive quality of multivariate datasets. the experience using alternate interfaces, IA aims to improve the The primary plot of the PCP is made up of a number of data ele- method that data is evaluated. The interface need not be visual; it ments, each of which is represented by a number of line-connected, might be auditory or an interface for a different sense. For instance, dynamic, component cubes. The Z-axis is then used to organize a VR HMD or a huge array of displays can boost immersion[12]. these data points in identical increments[10]. Each active cube dis- Geospatial representations and weather prediction algorithms were plays a specific value for a data point in a specified dimension. The linked into an immersive analytics solution. VR content helps raise dataset’s dimensions are represented by the number of rows of cubes. public understanding of climate change. Using involvement, Virtual By using the single-pinch or double-pinch gestures while looking at Geographic Environments (VGEs) may make geographic knowledge these interactive cubes, people may choose either the data point on simpler to grasp. Through data visualization, interactivity, coopera- the PCP or the complete dataset dimension across all data objects. tive technologies, and by enabling specialists to simulate and model geographic operations from within the system, virtual geographic 6.4 Scatterplots environments may transmit multi-dimensional data. To examine the information given, domain-specific specialists must engage with 3D Either three or less dimensions chosen using the PCP plot may be and 2D data visualizations. Improved tools are needed to aid in the used to produce the 3D scatter plot. Similar to how they would with study and investigation of large data, and future immersive analytics the main PCP, the user may interact with the scatter plot. Moreover, systems would benefit from knowing more about what visualizations depending on a chosen clustering technique, the user can choose a are appropriate for jobs. group of points. Long before the first applications of immersion, there was debate regarding the usage of 3D scatterplots[11]. A 7 B ENEFITS OF WEB BASED IA 3D representation enables quicker cognitive model development, decreased overplotting, and sharper spatial distinction. However, Using 3D analytics based on web has various advantages. Web-based difficulties with navigation, perspective deformation, geometrical, IA improves data understanding, provides strong availability, offers and occlusion have caused many researchers to downplay its value. adaptable solutions, and may help enterprises save costs (Table 1). There is a lot of discussion on how to depict dimensionally re- There are several actions that may be taken in order to use web- duced data using 3D scatterplots. Although research attempting to based immersive analytics to make improved decisions (Table 2). quantify the advantages from visual analysis have produced con- Data visualizations may aid provide new perspectives on patterns flicting findings, adding an additional component may be able to and trends. To learn more about a situation in depth, people might lessen information loss during the process. Apart from the stere- go further into niche topics of interest. opsis, advantages of immersion include a more natural connection and an egocentric perspective of the data that will make up for the 8 L IMITATIONS 3D difficulties and improve understanding of distances and outliers There are several potential limitations of web-based immersive ana- in data. In the immersive method, the categorization accuracy is lytics. The technology is still developing and can still have problems statistically higher. or kinks that need to be worked out. Additionally, web-based im- mersive analytics may require a lot of bandwidth and processing 6.5 Geographic power, which could make it difficult to use on lower-end devices. Geographic: Real-world geometry representations. Comparatively Another possibility is that the immersion might not be as effective to a visual display without immersion, using immersive visualiza- on a web-based platform as it would be in person or using virtual tion to examine geographic data can increase engagement rates with reality technology. Security threats are always a possibility while Table 2: Actions for better decisions. most of these tools, it is essential to pick the proper approach or framework for a certain situation. We hope that this paper has helped Actions Benefits to learn about some of the different options available and provided ability to find the one that best suits users need. Data visualizations can help to Use data visualizations Furthermore, overcoming limitations of web-based immersive see patterns and trends in data 1 to understand data bet- analytics provide interesting directions for future work. that people may not have been ter able to see before By being able to interact with R EFERENCES data, users can drill down into Use interactivity to ex- [1] Skarbez R., Polys N.F., Ogle J.T., North C. and Bowman D.A., (2019) 2 specific areas of interest and get plore data further a more detailed understanding ”Immersive Analytics: Theory and Research Agenda”, Front. Robot. of what is going on AI 6:82. DOI: 10.3389/frobt.2019.00082. By collaborating with others, Use collaboration tools [2] Butcher, P. W. S., John, N. W., and Ritsos, P .D., ”VRIA: A Web-based people can get different perspec- 3 to work with others on Framework for Creating Immersive Analytics Experiences”, 2020, tives on a problem and come up making decisions with better solutions IEEE Transactions on Visualization and Computer Graphics, DOI: 10.1109/TVCG.2020.2965109. [3] Panagiotis D. Ritsos, James R. Jackson, Jonathan C. Roberts, ”Web- based Immersive Analytics in Handheld Augmented Reality”, 2017, working with online technology. Technological concerns include a low degree of immersion (lags), low realism, low resilience (e.g. IEEE VIS Posters. crashes) or poor usability can create acceptance problems. The cost [4] H. Hadjar, A. Meziane, R. Gherbi, I. Setitra, and N. Aouaa, ”WebVR of developing and maintaining immersive learning programs that based Interactive Visualization of Open Health Data”, 2018, 56-63. offer a larger level of realism and immersion is higher. There are DOI: 10.1145/3240431.3240442. instances where the expense of immersive technology does not out- [5] Franca Garzotto, Mirko Gelsomini, Vito Matarazzo, Nicolo Messina weigh its advantages, when it is used infrequently or in a course with low enrollment[13]. Utilizing a virtual world might have certain and Daniele Occhiuto, ”XOOM: An End-User Development Tool for negative physical or psychological effects, such as some users expe- Web-based Wearable Immersive Virtual Tours”, June 2017, Lecture riencing sickness, migraines, dizziness, or balance problems. Virtual Notes in Computer Science, DOI: 10.1007/978-3-319-60131-1-36. reality headsets, 3D glasses, controllers, and earbuds are examples [6] Marı́a Jesús Lobo, Christophe Hurter, Pourang Irani, ”FLEX - ER: of possible pathogens that might spread between users. There are a number of ways to tackle these limitations. It is A Platform to Evaluate Interaction Techniques for Immersive Visual- important to ensure that data is collected in a way that is accessible, izations”, Proceedings of the ACM on Human-Computer Interaction , easy to use, accurate and representative of the user population. This Association for Computing Machinery (ACM), 2020, 4 (ISS), pp.195, can be done by ensuring that data is collected from a variety of sources, including user feedback surveys, customer support logs, and DOI: 10.1145/3427323 hal03094867v2. server logs. Also data should be properly processed and analyzed. [7] Tom Chandler, Maxime Cordeil, Tobias Czauderna, Tim Dwyer, Jaroslaw Glowacki, Cagatay Goncu, Matthias Klapperstueck, Karsten 9 C ONCLUSION AND FUTURE DIRECTIONS Klein, Kim Marriott, Falk Schreiber and Elliot Wilson, ”Immersive Generally, web-based immersive analytics is an efficient approach Analytics”, 2015, DOI:10.1109/BDVA.2015.7314296. which might give businesses reliable data representations in order [8] Quang Quach and Bernhard Jenny, ”Immersive visualization with bar to make improvements in wide areas. Furthermore, it can aid people graphics”, Cartography and Geographic Information Science, 2020, in properly comprehending intricate sets of data. Although the tech- nology has several drawbacks, such as a high cost and the necessity 471-480, DOI: 10.1080/15230406.2020.1771771 for special equipment, they are insignificant in comparison to its [9] Bellgardt Martin, Scheiderer Christian, Kuhlen Torsten, ”An possible advantages. The usage of this technology in future web Immersive Node-Link Visualization of Artificial Neural Net- applications has massive promise. It has become a fundamental works for Machine Learning Experts”, IEEE International Con- technology for managing big data. A number of libraries and frameworks have already been created, ference on Artificial Intelligence and Virtual Reality, 2020, DOI: and web technologies offer a viable option. The most widely used 10.1109/AIVR50618.2020.00015 data visualization tools today are mostly built on open standards and [10] Bobek S., Tadeja S.K., Struski L., Stachura P., Kipouros T., Tabor J., come from the Web technologies environment. Utilizing cutting- Nalepa G.J., Kristensson P.O., ”Virtual Reality-Based Parallel Coordi- edge visual elements improves decision-making capacity. It is a path that appears to be appealing to investors and experts in data nates Plots Enhanced with Explainable AI and Data-Science Analytics visualization. for Decision-Making Processes”, Applied Science, 2022, 12, 331. DOI: We have considered which platform can be used to create web 10.3390/app12010331 based applications connected with Immersive Analytics, different [11] Wagner Jorge, Rey Marina, Freitas Carla, Nedel Luciana, ”Immersive methods and frameworks to build all Web-based applications, and since they are built on top of this abstraction layer, we have figured Analytics of Dimensionally-Reduced Data Scatterplots”, 2017, IEEE out that they share a common language, and can be consumed by Conference on Virtual Reality and 3D User Interfaces. each other, or other tools. Also considered what kind of benefits [12] B. T. Powley, ”Exploring Immersive and Non-Immersive Techniques of using web-based immersive analytics and how to use it to make for Geographic Data Visualization,” 2020 IEEE Symposium on Visual better decisions. Through web services that use AR (VR) technology, there are Languages and Human-Centric Computing (VL/HCC), Dunedin, New several approaches to perform an immersive analysis. To make the Zealand, 2020, pp. 1-2, DOI: 10.1109/VL/HCC50065.2020.9127197. [13] Häfner Polina, ”Categorization of the benefits and limitations of immersive environments for education”, 2020, 154-159, DOI: 10.46354/i3m.2020.mas.020.
Ultimate Nuxt.js for Full-Stack Web Applications: Build Production-Grade Server-Side Rendering (SSR) and Static-Site Generated (SSG) Vue.js Applications Using Nuxt.js, Node.js, and Composition API (English Edition)