Productivity

Format heart disease dashboard

Category: Productivity
Platform: Windows
Length: 20 min
Resolution: 1920 × 1080
Software: Power BI Desktop

Samples play on a computer

20min

324clicks

72keys

Power BI Desktop · Windows

00:00 / 20:01

Events1,062

00:00.000AppGoogle Chrome

00:00.508Move179, 493 → 879, 679

00:01.219Move912, 699 → 1233, 1078

00:02.177Move1232, 1076 → 1003, 933

00:02.638Click1003, 933

00:02.641AppWindows Explorer

00:02.864AppPBIDesktop

00:03.270Move999, 932 → 710, 469

00:04.599Move711, 469 → 712, 469

00:04.834Click712, 469

00:08.650Move748, 463 → 1804, 245

00:09.022Move1792, 245 → 1564, 317

00:09.689Click1564, 317

00:11.171Move1564, 317 → 1573, 428

00:12.155Move1573, 428 → 1662, 411

00:13.071Click1662, 411

00:14.222Move1661, 411 → 1590, 421

00:14.759Click1590, 421

00:15.798Move1589, 422 → 1513, 470

00:16.474Click1513, 470

00:17.375Move1514, 472 → 1581, 529

00:17.942ScrollDown

00:18.478ScrollUp

00:19.310Move1576, 533 → 1533, 568

00:20.551Click1533, 568

00:21.674Click1533, 568

00:24.282KeyBackspace

00:25.591Key0

00:29.731Move1533, 568 → 1526, 635

00:30.855ScrollDown

00:31.653Move1528, 634 → 1647, 587

00:33.484Move1641, 589 → 1494, 641

00:34.187Click1494, 641

00:34.903ScrollDown

00:35.474Move1498, 645 → 1504, 716

00:36.968Move1504, 722 → 1501, 780

00:37.465Click1501, 780

00:37.997ScrollDown

00:38.560Move1506, 773 → 1656, 608

00:39.075Move1656, 608 → 1647, 607

Loading events

Narration116

