Visualization Types

edgeCore enables you to create a wide variety of visualizations:

• Animated Text
  Displays text data with animated transitions, and as such are often used to highlight key messages, create visual interest, and convey data in a more interactive manner. For more information, refer to this page.
• Bullet Chart
  Displays performance against a target. It combines a bar chart with a reference line and additional markers to provide a clear and comprehensive view of progress toward goals. Bullet charts are particularly useful for dashboards and performance tracking. For more information, refer to this page.
  
• Chart
  Reveals patterns and trends that might be less apparent in tabular data. For more information, refer to this page.
  
  edgeCore offers a number of chart types:
  – Bar Chart: shows comparisons between categories using rectangular bars.
  – Line Chart: shows trends or continuous data over time. It consists of a series of data points connected by straight lines, making it ideal for showing changes and patterns.
  – Pie Chart: illustrates numerical proportions with slices. Each slice represents how a category contributes to the whole. Pie charts are useful for showing percentage shares or relative proportions of a dataset.
  – Area Chart: similar to line charts but with the area below the line filled in to emphasize volume.
  – Area Spline: involves plotting data in a way that illustrates how values change over a range, often with shaded areas under the curve to emphasize the magnitude of these values. This type of visualization is particularly useful for showing cumulative data or for highlighting the area between two curves.
  – Bubble: displays three dimensions of data and is essentially a scatter plot where each data point is represented as a bubble. The position of each bubble on the x and y axes represents two variables, and the size of the bubble represents a third variable.
  – Column: displays data in vertical bars, making it easy to compare values across categories. Each column represents a category, and its height corresponds to the category’s value.
  – Packed Bubble: bubbles are arranged to fill a specified area while representing three dimensions of data: two dimensions for position (x and y coordinates) and one for size. It’s particularly useful for visualizing data with a hierarchical or spatial structure and can handle a large number of data points effectively.
  – Scatter: displays the relationship between two quantitative variables. Each point on the chart represents an observation, with its position determined by two variables, often revealing patterns, correlations, or outliers.
  – Spline: data points are connected by smooth curves rather than straight lines. This creates a smoother, more visually appealing representation of trends and patterns in your data. It is useful for viewing data trends over time.
• Flow Diagram
  Illustrates the sequence of steps or processes. It helps to show how various elements interact and flow from one to another, making it easier to understand complex processes and workflows. For more information, refer to this page.
  
• Funnel Chart
  Shows the progressive reduction of data as it passes through different stages of a process. It is often used in sales and marketing. For more information, refer to this page.
  
• Gauge
  Displays a single value relative to a scale. It is commonly used to illustrate performance metrics, progress toward goals, or current status in a visually intuitive way. For more information, refer to this page.
  
• Heat Map
  Uses color to represent data values in a matrix or grid. For more information, refer to this page.
  
• HTML Template
  Presents data in graphical or visual formats using HTML, CSS, and JavaScript. For more information, refer to this page.
  
• List
  Represents data or information in a list format. For more information, refer to this page.
  
• Map: Icons
  Uses icons on a map to represent different types of information or data points. For more information, refer to this page.
  
• Map: Regions
  Displays and analyzes data across different geographic areas or administrative boundaries on a map. For more information, refer to this page.
  
• Pie Chart
  Illustrates numerical proportions with slices. Each slice represents how a category contributes to the whole. Pie charts are useful for showing percentage shares or relative proportions of a dataset. For more information, refer to this page.
  
• Small Multiples
  Displays a series of similar charts or graphs side by side to allow for easy comparison across different categories, time periods, or segments. Each individual chart in the series, known as a “small multiple,” uses the same scale, axis labels, and design principles, which helps in making direct comparisons between the various data subsets. For more information, refer to this page.
  
• Table
  Presents data in a structured grid format, where data is organized into rows and columns. This approach is particularly useful for displaying detailed information where precise values and comparisons between different data points are important. For more information, refer to this page.
  
• Timeline
  Displays events or data points along a chronological axis to show the progression and relationships over time. Timelines are particularly useful for illustrating historical events, project milestones, schedules, or trends, and they can be used to provide context and understanding of how events unfold over a period. For more information, refer to this page.
  
