Bubble Matrix

[tabuzahra]

Hello,

I'm trying to do a matrix like the one shown below in the image. Where the buble size depends on number of projects Vs Project Status for each client.

I haven't seen any ready made visualization for such thing, and looking forward for your valuable feedback

[parry2k · Accepted solution]

@tabuzahra i'm sure this can be done using svg which will allow to create own image and size can be done using data. Can you share sample data? What are those background color? What that represents?

[parry2k · Accepted solution]

@tabuzahra i'm sure this can be done using svg which will allow to create own image and size can be done using data. Can you share sample data? What are those background color? What that represents?

[tabuzahra]

Hi Parry,

Thanks. Below is a sample data.

In regards of the background color, it represents as following:

• Red refers that the project status for selected clients are (Ongoing - Delayed, On Hold, Completed Delayed)
• Yellow refers that the project status for other than the selected clients are (Complete - Delayed) and for all clients when the status is (Cancelled)
• Green if the status are either (Ongoing - On Track) or (Completed - On Time)

	Ongoing - delayed	On-hold	Completed - delayed	Cancelled	Ongoing - on track	Completed - on time
Client 1	27	6	25	4	6	2
Client 2	3	3	3	3	3
Client 3	6		2	1	2	2
Client 4	23	3	23	4	1	1
Client 5	12	4	7	3	5
Other Clients	38	6	23	4
Internal	3	2	7	3

[tabuzahra]

The background color can be represented by the Circle color 

[parry2k · Accepted solution]

@tabuzahra here is the 1st attempt at it. Didn't follow the logic for background color since there is nothing as project in your dataset.

But you can look at bubbles and make the changes as per your need.

[tabuzahra]

Hi Parry,

I have tried using it but I have got circle wasn't shown in the matrix table as it's showing

data&colon;image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' height='200' width='200' ><circle cx='100' cy='100' r='4100' stroke='#00BFFF' stroke-width='1' fill='#00BFFF' /> <text x='50%' y='50%' text-anchor='middle' stroke='White' stroke-width='2px' dy='.3em'>41</text></svg>

instead of the image, what would go wrong?

[anettbaksa]

Hello, 

I have the same issue. 

Did you solve this problem? 

Thank, 

Anett 

[Anonymous]

@anettbaksa

Change the data category of the measure you created to Image URL. you will see images instead of text

Regards,

Rohan

[Anonymous]

How do you do the bubble chart in a matrix?

[parry2k]

@Anonymous the solution posted here (attached file in previous thread) is showing bubble in matrix, not sure if you had chance to look at it or not. 

[dhdevans]

My guy, this has been an absolute lifesaver.

I've modified it to do some conditional formatting in the KPI for different colours on the circle. 

Can you help me on how to make the text inside the circles bigger and easier to read?

[tabuzahra]

Thanks a lot Parry much appreciated. Yes this is what I needed, though I don't have any background in regards of SVG.

How can I change the background color depends on the project status? 

Example:

1. If the project status is Ongoing - Delayed or On-Hold for all clients then it should be Red
2. If the project status is Completed - Delayed for all clients other than (Other Clients & Internal) then it should be Red
3. If the project status is Completed - Delayed for clients (Other Clients & Internal) then it should be Yellow
4. If the project status is Cancelled for all clients then it should be Yellow
5. If the project status is Ongoing - On Track or Completed - On Time then it should be Green