• We have updated our Community Code of Conduct. Please read through the new rules for the forum that are an integral part of Paradox Interactive’s User Agreement.

Victoria 3 - Dev Diary #61 - Data Visualization

16_9.jpg

Hello all, today we are going to talk about some of the data visualization in Victoria 3, how we on the team have iterated on it since our UX dev diary and what we think through when talking about such iterations.

Aron is very busy doing what last bits of polish can be done before we lock down the game for release certification, so I have been asked to write this dev diary for you in their stead. I’m not officially a UX Designer but I do have my qualifications in user experience as QA and I also am quite opinionated about pie charts and other forms of data visualization as many of you in the community are no doubt aware of. I regularly get to be Aron and Henrik’s rubber duck as we talk through solutions to problems on the UX side and it's part of my job that I thoroughly enjoy.

(In fact the first draft of this diary was a full thesis on why pie charts are bad, but I was encouraged to tone down the rhetoric a little, so I will conclude they are aesthetically pretty but are horrible for conveying data.)

Just how angry is Paul? Even with the visualization you would still be guessing…
DD61_1.jpg

Now most of the time when we talk about Data Visualization in games, especially Paradox Games, the first thing that comes to mind is either line graphs or charts of some kind - giving a visual representation of data instead of just a pure numerical representation on the screen. This is not wrong, but data visualization is not solely about making some form of visual representation of abstract data. It is also about increasing the inherent cognitive understanding of the player by using known trends and patterns that are well established.

An easy example is the capacities, they are color-coded. When things are positive: it's green, when it's bad: it's red. We have a human tendency to impact meaning to color and thus it's a general rule of UX to never use Green and Red unless you are representing Good and Bad.

A quick glance at the capacities bar tells you all you need to know for the moment by color alone, and when you get its tooltip it continues such color coded summarization:
DD61_2.jpg

Have any of you who’ve seen streams or images noticed that this dynamic changes in regards to income? When your nation is in a deficit the balance can show either as white (neutral) or red (bad) in the capacity summary and there is an inherent reason for that?

We do not show a negative income balance as red until it reflects an unhealthy economy, but what do we mean by this? Nations run deficits all the time, but not all deficits are bad, especially those which are investments into the country such as construction. Construction is classified as a temporary national expenditure as opposed to a fixed one, meaning that we calculate your fixed revenue vs expenditure to be positive once the construction is finished, and we keep the income balance showing a neutral tone because of it.

This is to reflect that your money is going down, but the fundamentals are fine. What this allows you to notice is when this fundamental changes and turns red, signaling a larger issue of your economic fundamentals being out of balance that could cause future problems.

We may be losing money now but the fundamentals of the economy are okay if we ever stop building new factories…
DD61_3.jpg

This is a lot of what we have been trying to iterate on in Victoria 3 at this point in its development: we don’t want to just show you the static image of what’s going on just that moment but we want you to know the dynamic trends of where the data is going.

What do I mean by this? Well let me give you an example: see our buildings list (to make it clearer about what I am talking about I have gone with the minimized mode - didn’t know there was a minimized mode? Now you do!)

Behold the glorious minimized building menu and color-coded gold reserve bars.
(Bars are color coded on regular view as well)

DD61_4.jpg

Before cash reserves were only golden, and you would have to physically watch the bar tick along and hopefully notice the trend of your reserves. The data was still informative but you were only able to easily glance if your business had cash reserves (meaning it could afford a price disruption or could help supplement the investment pool). Now we use the historical data we would normally use to fill out a line graph to color the bar and add trend markers to show if the cash reserves is going up or down, coloring it green or red respectively.

Now at a quick glance you not only see how your economy is doing, but where it is going and you would be amazed at how significant such a small change can be. This is combined with our usage of red, white, and green to symbolize whether productivity is good or bad - to give you further depth of information: sugar industries in this picture are not failing but soon will be if you do not do something about it. Meanwhile the arms industry has stalled outright.

A lot of these data visualization changes, you might never see or notice, because when they work well their understanding becomes second nature, but here’s another one I want to call out: we recoloured the market summary tab:

Behold the new Market Panel, with corrected colors and balance bars to show the magnitude of the effect.
DD61_5.jpg


The older Market Panel, serviceable but flawed with its data presentation.
DD61_6.jpg

Okay we changed like 3 things, I hear you say - but why is that so damn important? I’m glad you asked that community strawman here’s why.

We removed the Red/Green visualization of the balance and by doing that we helped make our understanding of the market system clearer to the player. Remember, this is Victoria 3, imbalances are not inherently bad. Sometimes maintaining a shortage of a good can be done intentionally to prop up an industry or ensure the wealth of specific pops. (I went into the logic of why for this in my talk at PDXCON and if we are lucky at some point in the future I will get a copy of that up on the forums as well). We found that when we colored the items green/red we were inherently having players react in ways that they themselves found was not always good or what they wanted. In this case, this mostly meant players reacting to red numbers being “bad” and trying to make the number go green.

We also added balance bars, to help show you the magnitude of what those numbers mean in the scope of its total buy/sell volume and price scale. Can you tell from the old version above what the relative difference to your economy the liquor and sugar shortages are?). By giving more perspective on these offsets from equilibrium we help you better understand the cause and effect of your actions or most importantly; opportunity cost. If merely looking at high prices you might find yourself focusing on furniture or paper, but technically getting food prices lower is shown to have a larger impact on your economy, which is illustrated by the bars below the Balance values. The more blue or gold that bar is, the higher impact that Good’s imbalance has on your market. This impact may differ greatly per Good if it is good or bad, but that’s up to you to determine.

