# [ Power BI Visualization ] [ cheatsheet ]

1. Formatting Visuals

● Set visual title: Visual.Title = "Sales by Category"

● Set visual subtitle: Visual.Subtitle = "Fiscal Year 2022"
● Set visual background color: Visual.Background = "#FFFFFF"
● Set visual font color: Visual.FontColor = "#000000"
● Set visual font size: Visual.FontSize = 12
● Set visual font family: Visual.FontFamily = "Segoe UI"
● Set visual border: Visual.Border = [1, "#000000"]
● Set visual border radius: Visual.BorderRadius = 5
● Set visual tooltip: Visual.Tooltip = [{"Column1", "Column2"}]
● Set visual x-axis title: Visual.XAxis.Title = "Category"
● Set visual y-axis title: Visual.YAxis.Title = "Sales"
● Set visual x-axis labels: Visual.XAxis.Labels = {"Category1",
"Category2", "Category3"}
● Set visual y-axis labels: Visual.YAxis.Labels = {"0", "1000", "2000",
"3000"}
● Set visual x-axis label color: Visual.XAxis.LabelColor = "#000000"
● Set visual y-axis label color: Visual.YAxis.LabelColor = "#000000"
● Set visual x-axis label size: Visual.XAxis.LabelSize = 10
● Set visual y-axis label size: Visual.YAxis.LabelSize = 10
● Set visual legend position: Visual.Legend.Position = "Right"
● Set visual legend title: Visual.Legend.Title = "Product Category"
● Set visual legend label color: Visual.Legend.LabelColor = "#000000"

2. Data Colors

● Set color scale: Visual.ColorScale = [{"MinColor": "#FF0000", "MaxColor":

"#00FF00"}]
● Set color by category: Visual.ColorByCategory = [{"Category1": "#FF0000",
"Category2": "#00FF00", "Category3": "#0000FF"}]
● Set color by value: Visual.ColorByValue = [{"MinValue": 0, "MaxValue":
1000, "MinColor": "#FF0000", "MaxColor": "#00FF00"}]
● Set color by expression: Visual.ColorByExpression = "IF([Sales] > 1000,
"#FF0000", "#00FF00")"
● Set color by rule: Visual.ColorByRule = [{"Rule": "[Sales] > 1000",
"Color": "#FF0000"}, {"Rule": "[Sales] <= 1000", "Color": "#00FF00"}]

By: Waleed Mousa

 ● Set color transparency: Visual.ColorTransparency = 50
● Set color saturation: Visual.ColorSaturation = 100
● Set color brightness: Visual.ColorBrightness = 50
● Set color palette: Visual.ColorPalette = ["#FF0000", "#00FF00",
"#0000FF"]
● Set color gradient: Visual.ColorGradient = [{"Color": "#FF0000",
"Offset": 0}, {"Color": "#00FF00", "Offset": 50}, {"Color": "#0000FF",
"Offset": 100}]

3. Conditional Formatting

● Set data bars: Visual.DataBars = [{"MinValue": 0, "MaxValue": 1000,

"MinColor": "#FF0000", "MaxColor": "#00FF00"}]
● Set color scales: Visual.ColorScales = [{"MinValue": 0, "MaxValue": 1000,
"MinColor": "#FF0000", "MidColor": "#FFFF00", "MaxColor": "#00FF00"}]
● Set icon sets: Visual.IconSets = [{"SetName": "Arrows", "Criteria":
[{"Operator": ">=", "Value": 500, "Icon": "Up"}, {"Operator": "<",
"Value": 500, "Icon": "Down"}]}]
● Set background color: Visual.BackgroundColor = [{"Criteria": "[Sales] >
1000", "Color": "#FF0000"}, {"Criteria": "[Sales] <= 1000", "Color":
"#00FF00"}]
● Set font color: Visual.FontColor = [{"Criteria": "[Sales] > 1000",
"Color": "#FFFFFF"}, {"Criteria": "[Sales] <= 1000", "Color": "#000000"}]
● Set data label color: Visual.DataLabelColor = [{"Criteria": "[Sales] >
1000", "Color": "#FFFFFF"}, {"Criteria": "[Sales] <= 1000", "Color":
"#000000"}]
● Set data label background color: Visual.DataLabelBackgroundColor =
[{"Criteria": "[Sales] > 1000", "Color": "#FF0000"}, {"Criteria":
"[Sales] <= 1000", "Color": "#00FF00"}]
● Set tooltip background color: Visual.TooltipBackgroundColor =
[{"Criteria": "[Sales] > 1000", "Color": "#FF0000"}, {"Criteria":
"[Sales] <= 1000", "Color": "#00FF00"}]
● Set tooltip font color: Visual.TooltipFontColor = [{"Criteria": "[Sales]
> 1000", "Color": "#FFFFFF"}, {"Criteria": "[Sales] <= 1000", "Color":
"#000000"}]
● Set border color: Visual.BorderColor = [{"Criteria": "[Sales] > 1000",
"Color": "#FF0000"}, {"Criteria": "[Sales] <= 1000", "Color": "#00FF00"}]