• Topology
  Represents the structure and relationships of a network or system based on its topological properties. This type of visualization helps in understanding how different components are connected and how they interact within a given space or structure. Topology visualizations are crucial in various fields, including computer networks, social networks, biological systems, and geographical mapping. For more information, refer to this page.
  
• TreeMap Diagram
  Displays hierarchical data in a compact, space-efficient manner. It uses nested rectangles to represent different levels of the hierarchy, where the size and color of each rectangle convey information about the data. For more information, refer to this page.
  

Admin Visualization Menu

When in the Edit mode, the administrator can access a list of actions for the associated visualization by clicking the three dots.

The following actions are available:

Icon	Action	Description
	Edit Visualization	Launches a dialog with the visualization’s configuration and allows you to make adjustments. Changes made here will affect visualizations on other pages.
	Clear Visualization	Clears a visualization but maintains the space. This action will result in an empty visualization.
	Options	Options expose various properties for the visualization instance. From here, you can: alter the visualization’s label, allow end-users to download the underlying data set, provide help text for end-users, configure stacked visualizations, and customize the visualization’s container appearance.
	Edit Actions	Launches the Manage Actions dialog, which allows you to add interactivity to a visualization. This does not apply to Web Content Visualizations.
	Edit Filters	Launches the Manage Client Filters dialog, which allows you to add client-side data filtering to a visualization. This does not apply to Web Content, Topology, TreeMap Diagram, and Flow Diagram Visualizations.
	Download Data Set	Downloads a CSV file, containing the dataset being displayed by the associated visualization. This does not apply to Web Content, Topology, TreeMap Diagram, and Flow Diagram Visualizations.
	Expand	Expands the visualization so that it takes up the full screen. When expanded, this icon will disappear, and it will be replaced with the Compress icon.
	Expand To New Tab	Expands the visualization to a new browser tab/window without any edgeCore navigation controls.
	Restore	This icon only appears when a visualization has been expanded and fills the whole screen. Clicking this icon will compress the visualization back to its original size.
	Refresh	Reloads the visualization. This will only appear if the administrator has turned on the edgeCore property: client.visualization.menu.showRefresh=true
	Help	Only available if a help text has been set in the visualization’s options (see section Visualization Options). It will display help text in a dialog.
	Table Columns	Only available for Table Visualizations. It will allow the user to control what columns to show/hide.
	Toggle Chart Legend	Only available for Chart Visualizations. It will allow the user to toggle the chart’s legend on or off.

Additionally, several layout-related actions are also available. These options allow for more complex layouts on the page.

Icon	Action	Description
	Swap	Allows you to change the positions of two visualizations on the page. By clicking the Swap action on a target visualization, a “swap mode” is activated. The next click will identify a visualization to swap with. To swap, Click the header of a different visualization, and the two visualizations will swap positions on the page. To cancel, simply select the header of the current visualization.
	Remove	Removes a visualization from the page. The remaining visualizations will expand to reclaim the available space.
	Add Row To The Bottom	Splits the current visualization in half horizontally, inserting an empty visualization above the existing visualization. Use the Swap action to reposition visualizations.
	Add Row To Top	Splits the current visualization in half horizontally, inserting an empty visualization below the existing visualization. Use the Swap action to reposition visualizations.
	Add Column To Left	Splits the current visualization in half vertically, inserting an empty visualization to the left of the existing visualization. Use the Swap action to reposition visualizations.
	Add Column To Right	Splits the current visualization in half vertically, inserting an empty visualization to the right of the existing visualization. Use the Swap action to reposition visualizations.

Visualization Options

To access Visualization Options, click the three dots and then Options. The following options are available:

For more information on the stacking mode, refer to the corresponding page.

Visualization Container Appearance

The administrator can adjust each visualization container’s appearance in the Container Type dropdown. This setting only affects the visualization in the View mode.

The following appearance types are supported:

1. Normal – Default with full header and border.
2. Transparent Header with Border – The background of the header will be transparent and there will be a border around the visualization.
3. Transparent Header without Border – The background of the header will be transparent and without any border around the visualization.
4. Header Less – The header will not be shown.
5. Border Less – The border will not be shown.
6. Header & Border Less – The header will not be shown and no border will be rendered around the visualization.