Skip to content
tezvyn:

Visualizing Load Time vs. Session Duration with a Third Variable

Source: lookerstudiomasterclass.comMediumHow cards are made

Visualizing Load Time vs. Session Duration with a Third Variable

Tests your ability to visualize correlation and add dimensions. A great answer suggests a scatter plot for the initial relationship, then uses color to segment by the categorical third variable (network type).

What's really being asked

This question tests your data storytelling ability. It's not just about naming a chart type. The interviewer is evaluating if you can (1) choose the correct visualization for showing a relationship between two continuous variables, and (2) know the standard conventions for adding a third, categorical variable without cluttering the visualization. It's a test of precision and practical data literacy beyond basic chart types.

The full answer

An excellent answer has three parts. First, identify a scatter plot as the ideal chart for visualizing the relationship between two metrics like load time and session duration. Second, define the axes clearly: X-axis for App Load Time (ms) and Y-axis for Session Duration (seconds). Each dot represents a single user session. Third, for the augmentation, specify using color to encode the categorical 'network type' dimension. For example, all WiFi sessions are blue dots, and all Cellular sessions are orange dots. This allows you to see if the correlation holds for both groups or if one group behaves differently.

The mistakes people make

A major red flag is suggesting the wrong chart type. Proposing a bar chart or a line chart shows a fundamental misunderstanding of how to visualize correlation. A bar chart would require bucketing the data, losing granularity. A line chart implies a time-series or ordered relationship that doesn't exist here. Another error is suggesting bubble size for the network type. Size is a pre-attentive attribute that implies magnitude or quantity, which is inappropriate for a categorical variable like 'WiFi' vs 'Cellular'. Color is the correct encoding for category.

What usually comes next

Expect a follow-up like, "What if the third variable was a metric, like 'data transferred in MB'?" The correct answer here is to now use a bubble chart, where the size of each bubble represents the data transferred. Another follow-up could be, "What if your load times range from 100ms to 30,000ms?" This tests your knowledge of handling wide data ranges, where the correct answer is to apply a logarithmic scale to that axis and label it clearly.

A concrete example

To present the initial finding, I would create a scatter plot. The X-axis would be 'App Load Time in ms' and the Y-axis would be 'Session Duration in seconds'. We'd expect to see points clustering from the top-left (low load time, high duration) to the bottom-right (high load time, low duration). To explore the influence of network type, I would color each point on this plot: blue for sessions on WiFi and orange for sessions on Cellular. This would immediately reveal if the negative correlation is stronger for one group, or if, for example, the orange (Cellular) points are clustered in the high-load-time/low-duration quadrant, pointing to a specific performance issue on cellular networks.

Interview question

To visualize the correlation between two continuous metrics (e.g., app load time, session duration) and segment by a categorical variable (e.g., network type), which method is best?

  • a.A line chart showing load time trends over session duration, with different lines for each network type.
  • b.A scatter plot with load time on the X-axis, session duration on the Y-axis, and bubble size representing network type.
  • c.A bar chart comparing average load time and session duration across network types.
  • d.A scatter plot with load time on the X-axis, session duration on the Y-axis, and points colored by network type.Correct
Why?

A scatter plot is the correct visualization for showing the relationship between two continuous variables. Encoding the categorical third variable with color is appropriate because color effectively distinguishes categories without implying magnitude, unlike bubble size.

Just read this? Test yourself on what you have been reading.

Read the original → lookerstudiomasterclass.com

You just looked this up. Could you explain it out loud?

That is the part interviews actually test. Tezvyn takes questions like this one and gives you what the interviewer is really checking, the answer that lands, and the mistake that ends the conversation, in the four minutes before your next meeting.

The iPhone app is on the way

We are building it. Until it lands, nothing here is held back from you: every interview card, your saved cards, streaks and the job board all work in Safari, plus hundreds of free practice quizzes of thirty questions each. Sign in and it all carries over to the app the day it arrives.

Want it as an icon? Tap Share at the bottom of Safari, then Add to Home Screen. It opens full screen and the cards you have read stay available offline.

Get it on Google PlayiPhone app coming soon

We are hiring for this. Open roles that interview on data visualization — each one lists the topics its interview covers.

See open roles