Master the New Card Visual in Power BI - Step-by-Step Tutorial

AD

APIMart

APIMart

AI API, 99.9% SLA. Your AI, Always On.Most models offer cost savings of 20–60%; nanobanana pro api costs only 0.03.

AI API, 99.9% SLA. Your AI, Always On.Most models offer cost savings of 20–60%; nanobanana pro api costs only 0.03.

Try Now

Table of Contents

1. Introduction
2. Overview of the New Card Visual
3. Downloading the Latest Power BI Desktop Client
4. Adding Data to the Card Visual
5. Modifying the Card Visual Format
   • 5.1. Title and Subtitle
   • 5.2. Shape Customization
   • 5.3. Customizing Style and Corners
   • 5.4. Formatting the Callout
   • 5.5. Adjusting Labels and Spacing
   • 5.6. Display Units and Custom Display Units
   • 5.7. Formatting Series and Measures
6. Layout Options for the Card Visual
7. Advanced Formatting Options
   • 7.1. Adjusting Padding
   • 7.2. Setting Background Fill and Transparency
   • 7.3. Border and Shadow Effects
   • 7.4. Adding an Accent Bar
   • 7.5. Adding Images and Icons
8. Creating Sparklines with SVGs
9. Making Backgrounds and Using Gradient Sparklines
10. Creating Customized Card Visuals
11. Conclusion

Overview of the New Card Visual in Power BI Desktop

The new card visual released with the June 2023 update of Power BI Desktop has introduced powerful formatting options that allow users to create visually appealing and highly customizable cards. In this article, we will explore the various features of the new card visual and provide step-by-step instructions on how to leverage these options to achieve unique and interactive data representations.

1. Introduction

The new card visual in Power BI Desktop offers an exciting range of possibilities for displaying data in a compact and visually appealing manner. With the ability to include multiple elements such as icons, line charts, and customizable formatting options, the card visual provides a versatile tool for showcasing key metrics and insights in a single visual.

The new card visual in Power BI Desktop which is covered in most introduction to Power BI training courses offers an exciting range of possibilities for displaying data in a compact and visually appealing manner. New text is 'which is covered in most introduction to Power BI training courses

2. Overview of the New Card Visual

The new card visual allows users to display multiple cards within a single visual, each representing a different measure or value. By simply dragging and dropping data fields into the visual, users can create a dynamic display of metrics such as profit, sales, and units sold.

3. Downloading the Latest Power BI Desktop Client

To access the new card visual, users need to ensure they are using the latest version of Power BI Desktop. The June 2023 update includes the new card visual as a preview feature. By downloading and installing the latest version, users can take advantage of the enhanced formatting options offered by the card visual.

4. Adding Data to the Card Visual

Once the latest version of Power BI Desktop is installed, users can start using the new card visual by simply dragging and dropping data fields into the visual. By selecting the "Add data" option and choosing the desired fields, users can include multiple measures and values in the card visual.

5. Modifying the Card Visual Format

The formatting options available for the card visual allow users to customize various aspects of its appearance. From the title and subtitle to the shape, color, and size of the cards, users have extensive control over the visual's format.

5.1. Title and Subtitle

The card visual enables users to add a title and subtitle to provide contextual information. While these options can be useful in some cases, the cards themselves often convey the necessary information without the need for additional titles or subtitles.

5.2. Shape Customization

Users can choose from various shapes for the cards, including rectangles, rounded rectangles, and snipped tabs. The roundness of the corners can also be adjusted to achieve different visual effects.

5.3. Customizing Style and Corners

The card visual offers customizable styles for the corners, allowing users to create unique shapes and designs. By selecting specific corners to be rounded or folded, users can achieve visually appealing layouts.

5.4. Formatting the Callout

The callout refers to the text inside the cards. Users can modify the font size, color, and alignment, as well as add text wrapping. Additionally, custom display units can be used to format values, offering flexibility in presenting numerical data.

5.5. Adjusting Labels and Spacing

The labels in the card visual, representing the measure names, can be customized in terms of their appearance and positioning. Users can choose to display labels above or below the values, and adjust the spacing between different text items.

5.6. Display Units and Custom Display Units

The card visual supports the use of display units to simplify large numbers. Users can select default display units or create custom display units based on their specific requirements. This feature offers enhanced flexibility in presenting data.

5.7. Formatting Series and Measures

Users have the option to format individual series and measures within the card visual. This provides a powerful tool for customizing the appearance of specific elements, allowing for greater visual distinction and emphasis.

6. Layout Options for the Card Visual

The card visual offers various layout options for organizing multiple cards within the visual. Users can choose between horizontal and vertical layouts, as well as grid layouts with different configurations. These layout options allow for flexible arrangement and presentation of data.

7. Advanced Formatting Options

The card visual provides additional advanced formatting options to further customize its appearance, including padding, background fill, borders, shadows, and accent bars.

7.1. Adjusting Padding

The padding option allows users to control the spacing between the cards and the text within them. By adjusting the padding, users can create different visual effects and optimize the use of space.

7.2. Setting Background Fill and Transparency

Users can choose to set a specific background color or make the background transparent. This offers the flexibility to include background images or blend the visual seamlessly within the overall report design.

7.3. Border and Shadow Effects

The card visual allows users to add borders and shadows to enhance its visual appeal. By adjusting the thickness, color, and position of the border, as well as the shadow direction and style, users can control the depth and dimension of the visual.

7.4. Adding an Accent Bar

The accent bar is a customizable element that can be added to the visual. Users can select a specific color, adjust transparency, and position the accent bar at the top or bottom of the cards. This feature adds an aesthetic touch to the visual and helps highlight important information.

7.5. Adding Images and Icons

One of the standout features of the card visual is the ability to add images and icons to the cards. By selecting an image file or using an image URL, users can incorporate visual elements that enhance the meaning and context of the data.

8. Creating Sparklines with SVGs

The card visual supports the creation of sparklines using Scalable Vector Graphics (SVGs). By leveraging pre-designed sparkline templates or creating custom SVGs, users can add dynamic and visually appealing trend lines to their cards. This feature provides an additional layer of data visualization and analysis within the card visual.

9. Making Backgrounds and Using Gradient Sparklines

To create customized backgrounds for the card visual, users can utilize image editing software such as PowerPoint to design and save background images. These images can then be applied to the card visual, allowing for personalized and visually stunning backgrounds.

In addition, the card visual facilitates the use of gradient sparklines, which offer a more visually engaging representation of trends. By modifying the code and adjusting stroke width, users can create gradient sparklines that add depth and visual interest to their visuals.

10. Creating Customized Card Visuals

By combining the various formatting options and advanced features of the card visual, users can create highly customized and unique visuals that effectively communicate the desired information. The ability to adjust every aspect of the visual, from shape and color to labels and images, provides immense flexibility and creativity in designing card visuals that suit specific needs and preferences.

11. Conclusion

The new card visual in Power BI Desktop has revolutionized the way data is presented and analyzed. With its extensive formatting options, advanced features, and support for sparklines and SVGs, the card visual offers unparalleled flexibility and customization possibilities. By leveraging these capabilities, users can create visually stunning and informative card visuals that effectively convey insights and drive data-driven decision-making. Start exploring the new card visual today and unlock the full potential of your data visualizations.