That’s just a few examples in the game of where we are iterating on data visualization. Mostly because these are the one’s I can easily remember and chat about. We are by no means done, Henrik, Aron and myself will continue in the trenches experimenting and iterating on such workflows throughout the game. We look forward to reading your feedback on release and use that to help us prioritize our backlog of ideas.

If you thought this dev diary was a sight to behold, just wait till you hear about the next one, which is the Audio of Victoria 3 which will be written by Franco Freda, our Head of Audio.
 
  • 157Like
  • 50Love
  • 18
  • 10
  • 4
  • 2Haha
Reactions:
Regarding the fixed and temporary national expenditures, are debt repayments classed as fixed or as temporary? If they are classed as fixed, could I perhaps reclassify them to temporary before the budget is calculated... to decrease radicalization in the petite bourgeoisie?
 
I am kinda really interested in the thesis originally written! Why are pie charts so bad, are area, treemap, or heaven's forbid starburst that much more informative?! Do you all use such visualization techniques to understand player telemetry based on patch changes?

The intelligentsia craves this kind of stuff!
 
  • 1Like
Reactions:
I have read this DD thrice now and I still don't understand the blue and gold colors and how on Earth I am supposed to read them? Is blue always bad, so that the more blue, the more it needs to be fixed? Why not have the changing bars and red then? There is no grading in the color either, it's either blue or gold.
 
  • 3
  • 1Like
Reactions:
I have read this DD thrice now and I still don't understand the blue and gold colors and how on Earth I am supposed to read them? Is blue always bad, so that the more blue, the more it needs to be fixed? Why not have the changing bars and red then? There is no grading in the color either, it's either blue or gold.
Green is good, red is bad, white is neutral.

Gold is trending towards higher numbers, blue is trending towards lower numbers.

If you look at the new Market Panel, you'll see blue Balances when there are more Buy orders than what is currently available (Sell orders). And by Supply and Demand, when there are shortages of a good (blue Balance), the good becomes more expensive (gold Market Price). And vice versa.
 
  • 3
  • 1
Reactions:
I think it's supposed to represent the resource imbalance in raw numbers. In this case, the deficit in grain is about 3 times larger than the fish deficit.
Yet the clothing at -141 looks a lot bigger than the -120 of the fish. and the -78 or the cigars is also bigger than the fish. So it is not just raw numbers (we also see it in the positive values +185 bigger than +190 which is a little bigger than the +278.

So not 'ratio of Max(sell,buy) : buy-sell', not 'raw value of difference'.
I tried it with the balance * the price offset (i.e. base - price) and that didn't work.

Could it be the 'balance' * the 'Market Price', though that would not be fully valid when comparing things with different bases.
 
  • 2
Reactions:
Looks cool :) One visualization to consider that could be really helpful could be to add some small sparklines where there's space for them (these are simply small line graphs showing recent changes in important values like market price or cash reserves). These could be a great way to unobtrusively let players appreciate information about recent trends without overwhelming the interface. https://en.wikipedia.org/wiki/Sparkline , https://www.edwardtufte.com/bboard/q-and-a-fetch-msg?msg_id=0001OR
 
  • 2
  • 2
  • 1
Reactions:
Is there still going to be an EU4/Vicky 2 style ledger tucked around somewhere?
 
  • 3Like
  • 1
Reactions:
Green is good, red is bad, white is neutral.
This I get.
Gold is trending towards higher numbers, blue is trending towards lower numbers.

If you look at the new Market Panel, you'll see blue Balances when there are more Buy orders than what is currently available (Sell orders). And by Supply and Demand, when there are shortages of a good (blue Balance), the good becomes more expensive (gold Market Price). And vice versa.
This is Greek, though. :p How will I know when something blue is good and when it is bad? Presumably from the DD it can be both?
 
This is Greek, though. :p How will I know when something blue is good and when it is bad? Presumably from the DD it can be both?
It's up to you to decide.

If a good, lets say luxury clothes, is blue, it means the price will be high. It might not be a good that you care about people wanting to buy as much as you care about the people working in luxury clothes industries to make way, way more money. Rich people can afford the high prices of luxury clothes anyway! In this case, you don't actually want to increase the supply of luxury clothes because you're fine with the price being high and the people working in that industry to make more money.

However, if it's a good like grain, which is causing starvation because people might want to eat from time to time, then blue is probably more likely bad.


EDIT: If high price indicators were Red, then that tends to send a psychological signal that "This is a problem and needs to be fixed." Changing the color is to avoid sending the player that type of signal. It can be okay if you have more buy orders than sell orders for a particular good.
 
  • 7
  • 3Like
Reactions:
I have read this DD thrice now and I still don't understand the blue and gold colors and how on Earth I am supposed to read them? Is blue always bad, so that the more blue, the more it needs to be fixed? Why not have the changing bars and red then? There is no grading in the color either, it's either blue or gold.
Data visualization diary needs better data visualization...o_O
 
there should be a bar showing employment, not just how full the cash reserves are. this way, the player can expand a factory in this view directly rather than click on the factory to see if employment is full. for instance, textile mills has full cash reserve, but does it also have full employment? if no, then no need to expand it yet...

1665083165085.png
 
  • 6
  • 4Like
  • 4
Reactions:
Re: balance bars, has anyone figured out how they're drawn and what they represent exactly ?

I think negative balances bars and positive balances bars use different formulas. The negative balance bar seems to represent balance*price : the higher the result, the longer the bar.

But it doesn't work when the balance is positive. Paper and... what looks like sugar ? (eighth row) both have similarily-sized bars despite giving very different numbers when using the above formula. So idk.

I may just be wrong about the negative balance formula tho.
 
  • 2
Reactions: