What does this mean?

[fisicx]

Working on a project for a client and they want these visuals as part of a property loan analysis thing:

What do the rings mean to you? Is it clear what the whole ring and the colours represent?

If you want to see the demo with the current bar charts it's here:

https://mybank.loanpaymentplugin.com/

It's for Australians so don't worry if it makes no sense in the UK. Try a property value of 600,000, rent of 500, loan of 500,000 and income of 100,000 to see some sensible results.

 

[SEODEV#338055]

Seems fairly obvious what your diagrams show

Can you increase the width of the New Tax Payable circle section?

Also would recommend New Tax Payable colour change to green

Current Tax Payable colour change to grey or a colour representing out-of-date/old/invalid

 

[fisicx]

Seems fairly obvious what your diagrams show

Which is what exactly? Three different people (not UKBF) have given three different interpretations.

The client dictates the design/colours

 

[IanSuth]

In my mind the 2 different colours are showing relative sizes of old and new tax bill

I dont actually like it as using a circle give the impression it is percentages of a whole, I would prefer two vertical arrows side by side with the "new tax " payable arrow obviously smaller than the old - or 2 side by side money bags (with $ on them for Aus) whose sizes are scaled by the tax bill

 

[johndon68]

I'd agree with Ian, a Pie/Doughnut isn't the right kind of visual for this.

 

[Frank the Insurance guy]

Not keen on the circle as it looks like the new tax is in addition to the current tax, which I assume is not what they want to show.

If they want a comparison, it should be side by side.

 

[fisicx]

After much back and forth we still have circles but they now work better. Client is adamant they want it like this:

https://mybank.loanpaymentplugin.com/

Try a property value of 600,000, rent of 500, loan of 500,000 and income of 100,000 to see some sensible results. You can them choose two owners, enter an income and play with the sliders.

 

[johndon68]

It's better, still not the way I'd do it but if that's what the client wants...

 

[fisicx]

I agree. But they pay well.

 

[Frank the Insurance guy]

I agree. But they pay well.

If that's what the client wants, then that's what they get! It is better than the original one at least!

 

[UkAppCoder]

In my mind the 2 different colours are showing relative sizes of old and new tax bill

I dont actually like it as using a circle give the impression it is percentages of a whole, ...

Yes, that's what it is.

@fisicx - unless I'm missing something somewhere, it is not clear exactly what your client is trying to model.

Ignoring the context for the time being, then, generally, it is a distribution of a total t between two variables a and b.

Informal proof:

Graphic 1:

( 9787 / ( 9787 + 5598.12 ) ) * 100 = 63.61

( 5598.12 / ( 5598.12 + 9787 ) ) * 100 = 36.38

A quick visual check suggests that the orange portion occupies about 63.61% of the ring, and the blue portion occupies about 36.38%. These percentages sum to 100%.

Graphic 2:

( 12692 / ( 12692 + 9098.76 ) ) * 100 = 58.24

( 9098.76 / ( 9098.76 + 12692 ) ) * 100 = 41.76

A quick visual check suggests that the orange portion occupies about 58.24% of the ring, and the blue portion occupies about 41.76%. These percentages sum to 100%.

For more precision, you can of course use the basic maths for circles, angles, etc., or calculate the percentages with a protractor, or even use bits of string and blu-tack!

If this is what your client wants to model, then your ring chart is perfectly fine and represents the data nicely. I would place the label for t in the middle of the ring, and perhaps label the bendy-bars with their respective percentages. Also, if possible, you should straighten the rounded edges of the blue and orange bendy-bars.

Now test the graphics to see whether they work as a representation of one of the variables a or b as a proportion of the other. Actually, the test above shows that this won't work, but do it anyway to convince yourself.

My last point is what the graphic on your website is:

( 19249.92 / 24967 ) * 100 = 77

The blue variable has a value of 77% of the orange variable, which looks just about right on your graphic.

So, the two data models are entirely different. The first is a distribution of a quantity between two variables. The second (on your site calculator) is a representation of New Tax Payable as a proportion of Current Tax Payable.

Hope this helps. Please get back to us if you find out what the context is! Perhaps an accountant can help you with this.

 

[fisicx]

All the calculations and outputs and colours were provided by the client.

It is very complicated and I don’t understand some of it. But it’s what the client wants, it’s not going to be public facing, it’s an analytics tool he will use during meetings with prospects.

The graphics are svg images generated using javascript. Just getting these to work took forever to code. Trying to show the percentages on the arcs just adds a whole new level of complexity I don’t really want to attempt. Especially as they have to be dynamic.

 

[UkAppCoder]

The graphics are svg images generated using javascript. Just getting these to work took forever to code. Trying to show the percentages on the arcs just adds a whole new level of complexity I don’t really want to attempt. Especially as they have to be dynamic.

I understand perfectly. The extra clutter probably wouldn't be appreciated anyway!

The data are very nicely illustrated, by the way.