00:00
Switched from the GitHub project README in Chrome to Windows Explorer, then opened the Heart Disease Analysis Dashboard in Power BI Desktop. Clicked within the report and its visual while the dashboard loaded.
Open and inspect the heart disease dashboard in Power BI Desktop.
00:10
Clicked controls in the Visualizations formatting pane, switching to General and expanding Properties to view the selected visual's size settings. Scrolled within the pane to review the settings.
Inspect formatting and layout properties for the selected chart.
00:19
Clicked the Height field in the selected visual's Properties and edited its value, removing a character and entering 0. Scrolled within the formatting pane afterward.
Adjust the selected chart's height setting.
00:31
Scrolled through the selected chart's General formatting options, clicking controls around Position and Advanced options. Opened Advanced options and clicked the Maintain layer order toggle.
Review and adjust layout settings for the selected chart.
00:41
Clicked the Maintain layer order toggle several times, then scrolled through the formatting pane and opened Padding. Reviewed its edge-value controls and continued scrolling.
Inspect and adjust the selected chart's layer-order and padding settings.
00:51
Scrolled within the formatting pane, clicked among the lower layout controls, and continued reviewing Padding and Advanced options. Scrolled back and forth through the pane, ending with the Maintain layer order control visible.
Continue reviewing the selected chart's layout and formatting options.
01:02
Adjusted the selected chart’s General formatting settings, scrolling within the Visualizations pane and opening controls for padding and position. The dashboard visuals remained in place.
Refine the selected chart’s layout and appearance.
01:13
Scrolled through the selected chart’s formatting options, toggled the visual border on, and opened its color palette. The chart remained selected on the dashboard.
Configure the selected chart’s border styling.
01:23
Closed the color palette, scrolled through the Visualizations formatting pane, and edited the border-width field; the visible value remained 1 px. Continued scrolling through the chart’s formatting options.
Adjust and review the selected chart’s border formatting.
01:34
Changed the selected chart’s border settings, setting rounded corners to 0 px and width to 6 px. Scrolled through the formatting pane to the Data format section and expanded it.
Refine the selected chart’s border and formatting options.
01:43
Scrolled within the formatting pane and toggled the selected chart’s Shadow setting on, then off. The dashboard layout remained unchanged.
Review and adjust the selected chart’s shadow effect.
01:53
Scrolled through the formatting options and expanded Data format for Age Group. Opened the Format dropdown, which displayed Text.
Review the selected chart’s data-format settings.
02:04
Adjusted the selected visual’s formatting in the Format visual pane, dragging the rounded-corners control and scrolling through the options. Changed the visual border settings, leaving the border enabled with rounded corners and a 6 px width.
Refine the appearance of the selected chart.
02:14
Continued adjusting the selected chart’s rounded-corner setting, then clicked the report canvas to deselect it. Clicked the chart again and dragged it slightly, moving the visual within the dashboard.
Adjust and reposition a dashboard chart.
02:25
Dragged the selected chart around the report canvas, moving it temporarily and then back into place. Clicked the chart to leave it selected.
Reposition the chart on the dashboard.
02:35
Clicked and dragged the selected chart several times, shifting it slightly on the canvas and releasing it in the upper-middle position. Clicked elsewhere on the canvas to deselect it.
Fine-tune the chart’s placement in the dashboard.
02:45
Clicked the chart and dragged it slightly on the report canvas, then clicked outside it to deselect it.
Make a small placement adjustment to the chart.
02:52
After a pause with no visible interaction, clicked the chart to select it.
Select the chart for possible editing.
03:04
Dragged the selected upper-left chart’s lower-right resize handle to adjust its size, then clicked away to inspect the dashboard layout.
Adjust the chart’s placement and sizing on the report page.
03:14
Clicked the upper-left survival-count and serum-creatinine chart, then dragged its top and lower-right edges to adjust the visual’s size and position. Left the chart selected for further editing.
Refine the chart layout on the dashboard canvas.
03:28
Clicked around the selected chart and its lower-right corner, then dragged the corner handle to resize it. Left the chart selected.
Continue adjusting the chart’s dimensions on the report canvas.
03:40
Clicked and dragged the selected chart’s lower-right resize handle, making repeated small adjustments to its dimensions.
Fine-tune the selected chart’s size.
03:50
Continued adjusting the selected chart by dragging its lower-right corner, then clicked within the lower dashboard visuals and returned to the chart edge.
Refine the dashboard chart layout and check surrounding visuals.
03:59
Dragged the chart’s lower-right corner again, clicked outside it to deselect, then clicked the chart and moved the pointer across it.
Finish adjusting the chart and inspect the resulting layout.
04:11
Dragged across the report canvas and clicked the upper-right chart, then clicked again to select it; the dashboard remained visible with that chart outlined.
Select a dashboard visual for editing.
04:25
Scrolled through the formatting pane, then clicked the upper-left chart to make it the active visual; its selection outline moved to that chart.
Switch the active visual while reviewing its formatting options.
04:34
Clicked the upper-right chart to select it, then clicked the Shade area toggle in the formatting pane; the toggle appeared enabled.
Adjust the selected chart's shade-area formatting.
04:42
Scrolled within the formatting pane and opened visual-format sections, including Columns, Gridlines, and other options; the chart remained selected and no clear change to the report canvas was visible.
Review formatting controls for the selected chart.
05:00
Scrolled through the chart's formatting options and clicked the Lines section to expand its controls; the Lines options became visible in the pane.
Inspect the selected chart's line formatting settings.
05:09
Opened the Series dropdown under Lines and reviewed its options, then opened the Interpolation type dropdown showing Linear, Smooth, and Step; the pane continued to display line-style and width settings.
Review line-series and interpolation formatting choices for the selected chart.
05:19
Clicked in the Format visual pane and scrolled through the selected chart’s formatting options, moving from line style and smooth-type settings down to Layout, Shade area, Markers, and Data labels.
Review and adjust formatting options for the selected chart.
05:27
Scrolled through the chart formatting pane and expanded settings for Lines and then Legend, revealing legend position, style, and title controls.
Inspect additional formatting options for the selected chart.
05:37
Scrolled through the Format visual pane and clicked the Lines section, leaving the chart formatting categories visible around Gridlines, Zoom slider, Columns, Lines, Shade area, Markers, and Data labels.
Continue reviewing the selected chart’s formatting settings.
05:45
Clicked Data labels and scrolled down within the formatting pane to reveal its options, including Title, Value, Detail, Background, and Layout.
Inspect data-label display settings for the selected chart.
05:53
Scrolled through the Data labels settings, clicked Layout, then navigated within the pane and opened the Options section.
Review the layout and other data-label options.
06:04
Scrolled within the formatting pane, clicked the visual-level DEATH_EVENT filter card, then clicked the chart area.
Return attention to the chart and its filter while continuing dashboard review.
06:12
Scrolled through the selected chart’s formatting options, moving between settings in the Visualizations pane, then clicked within the pane and scrolled back slightly. The dashboard remained unchanged.
Review and navigate chart formatting settings.
06:22
Scrolled through the formatting pane to the Shade area controls, clicked within the settings, and continued scrolling through its options. The chart and dashboard remained visually unchanged.
Review shade-area formatting options for the selected chart.
06:32
Returned to the Power BI window, clicked and scrolled through formatting controls, then selected the chart for survival count and average ejection fraction by age group. Continued navigating its chart-format settings.
Inspect and adjust formatting settings for the ejection-fraction chart.
06:41
Scrolled through the selected chart’s visual-format options, clicked settings in the pane, and switched to the General tab to view data-format and general appearance controls. The dashboard visuals remained unchanged.
Review general formatting options for the selected chart.
06:52
Clicked through controls in the General formatting pane and opened the Background settings, then turned Background off. The selected chart remained in place on the dashboard.
Configure the selected chart’s background appearance.
07:02
Clicked through the Effects controls, opened Visual border settings, and adjusted the rounded-corners value from 0 px to 7 px while leaving the border enabled. The selected chart remained visible on the dashboard.
Set the selected chart’s visual-border appearance.
07:11
Adjusted the selected chart’s formatting in the Visualizations pane, choosing a theme color and dragging the Rounded corners control to change its border shape.
Refine the selected chart’s visual styling.
07:21
Continued dragging the Rounded corners control to refine the selected chart’s shape, then clicked the neighboring Survival Count and Average Serum Creatinine by Age Group chart to select it.
Adjust chart appearance and switch to another visual for editing.
07:31
Edited the Rounded corners value in the formatting pane to 26, then dragged along the selected ejection-fraction chart’s lower-right edge to resize it.
Set a rounded-corner value and adjust the chart’s size.
07:42
Continued adjusting the chart’s size by dragging its edge, then clicked the serum-creatinine and ejection-fraction visuals and their field wells in the Build visual pane.
Refine chart layout and inspect or select visual fields.
07:52
Dragged along the selected ejection-fraction chart’s lower-right edge to adjust its size, then clicked near the visual’s border.
Fine-tune the chart’s placement or dimensions.
08:03
Continued dragging the chart’s lower-right edge, then clicked the serum-creatinine visual and its field area in the Build visual pane.
Adjust the chart layout and switch focus to another visual.
08:15
Select the upper-right chart and drag across its visual settings area, then click the chart’s field controls and the neighboring lower-left chart to change the active visual.
Adjust and select dashboard visuals for editing.
08:25
Click field dropdowns in the Visualizations pane to switch the upper-right chart’s line measure from average ejection fraction to average serum creatinine, then click the chart and inspect the lower-left survival-rate chart’s data point.
Change the chart’s line metric and review a survival-rate value.

