[Visualization] create vivid dashboard

vividime-Club Show all floors Published on 2024-12-3 10:11:06 |Reading mode print Previous Topic Next Topic
1
Unresolved

【Visualization】 create vivid dashboard

1076 1
The steps to create a vivid dashboard
reply

Using props report

Exciting comments1

vividime-Club Show all floors Published on 2024-12-3 10:11:54
The production of vivid dashboard and ordinary dashboard production process is the same, all need to access the data first, after accessing the data in the production of the dashboard page to set the appropriate size of the dashboard, a reasonable layout and animation settings can be completed to complete the production of large-screen, very simple and convenient.
Creating a Vivid Dashboard with vividime BI can be accomplished in just a few steps.
1. Access to data
The product supports a variety of data sources, please refer to Data Sources for specific ways to add.
2. Modeling of data
The product supports a variety of datasets such as SQL datasets, self-service datasets, and combined datasets, etc. For the creation method, please refer to Datasets.
3. Production of large-screen dashboards
(1) From the homepage guide area or the left navigation bar, click "Create dashboard".
(2) enter the production dashboard module, the user can hover the mouse on the top of the left side of the button, select "New Vivid Dashboard dashboard", new Vivid Dashboard dashboard can be a new blank dashboard, you can also create a new dashboard based on the existing content of the template, about the template see the production of visual dashboards - Theme - Templates.
The layout of the Vivid Dashboard dashboards page is shown below.
[td]
Serial number
Element
Clarification
1
Top Toolbar
You can manipulate the dashboard as a whole from the top. The toolbar contains Undo, Redo, Combine, Uncombine, Align, Replace Dataset, Parameters, Performance Help, Save, Save As, and more.
2
Canvas
You can add components, layout adjustment, filtering, brush linkage, etc. in the canvas, and you can also do some shortcut and zoom operations on the canvas as a whole in the lower-right area.
•Quick Actions: Click the shortcut icon to view information on quick actions.
oVertical movement: mouse wheel.
oCanvas zoom: Ctrl + mouse wheel.
oHorizontal movement: Shif+t mouse wheel
oDrag the canvas: space + left mouse button drag
oCombination: Ctrl+G
oCancel combination: Ctrl+Shift+G
•Canvas Zoom
oAdaptive View: Click the Adaptive View icon to make the canvas fit the screen size.
oClick on the drop-down icon, and in the "Display Scale" dialog box, select the scale provided by the system, or enter a value.
oClick on the Zoom In, Zoom Out icon, and the scroll bar to zoom out and zoom in by a certain percentage from the current canvas scale.
3
Left Toolbar
The left toolbar includes Chart, Media, Auxiliary, Layout, and Filter components and materials, and you can add new components, bind data to components, edit components, and also add new materials, replace the data of materials and other operations, and the bottom of the right hand side will show the name of the component and the data situation.
4
Right Toolbar
The right toolbar contains dashboards, Data, Format, Axes, Graphs, Settings. You can set dashboard layout, theme, style, view, select dataset, bind data, replace dataset, new calculated column, new parameter column, etc.
5
Switch Chart
Click Switch Chart in the lower right corner. You can switch between different charts without changing the bound data. For details, see Making Charts - Switching Chart Types.
6
Layer
You can adjust the component settings by clicking on the component hierarchy in the lower left corner. For details, see Component Operations and Settings - Component Hierarchy.

The way to create a vivid dashboard is the same as the way to create an ordinary dashboard. For basic creation, refer to <Creating a visual dashboard>. Adjusting the step-by-step procedure of the Vivid Dashboard is as follows.
•The canvas size is large, e.g. W*H 1920*1080 16:9.
•Set the dashboard background via [Dashboard > Style > Background Color]. It supports setting background color (gradient supported), picture, animated background, and the product has built-in several cool animated background effects such as surface subdivision, square, bubble, deformation, chaos, and so on. You can also upload gif image background to realize animated background. Here we set dark background.
•Enrich the vivid dashboard presentation with animation effects such as migration maps, 3D globe, table scrolling, rotating animation and more.
•By setting [Dashboard > View > Adaptive Type] to Full Screen Adaptive, the text scaling is set to "Adaptive". For details, please refer to Adaptive. Due to the Vivid Dashboard dashboard screen changes, in order to better text display effect, it is recommended to choose adaptive.
•Data and component refreshes etc. can also be supported by setting up dashboard and component level refreshes, refer to <dashboard Dynamic Refresh >and <Component Dynamic Refresh >.
•Colorize the dashboard as a whole by [Dashboard > Global Filter], the filter effect after setting does not support export.
•Refer to <Demo> for the demo settings of the large-screen combo dashboard and the multi-page tab dashboard.
4. Vivid Dashboard display
On the View dashboards screen, just click the dashboard you want to display.
reply

Using props report

Advanced mode
You need to log in before you can reply to the post login | Free registration

© 2024 VIVIDATA PTE. LTD. All Rights Reserved. Privacy Statement