5. Structure of the Data Visualizer window#

After sign-in, the following window will appear. The parts of the window are as follows.

../_images/image7.png

1 full-screen Full-screen button

Makes the browser full-screen. Press the [ESC] key to cancel full-screen display.

2 Data information

Displays the domain name, name of the screen being displayed, and data loading status. The display is different between live measurement and past data playback.

Icon

Name

Overview

Used in

../_images/image11.png

LIVE

Live measurement

Only live measurement

../_images/image12.png

Reload

Reloads the past data set in the screen.

Only past data playback

../_images/image13.png

Loading

Displays the collection status of past data.

Only past data playback

3 Playback control

The items are different between live measurement and past data playback.

Display of live measurement

../_images/image15.png

Icon

Name

Overview

Used in

../_images/image16.png

Live Mode

Live measurement mode. Select this to switch the mode to past data playback.

Only live measurement

../_images/image17.png

Play

Starts playback of measurement data.

Common

../_images/image18.png

Pause

Pauses the playback of measurement data.

Common

../_images/image19.png

Stop

Stops the playback of measurement data.

Common

Display of past data playback

../_images/image20.png

Icon

Name

Overview

../_images/image21.png

Live Mode OFF

Past data playback mode. Select this to switch the mode to live measurement.

../_images/image22.png

Repeat

Replays measurement data repeatedly.

../_images/image23.png

Step Backwards/Forwards

Steps backward or forward (step length determined in “Show Forward”). For details, see Cursor operation.

../_images/image24.png

Speed

You can specify the playback speed.

4 Timeline Control

For details, see Specifying the playback time range.

Icon

Name

Overview

../_images/calendar-icon.png

Preview Stored Data

You can specify the playback range of measurement data.

../_images/clip-icon.png

Create a Capture

Registers the measurement data within a specified range in [Capture] in the content menu.

5 Panel operation tools

Icon

Name

Overview

../_images/image28.png

Select All Panel

Selects all panels.

../_images/unselect.png

Select OFF Panel

Deselects panels.

../_images/replace_edge-icon.png

Replace Edge

Replaces the edge set in the timeline and panels with another edge.

../_images/image31.png

Delete Panel

Deletes the selected panel.

../_images/image32.png

Zoom in

Zooms in the screen panel.

../_images/image33.png

Zoom Reset

Returns the screen panel to normal magnification.

../_images/image34.png

Zoom Out

Zooms out the screen panel.

6 Browser performance

Icon

Status

Description

../_images/image36.png

Good

Normal

../_images/image37.png

Medium

Slight lag

../_images/image38.png

Bad

Lag

Click on the browser performance icon to see the details. This information will help you determine the cause of any instability in the Data Visualizer display.

テキスト 自動的に生成された説明

Item

Description

Rendering Speed of Dashboard

Displays the number of times per second the entire dashboard is being updated.

This value is the maximum rendering speed of the panels. For example, if the rendering speed is set to 60 FPS in the Panel Settings of a panel, but the rendering speed of the entire dashboard is 50 FPS, the panel will only be displayed at 50 FPS.

Memory Usage

Displays the "Memory currently in use / Memory available to Data Visualizer".

Timeline and Panels

It shows whether the timeline is displayed or not, and how many panels are displaying visual parts.

Panels with the Highest Load

Displays a list of five panels (or the timeline) that are placing significant load on the browser.

The number (in milliseconds) is the amount of time the panel took up the processing power of the web browser in one second. The higher the number, the greater the load on the web browser.

Show Total Time Needed to Render Each Panel (Per Second)

When turned on, the amount of time the panel took up the processing power in one second will be displayed on the timeline and on the panels.

7 Function menu

Icon

Name

Overview

../_images/image41.png

Screen Settings

Changes the screen settings.

../_images/image42.png

Timeline Settings

Changes the timeline settings.

../_images/image43.png

Panel Settings

Changes the panel settings.

../_images/image44.png

Data Settings

Changes the data settings. For details, see Data Settings.

../_images/image45.png

Data Download

Downloads measurement data.

../_images/image46.png

User settings

Use this function to confirm the signed-in user name, and to sign out.

../_images/image47.png

Links

Displays various links. You can check the version of Data Visualizer here.

8 Timeline

This area shows the main measurement data for analysis and the time axis. For details, see Operate on the timeline.

9 Screen panels

This area displays measurement data. In this area, the measurement data and edge are bound. For details, see Bind data to panel.

10 Content menu

Icon

Name

Overview

../_images/image51.png

Stored Data

Displays a list of past measurement data. For details, see Playback past data.

../_images/image52.png

Screen

Displays a list of screens. For details, see Screens.

../_images/image53.png

Visual Parts

Use this function to select parts to be displayed on the screen panel.

Note

Screen key shortcuts

  • s: Opening/closing Screen menu

  • d: Opening/closing Stored Data menu

  • v: Opening/closing Visual Parts menu

  • ESC: Unfocusing input, closing a pop-up message, closing a modal window