ANIMATED SORTABLE BAR CHART [POWER BI CUSTOM VISUAL]

2019

Client(s): —-

Project: —-

Tools: Power BI Custom Visual, TypeScript, D3 v5

Categories: Power BI Custom Visual

User sorting by value/size (x-axis)

User sorting by value/size (x-axis)

User sorting by Category (y-axis)

User sorting by Category (y-axis)

Description:

An animated bar chart Power BI Custom Visual visualisation. User may (inside ‘Edit report’ mode within https://app.powerbi.com) :

  • sort data by Value/Size (x-axis) or by Category (y-axis)

  • select/deselect one or more data bars to highlight (selected bars are automatically highlighted in opposing colours to selected bar’s default base colour)

  • display data value labels at start (left-justified) or end (right-justified) of data bars

  • adjust chart margins

  • change background colour

  • change axis/grid line colours

  • change font colour and font weight

  • change corner radius, colour and font colour of buttons

  • change axis titles