4. Interactivity

By: Waleed Mousa

 ● Set drill-through action: Visual.DrillThroughAction = [{"Target":
"DetailPage", "Parameters": {"Category": "[Category]"}}]
● Set drill-through fields: Visual.DrillThroughFields = [{"Column":
"Category", "Value": "[Category]"}]
● Set bookmark action: Visual.BookmarkAction = [{"Target": "Bookmark1"}]
● Set filter action: Visual.FilterAction = [{"Target": "Category", "Value":
"[Category]"}]
● Set highlight action: Visual.HighlightAction = [{"Target": "Category",
"Value": "[Category]"}]
● Set URL action: Visual.URLAction = [{"Target": "https://example.com",
"Parameters": {"Category": "[Category]"}}]
● Set tooltip action: Visual.TooltipAction = [{"Target": "TooltipPage",
"Parameters": {"Category": "[Category]"}}]
● Set selection: Visual.Selection = {"Mode": "Single", "Fields":
["Category"]}
● Set sync slicers: Visual.SyncSlicers = [{"Target": "SlicerPage",
"Fields": ["Category"]}]
● Set drill-down: Visual.DrillDown = {"Hierarchy": ["Category",
"Subcategory"], "ExpandedLevel": 1}

5. Tooltips

● Set tooltip fields: Visual.TooltipFields = [{"Column": "Category"},

{"Column": "Sales", "Format": "Currency"}]
● Set tooltip title: Visual.TooltipTitle = "Sales Details"
● Set tooltip description: Visual.TooltipDescription = "This tooltip shows
the sales details by category."
● Set tooltip style: Visual.TooltipStyle = {"BackgroundColor": "#FFFFFF",
"FontColor": "#000000", "BorderColor": "#000000"}
● Set tooltip position: Visual.TooltipPosition = "Top"
● Set tooltip delay: Visual.TooltipDelay = 500
● Set tooltip duration: Visual.TooltipDuration = 3000
● Set tooltip follow mouse: Visual.TooltipFollowMouse = true
● Set tooltip format: Visual.TooltipFormat = {"Category": "General",
"Sales": "Currency"}
● Set tooltip precision: Visual.TooltipPrecision = {"Sales": 2}

6. Data Labels

