​
1. Introduction

Individual visualizations in Xtraleap are single, focused representations of data that convey specific insights or information. These visualizations can be standalone or integrated into dashboards to provide a comprehensive view of the data. This documentation covers individual visualizations in Xtraleap, their types, design principles, differences compared to standalone dashboards, sharing and cloning, creating customized dashboards, and best practices.

​
2. Types of Individual Visualizations

There are various types of individual visualizations, each with its unique use case and purpose:

  • Bar and Column Charts: Display categorical data using horizontal or vertical bars, with the length or height representing the value.

  • Line Charts: Show trends or changes in data over time using a continuous line.

  • Pie and Donut Charts: Represent proportions or percentages of a whole using segments of a circle.

  • Area Charts: Similar to line charts, but with the area under the line filled to emphasize the cumulative effect.

  • Scatter Plots: Display the relationship between two continuous variables using points plotted on a Cartesian plane.

  • Heatmaps: Use color intensity to represent the density or value of data points within a matrix or grid.

  • Maps: Show geographic data, such as locations or regions, using various map styles and overlays.

  • Tables: Display data in a tabular format, with rows and columns.

​
3. Design Principles for Individual Visualizations

When designing individual visualizations, consider the following principles:

  • Choose the Appropriate Visualization Type: Select the most suitable visualization type based on the data and the insights you want to convey.

  • Simplicity and Clarity: Keep the design simple and focused, ensuring that the visualization is easy to understand and interpret.

  • Consistency: Maintain consistent design elements, such as colors, fonts, and styles, to create a cohesive visual identity.

  • Provide Context: Use labels, annotations, and tooltips to provide context and explanations for the data and visualization.

  • Accessibility: Design visualizations that are accessible to users with different abilities, using appropriate colors, contrast, and text sizes.

​
4. Individual Visualizations vs. Standalone Dashboards

Individual visualizations and standalone dashboards serve different purposes in Xtraleap:

​
Individual Visualizations

An individual visualization focuses on a single aspect or metric, providing a focused view of the data. It is typically used as a building block for dashboards or for sharing specific insights with stakeholders.

  • Focused and simple, with a single data representation

  • Can be shared or integrated into dashboards

  • Ideal for conveying specific insights or information

​
Standalone Dashboards

A standalone dashboard is a collection of related visualizations, providing a comprehensive view of the data. It is designed for a specific audience and purpose, offering a snapshot of key metrics and insights.

  • Combines multiple visualizations to provide a comprehensive view

  • Designed for a specific audience and purpose

  • Offers a snapshot of key metrics and insights

​
5. Sharing and Cloning Individual Visualizations

Individual visualizations can be shared and cloned to facilitate collaboration and reuse:

  • Sharing: Export individual visualizations in various formats (e.g., images, pdf) and share them with stakeholders via email or file-sharing platforms. Alternatively, use sharing features in Xtraleap to grant access to specific users or groups.

  • Cloning: Clone individual visualizations to create copies that can be modified independently, allowing users to customize or adapt the visualization for different purposes, audiences, or data sets.

​
6. Creating Customized Dashboards using Individual Visualizations

Individual visualizations can be combined to create customized dashboards, allowing users to build their layout and tailor the content to their specific needs:

  • Selecting Visualizations: Choose individual visualizations that address the objectives and requirements of the dashboard.

  • Arranging the Layout: Arrange the visualizations in a logical and visually appealing manner, prioritizing the most important information and maintaining a clear hierarchy.

  • Customizing the Design: Customize the design elements, such as colors, fonts, and styles, to create a cohesive and consistent visual identity across the dashboard.

  • Adding Interactivity: Incorporate interactive features, such as filters, sliders, or drill-down capabilities, to enable users to explore the data in more depth.

  • Integrating Data Sources: Connect the individual visualizations to the relevant data sources, ensuring that the dashboard displays accurate and up-to-date information.

​
7. Best Practices

When creating individual visualizations and using them to build customized dashboards, consider the following best practices:

  • Focus on Clarity and Simplicity: Design visualizations that are clear, simple, and easy to understand, avoiding clutter and unnecessary visual elements.

  • Maintain Consistency: Use consistent design elements, such as colors, fonts, and chart styles, across your visualizations to maintain a cohesive visual identity.

  • Provide Context: Include labels, legends, and tooltips to provide context and explanations for the data and visualizations.

  • Responsive Design: Ensure that your visualizations and dashboards are responsive and adapt to different screen sizes and devices for an optimal viewing experience.

  • Accessibility: Design visualizations and dashboards that are accessible to users with different abilities, such as those with visual impairments, by using appropriate colors, contrast, and text sizes.

Stand-alone DashboardsDashboard Filters