08:36
Open the Format visual pane for the lower-left survival-rate chart, move through its formatting options, and scroll the pane down to the visual-border controls.
Review formatting options for the survival-rate chart.
08:46
Scroll farther through the format pane, then select the visual-border settings and expand the border controls.
Configure the selected chart’s border appearance.
08:56
Enter 26 for the rounded-corner setting and 6 for the border width, then click within the formatting pane to apply the values.
Set rounded corners and border thickness for the selected chart.
09:06
Restore the Power BI window and drag the selected survival-rate chart’s edge to adjust its size and position, then click near the chart boundary.
Refine the selected chart’s layout on the dashboard.
09:16
Selected the Survival_Rate by Age Group chart, then clicked and dragged around its lower-right edge to adjust the visual’s placement or size. The chart became selected, with its visual-level filters and Age Group and Survival_Rate field wells shown.
Select and adjust the survival-rate chart on the dashboard.
09:26
Clicked and dragged along the selected Survival_Rate by Age Group chart’s bottom edge, then clicked outside the visual to clear the selection. The chart remained in place with its plotted values unchanged.
Adjust the chart’s layout and review the result.
09:36
Clicked the lower-right Impact of Smoking, Blood Pressure, Anaemia and Diabetes by Age Group chart, then dragged near its lower edge and clicked outside it. The chart remained visible without a clear change to the dashboard.
Select and adjust the lower-right dashboard chart.
09:44
Selected the Survival_Rate by Age Group chart and dragged its bottom edge downward, increasing the chart’s height. Clicked away and then selected the chart again; its plotted survival-rate line remained visible.
Resize and inspect the survival-rate chart.
10:00
Continued dragging the lower edge of the selected Survival_Rate by Age Group chart, then clicked away. The chart remained selected during the adjustment and was left with a changed height.
Refine the chart’s size and layout.
10:06
Selected the upper-left chart, “Survival Count and Average Serum Creatinine by Age Group.” It gained a selection border and visual controls; no further change was visible.
Select the serum-creatinine chart for inspection or editing.
10:16
Dragged across the report canvas, then selected the upper-left chart, “Survival Count and Average Serum Creatinine by Age Group.”
Select the chart for formatting.
10:29
Opened the chart’s Format visual pane and expanded the Title and Effects sections, then enabled the Background setting.
Adjust the selected chart’s appearance.
10:38
Selected the upper-right “Survival Count and Average Ejection Fraction by Age Group” chart.
Switch to formatting the adjacent chart.
10:47
Changed the selected chart’s Background setting in the Format visual pane, briefly turning it off and then on again.
Adjust the chart background appearance.
10:57
Selected the upper-left chart, then dragged the Background transparency slider in the Format visual pane to adjust its transparency.
Fine-tune the selected chart’s background appearance.
11:08
Continued adjusting the Background transparency slider, opened the background color palette, and left the palette open.
Adjust the selected chart’s background transparency and inspect color options.
11:19
Opened the background color palette for the selected chart, chose a pale yellow theme color, and returned to the color control.
Adjust the selected visual’s background color.
11:30
Reopened the chart’s background color palette and selected a pink theme color, then clicked the data pane area.
Change the selected chart’s background styling.
11:40
Opened the background color palette, selected a light purple color, and reopened the palette near the end of the span.
Continue adjusting the selected chart’s background color.
11:52
Selected a light blue theme color from the open palette and reopened the color palette near the end of the span.
Set another background color for the selected chart.
12:03
Clicked in the data pane, then selected the adjacent “Average of ejection_fraction” visual and clicked its Background color control.
Select another chart and begin adjusting its background formatting.
12:10
Opened the selected chart’s Background color palette and clicked a theme color, then reopened the palette.
Adjust the background color of the selected ejection-fraction chart.
12:19
Selected the upper-right chart and adjusted its background transparency in the Format visual pane, dragging the transparency control toward 0%.
Refine the appearance of the chart background.
12:26
Continued adjusting the chart background transparency, settling at 36%; then selected the DEATH_EVENT filter card and briefly edited its value before removing a character.
Tune the chart styling and adjust a visual filter.
12:36
Entered 35 in the transparency field, selected the Survival_Rate line chart, and opened its background color palette.
Style the Survival_Rate chart background.
12:45
Closed the color palette and adjusted the selected chart's background transparency, dragging the slider until it showed 34%.
Refine the Survival_Rate chart's background appearance.
12:54
Edited the chart background transparency field to 35, then selected the lower-right impact chart.
Set the background transparency and move on to styling another visual.
13:03
Opened the impact chart's background and visual-border formatting controls, scrolled within the Format visual pane, and opened the border color palette.
Adjust the impact chart's visual styling.
13:13
Adjusted the selected lower-right chart’s visual formatting, clicking and dragging the rounded-corners control in the Format visual pane to increase its value.
Refine the appearance of the selected dashboard chart.
13:23
Continued adjusting the selected chart’s formatting, increasing its corner rounding and changing the background and border settings. Then selected the upper-left chart and edited its visual formatting in the pane.
Style dashboard visuals for a consistent appearance.
13:33
Edited the selected visual’s corner-rounding and border-width settings, then clicked and dragged on the lower-right chart to select it and adjust its position or size.
Fine-tune chart styling and layout on the dashboard.
13:44
Clicked on the canvas and collapsed the Filters pane, then selected the lower-right chart.
Make more room for the report canvas and continue working with the chart.
13:55
Clicked and dragged around the lower-right chart, then clicked the canvas and selected the chart again.
Adjust or inspect the chart’s placement and selection on the report page.
14:08
Clicked the lower-right chart and dragged along its top-right edge, then continued interacting with the chart’s visual controls and field wells in the Visualizations pane.
Inspect or modify the selected chart’s configuration.
14:18
Dragged across the lower-right ribbon chart area and clicked the chart and nearby canvas; the dashboard remained unchanged with the ribbon visual selected.
Interact with the lower-right dashboard visual.
14:28
Clicked around the lower-right ribbon chart and then the blank canvas, switching the Visualizations pane between visual configuration and general build options; the dashboard content did not change.
Inspect or adjust the selected visual’s configuration.
14:37
Opened the Format visual controls, switched between the Visual and General tabs, and scrolled through the settings to the Effects and Background options.
Review formatting settings for the selected ribbon chart.
14:47
Adjusted the selected visual’s Background transparency slider, lowering it to 42%, then selected the lower-left survival-rate chart and lowered its background transparency to 35%.
Change background transparency for dashboard visuals.
15:00
Returned to the Power BI window, continued editing the visual background settings, and entered 35 in the transparency field; then clicked the lower-left survival-rate chart.
Set visual background transparency and select another chart.
15:10
Waited with the dashboard displayed, then clicked the lower-left survival-rate chart near its right edge.
Select the survival-rate chart for further editing.
15:25
Clicked the Survival_Rate card on the dashboard, selecting the visual.
Select the Survival_Rate card for formatting.
15:42
Opened the Format visual pane for the selected card, expanded Effects, and turned on its Background setting.
Adjust the selected card’s visual appearance.
15:50
Dragged repeatedly around the selected Survival_Rate card, then clicked near its lower-right edge; the card remained selected and its visible appearance did not change.
Interact with the selected card’s boundary or sizing handles.
16:02
Clicked the canvas and the Survival_Rate card, then dragged around the card and clicked it again; the visual stayed selected. Opened the Build visual field well, where Survival_Rate appeared as the card’s Value.
Return to the card’s field configuration after interacting with the visual.
16:12
Opened the card’s General formatting options, expanded Effects, and enabled Visual border; scrolled the formatting pane to view the border controls.
Configure a border for the selected card.
16:21
Adjusted the Visual border settings, changing Rounded corners from 0 px to 6 px. Clicked and dragged on the rounded-corners slider to refine the setting.
Set rounded corners for the selected Survival_Rate card’s border.
16:32
Adjusted the selected Survival_Rate card’s visual formatting, dragging the rounded-corners control and opening the border color palette to review color options. Clicked elsewhere on the dashboard, leaving the card selected.
Refine the appearance of the Survival_Rate card.
16:42
Clicked the Survival_Rate card and neighboring chart area, then dragged across the canvas to reposition or resize a visual. The dashboard visuals remain in place, with the card still selected.
Adjust the dashboard visual layout.
16:54
Clicked and dragged around the upper-left chart area, then clicked the blank canvas and the Average_Age card. The chart selection was cleared and the Average_Age card became selected.
Change the active visual selection while working on the dashboard.
17:05
Switched the Format visual pane from visual settings to general settings for the Average_Age card and opened its background and border formatting sections. Scrolled slightly within the pane to inspect additional options.
Review formatting settings for the Average_Age card.

Refine the charts and KPI cards in the Heart Disease Analysis Dashboard with coordinated styling and layout.

Refine the Heart Disease Analysis Dashboard in Power BI by adjusting chart and card formatting, including size, placement, borders, backgrounds, colors, and corner shapes, while inspecting visual settings and fields.

clip.mp4The screen recording37 MB events.jsonEvery input logged, synced to the video clock14 MB frame_events.jsonEvery input logged, synced per frame19 MB narration.jsonDescriptions of what happened, and why51 KB metadata.jsonThe session's facts1 KB

More from this set

All 21 samples →

Productivity · Windows38 min

Power BI Sales Report

38 minPower BI Desktop

Power BI

Video editing · Windows58 min

Resolve Sky Replacement

58 minDaVinci Resolve, Adobe Photoshop, Brave

DaVinci Resolve +2

CAD · Windows1 h 06 min

Audi car model

1 h 06 minBlender

Blender

All 21 samples→