By: Waleed Mousa

 ● Set data label fields: Visual.DataLabelFields = [{"Column": "Category"},
{"Column": "Sales", "Format": "Currency"}]
● Set data label position: Visual.DataLabelPosition = "Inside"
● Set data label style: Visual.DataLabelStyle = {"FontColor": "#000000",
"FontSize": 10, "FontFamily": "Segoe UI"}
● Set data label density: Visual.DataLabelDensity = 50
● Set data label overlap: Visual.DataLabelOverlap = "Hide"
● Set data label rotation: Visual.DataLabelRotation = 45
● Set data label format: Visual.DataLabelFormat = {"Category": "General",
"Sales": "Currency"}
● Set data label precision: Visual.DataLabelPrecision = {"Sales": 2}
● Set data label as percentage: Visual.DataLabelPercentage = true
● Set data label visibility: Visual.DataLabelVisibility = [{"Criteria":
"[Sales] > 1000", "Visibility": "Visible"}, {"Criteria": "[Sales] <=
1000", "Visibility": "Hidden"}]

7. Reference Lines

● Set constant line: Visual.ConstantLine = [{"Value": 1000, "Color":

"#FF0000", "Thickness": 2, "Label": "Target"}]
● Set minimum line: Visual.MinimumLine = [{"Color": "#00FF00", "Thickness":
1, "Label": "Minimum"}]
● Set maximum line: Visual.MaximumLine = [{"Color": "#0000FF", "Thickness":
1, "Label": "Maximum"}]
● Set average line: Visual.AverageLine = [{"Color": "#FFFF00", "Thickness":
1, "Label": "Average"}]
● Set median line: Visual.MedianLine = [{"Color": "#FF00FF", "Thickness":
1, "Label": "Median"}]
● Set percentile line: Visual.PercentileLine = [{"Percentile": 90, "Color":
"#00FFFF", "Thickness": 1, "Label": "90th Percentile"}]
● Set standard deviation line: Visual.StandardDeviationLine =
[{"Deviation": 1, "Color": "#800000", "Thickness": 1, "Label": "1
Standard Deviation"}]
● Set reference line style: Visual.ReferenceLineStyle = {"DashStyle":
"Dot", "Cap": "Arrow"}
● Set reference line label position: Visual.ReferenceLineLabelPosition =
"End"
● Set reference line label format: Visual.ReferenceLineLabelFormat =
"Sales: {0:C}"

By: Waleed Mousa

8. Axes

● Set axis title: Visual.Axis.Title = "Sales"

● Set axis title color: Visual.Axis.TitleColor = "#000000"
● Set axis title size: Visual.Axis.TitleSize = 12
● Set axis labels: Visual.Axis.Labels = {"0", "1000", "2000", "3000"}
● Set axis label color: Visual.Axis.LabelColor = "#000000"
● Set axis label size: Visual.Axis.LabelSize = 10
● Set axis label rotation: Visual.Axis.LabelRotation = 45
● Set axis label format: Visual.Axis.LabelFormat = "Currency"
● Set axis gridlines: Visual.Axis.Gridlines = [{"Color": "#CCCCCC",
"Thickness": 1, "Style": "Dot"}]
● Set axis crossing: Visual.Axis.Crossing = 0
● Set axis position: Visual.Axis.Position = "Left"
● Set axis scale: Visual.Axis.Scale = "Linear"
● Set axis start: Visual.Axis.Start = 0
● Set axis end: Visual.Axis.End = 5000
● Set axis tick marks: Visual.Axis.TickMarks = {"Interval": 1000, "Length":
5}

9. Legend

● Set legend position: Visual.Legend.Position = "Right"

● Set legend title: Visual.Legend.Title = "Product Category"
● Set legend title color: Visual.Legend.TitleColor = "#000000"
● Set legend title size: Visual.Legend.TitleSize = 12
● Set legend labels: Visual.Legend.Labels = {"Category1", "Category2",
"Category3"}
● Set legend label color: Visual.Legend.LabelColor = "#000000"
● Set legend label size: Visual.Legend.LabelSize = 10
● Set legend font family: Visual.Legend.FontFamily = "Segoe UI"
● Set legend background color: Visual.Legend.BackgroundColor = "#FFFFFF"
● Set legend border color: Visual.Legend.BorderColor = "#000000"
● Set legend border thickness: Visual.Legend.BorderThickness = 1
● Set legend border style: Visual.Legend.BorderStyle = "Solid"

10. Slicers

● Set slicer type: Visual.Slicer.Type = "List"

By: Waleed Mousa

● Set slicer orientation: Visual.Slicer.Orientation = "Vertical"
● Set slicer header: Visual.Slicer.Header = "Product Category"
● Set slicer items: Visual.Slicer.Items = {"Category1", "Category2",
"Category3"}
● Set slicer single select: Visual.Slicer.SingleSelect = true
● Set slicer multi select with CTRL: Visual.Slicer.MultiSelect = "CTRL"
● Set slicer selection controls: Visual.Slicer.SelectionControls =
"CheckBox"
● Set slicer item limit: Visual.Slicer.ItemLimit = 10
● Set slicer search: Visual.Slicer.Search = true
● Set slicer clear button: Visual.Slicer.ClearButton = true

By: Waleed Mousa