Practice data visualization best practices vocabulary: chart junk, data-ink ratio, misleading y-axis, annotations, and language for describing and critiquing visualizations.
0 / 25 completed
1 / 25
Edward Tufte coined the term 'chart junk'. What does it mean?
Chart junk (Tufte, 'The Visual Display of Quantitative Information') refers to decorative visual elements that add clutter without adding information — 3D bars, shading, excessive gridlines, clipart. The rule: every pixel should earn its place by encoding data.
2 / 25
What is the 'data-ink ratio' principle?
Data-ink ratio = data ink / total ink used. Tufte argues for maximizing it — remove every element that doesn't encode information. A chart with a high data-ink ratio communicates more clearly with less visual noise.
3 / 25
A chart has a y-axis that starts at 950 instead of 0, making a small difference look dramatic. What is this called?
A truncated y-axis starts above zero, making small percentage differences appear dramatic. This can be intentional manipulation or careless design. When reviewing charts, always check: 'Does this y-axis start at zero? If not, does the context justify the truncation?'
4 / 25
What is the purpose of 'annotations' in a data visualization?
Annotations add meaning to data points. Instead of making viewers interpret why there's a spike, you annotate: 'Launch of Feature X.' Good annotations tell the story within the chart. You'd say: 'I've added an annotation here to explain the October drop — that's when we changed the pricing model.'
5 / 25
Which phrase would you use to critique a visualization that makes a small difference look misleadingly large?
When critiquing visualizations, be specific and technical: 'This truncated y-axis exaggerates the difference.' Or: 'The data-ink ratio here is low — removing the background gridlines and 3D effect would make the actual values much clearer.' This demonstrates visual literacy.
6 / 25
Reviewer: 'This bar chart is fine for a quick overview, but the scale starts at 950. It's making a relatively small difference in sales revenue look *much* more significant than it actually is. Consider adjusting the axis to start at zero for greater clarity and to avoid this visual distortion. What's the best way to respond to this feedback to the developer who created the chart?
The key here is understanding that starting the y-axis at a value other than zero can exaggerate differences. The developer likely intended to show relative change, but the chosen scale introduced bias. Option 1 ignores this critical point, while option 3 attempts to justify the decision based on context, which isn't necessarily the primary concern when discussing best practices for data visualization. Option 4 is a misinterpretation of the feedback – it frames the issue as purely subjective.
7 / 25
Reviewer: 'The dashboard needs to clearly show the trend of user signups over the last quarter. This line chart is great, but I'm worried it's prioritizing visual appeal over conveying accurate information. The axis labels are tiny and almost illegible, and the color palette is overly complex. It feels like a distraction rather than an insightful representation.' What is the reviewer primarily concerned about regarding this visualization?
The reviewer is focusing on 'chart junk,' a term coined by Edward Tufte to describe unnecessary visual elements that distract from the core data. While insufficient contrast or unclear labels could be issues, the primary concern highlighted in the comment is the excessive decoration obscuring the underlying trend. This demonstrates an understanding of prioritizing clarity and accuracy over purely aesthetic design principles when visualizing data – a key best practice.
8 / 25
Reviewer: 'The API response shows a spike in error rates for the new user onboarding flow. The visualization uses a stacked area chart to represent this data over time. While it's visually engaging, I'm concerned the overlapping areas are making it difficult to discern the *actual* magnitude of each error type, and the color choices aren't clearly differentiating them. Can you provide an alternative representation?' What is the reviewer primarily requesting in this comment?
The reviewer isn't simply pointing out a problem with the visual aesthetics; they are requesting a more effective way to communicate the data. The core issue is the chart's inability to clearly show the *magnitude* of each error type due to overlapping areas and unclear color differentiation. Therefore, option 2 – 'a redesign focusing on clarity and distinctiveness of error types' – accurately reflects what the reviewer needs: a visualization that prioritizes informative representation over visual appeal.
9 / 25
PR Description: 'Just finished visualizing the new customer churn data! Using a scatter plot with color-coded points to show correlation between engagement and attrition. Looks awesome!'
During a code review, your teammate says, 'The scatter plot is visually appealing, but I'm not sure how easily someone can interpret the relationship between engagement and churn without further context. Could we add some annotations or labels to highlight key data points?' What's the best way for you to respond in this situation?
The core principle here is prioritizing clarity in data visualization. While visual appeal can draw attention, it shouldn't come at the expense of understanding. The best response acknowledges the teammate's concern (that annotations might overcomplicate) and affirms that further context is needed to ensure the data is easily interpreted – this aligns with best practices for effective data storytelling. Options A and B misinterpret the feedback; option C focuses on praising without addressing the underlying issue, while D suggests a fundamental flaw in the PR description itself.
10 / 25
Sarah: "Hey team, I've created this new visualization showing the growth of our user base over the last year. It's a line chart with a clear trend upwards!"
Mark (during a code review): "That's good to see the overall trend, but I'm wondering if we could improve the clarity. The y-axis doesn't start at zero, and there aren't any labels indicating specific user numbers. What's the best way for you to respond to Mark's feedback?
The key here is acknowledging the positive aspect (the trend) while gently suggesting a refinement. Starting the y-axis at zero is crucial for accurate representation; omitting axis labels hinders understanding of the specific data values. Option 2 demonstrates this balanced approach – recognizing the existing value without dismissing valid concerns about clarity, and focusing on practical improvements like labeling the axes.
11 / 25
Reviewer: 'This bar chart is fine for a quick overview, but the scale starts at 950. It's making a relatively small difference in sales revenue look *much* more significant than it actually is. Consider adjusting the axis to start at zero for greater clarity and to avoid this visual distortion. What's the best way to respond to this feedback to the developer who created the chart?
The key here is understanding that starting the y-axis at a value other than zero can exaggerate differences. The developer likely intended to show relative change, but the chosen scale introduced bias. Option 1 ignores this critical point, while option 3 attempts to justify the decision based on context, which isn't necessarily the primary concern when discussing best practices for data visualization. Option 4 is a misinterpretation of the feedback – it frames the issue as purely subjective.
12 / 25
Reviewer: 'The dashboard needs to clearly show the trend of user signups over the last quarter. This line chart is great, but I'm worried it's prioritizing visual appeal over conveying accurate information. The axis labels are tiny and almost illegible, and the color palette is overly complex. It feels like a distraction rather than an insightful representation.' What is the reviewer primarily concerned about regarding this visualization?
The reviewer is focusing on 'chart junk,' a term coined by Edward Tufte to describe unnecessary visual elements that distract from the core data. While insufficient contrast or unclear labels could be issues, the primary concern highlighted in the comment is the excessive decoration obscuring the underlying trend. This demonstrates an understanding of prioritizing clarity and accuracy over purely aesthetic design principles when visualizing data – a key best practice.
13 / 25
Reviewer: 'The API response shows a spike in error rates for the new user onboarding flow. The visualization uses a stacked area chart to represent this data over time. While it's visually engaging, I'm concerned the overlapping areas are making it difficult to discern the *actual* magnitude of each error type, and the color choices aren't clearly differentiating them. Can you provide an alternative representation?' What is the reviewer primarily requesting in this comment?
The reviewer isn't simply pointing out a problem with the visual aesthetics; they are requesting a more effective way to communicate the data. The core issue is the chart's inability to clearly show the *magnitude* of each error type due to overlapping areas and unclear color differentiation. Therefore, option 2 – 'a redesign focusing on clarity and distinctiveness of error types' – accurately reflects what the reviewer needs: a visualization that prioritizes informative representation over visual appeal.
14 / 25
PR Description: 'Just finished visualizing the new customer churn data! Using a scatter plot with color-coded points to show correlation between engagement and attrition. Looks awesome!'
During a code review, your teammate says, 'The scatter plot is visually appealing, but I'm not sure how easily someone can interpret the relationship between engagement and churn without further context. Could we add some annotations or labels to highlight key data points?' What's the best way for you to respond in this situation?
The core principle here is prioritizing clarity in data visualization. While visual appeal can draw attention, it shouldn't come at the expense of understanding. The best response acknowledges the teammate's concern (that annotations might overcomplicate) and affirms that further context is needed to ensure the data is easily interpreted – this aligns with best practices for effective data storytelling. Options A and B misinterpret the feedback; option C focuses on praising without addressing the underlying issue, while D suggests a fundamental flaw in the PR description itself.
15 / 25
Sarah: "Hey team, I've created this new visualization showing the growth of our user base over the last year. It's a line chart with a clear trend upwards!"
Mark (during a code review): "That's good to see the overall trend, but I'm wondering if we could improve the clarity. The y-axis doesn't start at zero, and there aren't any labels indicating specific user numbers. What's the best way for you to respond to Mark's feedback?
The key here is acknowledging the positive aspect (the trend) while gently suggesting a refinement. Starting the y-axis at zero is crucial for accurate representation; omitting axis labels hinders understanding of the specific data values. Option 2 demonstrates this balanced approach – recognizing the existing value without dismissing valid concerns about clarity, and focusing on practical improvements like labeling the axes.
16 / 25
Reviewer: 'This bar chart is fine for a quick overview, but the scale starts at 950. It's making a relatively small difference in sales revenue look *much* more significant than it actually is. Consider adjusting the axis to start at zero for greater clarity and to avoid this visual distortion. What's the best way to respond to this feedback to the developer who created the chart?
The key here is understanding that starting the y-axis at a value other than zero can exaggerate differences. The developer likely intended to show relative change, but the chosen scale introduced bias. Option 1 ignores this critical point, while option 3 attempts to justify the decision based on context, which isn't necessarily the primary concern when discussing best practices for data visualization. Option 4 is a misinterpretation of the feedback – it frames the issue as purely subjective.
17 / 25
Reviewer: 'The dashboard needs to clearly show the trend of user signups over the last quarter. This line chart is great, but I'm worried it's prioritizing visual appeal over conveying accurate information. The axis labels are tiny and almost illegible, and the color palette is overly complex. It feels like a distraction rather than an insightful representation.' What is the reviewer primarily concerned about regarding this visualization?
The reviewer is focusing on 'chart junk,' a term coined by Edward Tufte to describe unnecessary visual elements that distract from the core data. While insufficient contrast or unclear labels could be issues, the primary concern highlighted in the comment is the excessive decoration obscuring the underlying trend. This demonstrates an understanding of prioritizing clarity and accuracy over purely aesthetic design principles when visualizing data – a key best practice.
18 / 25
Reviewer: 'The API response shows a spike in error rates for the new user onboarding flow. The visualization uses a stacked area chart to represent this data over time. While it's visually engaging, I'm concerned the overlapping areas are making it difficult to discern the *actual* magnitude of each error type, and the color choices aren't clearly differentiating them. Can you provide an alternative representation?' What is the reviewer primarily requesting in this comment?
The reviewer isn't simply pointing out a problem with the visual aesthetics; they are requesting a more effective way to communicate the data. The core issue is the chart's inability to clearly show the *magnitude* of each error type due to overlapping areas and unclear color differentiation. Therefore, option 2 – 'a redesign focusing on clarity and distinctiveness of error types' – accurately reflects what the reviewer needs: a visualization that prioritizes informative representation over visual appeal.
19 / 25
PR Description: 'Just finished visualizing the new customer churn data! Using a scatter plot with color-coded points to show correlation between engagement and attrition. Looks awesome!'
During a code review, your teammate says, 'The scatter plot is visually appealing, but I'm not sure how easily someone can interpret the relationship between engagement and churn without further context. Could we add some annotations or labels to highlight key data points?' What's the best way for you to respond in this situation?
The core principle here is prioritizing clarity in data visualization. While visual appeal can draw attention, it shouldn't come at the expense of understanding. The best response acknowledges the teammate's concern (that annotations might overcomplicate) and affirms that further context is needed to ensure the data is easily interpreted – this aligns with best practices for effective data storytelling. Options A and B misinterpret the feedback; option C focuses on praising without addressing the underlying issue, while D suggests a fundamental flaw in the PR description itself.
20 / 25
Sarah: "Hey team, I've created this new visualization showing the growth of our user base over the last year. It's a line chart with a clear trend upwards!"
Mark (during a code review): "That's good to see the overall trend, but I'm wondering if we could improve the clarity. The y-axis doesn't start at zero, and there aren't any labels indicating specific user numbers. What's the best way for you to respond to Mark's feedback?
The key here is acknowledging the positive aspect (the trend) while gently suggesting a refinement. Starting the y-axis at zero is crucial for accurate representation; omitting axis labels hinders understanding of the specific data values. Option 2 demonstrates this balanced approach – recognizing the existing value without dismissing valid concerns about clarity, and focusing on practical improvements like labeling the axes.
21 / 25
Reviewer: 'This bar chart is fine for a quick overview, but the scale starts at 950. It's making a relatively small difference in sales revenue look *much* more significant than it actually is. Consider adjusting the axis to start at zero for greater clarity and to avoid this visual distortion. What's the best way to respond to this feedback to the developer who created the chart?
The key here is understanding that starting the y-axis at a value other than zero can exaggerate differences. The developer likely intended to show relative change, but the chosen scale introduced bias. Option 1 ignores this critical point, while option 3 attempts to justify the decision based on context, which isn't necessarily the primary concern when discussing best practices for data visualization. Option 4 is a misinterpretation of the feedback – it frames the issue as purely subjective.
22 / 25
Reviewer: 'The dashboard needs to clearly show the trend of user signups over the last quarter. This line chart is great, but I'm worried it's prioritizing visual appeal over conveying accurate information. The axis labels are tiny and almost illegible, and the color palette is overly complex. It feels like a distraction rather than an insightful representation.' What is the reviewer primarily concerned about regarding this visualization?
The reviewer is focusing on 'chart junk,' a term coined by Edward Tufte to describe unnecessary visual elements that distract from the core data. While insufficient contrast or unclear labels could be issues, the primary concern highlighted in the comment is the excessive decoration obscuring the underlying trend. This demonstrates an understanding of prioritizing clarity and accuracy over purely aesthetic design principles when visualizing data – a key best practice.
23 / 25
Reviewer: 'The API response shows a spike in error rates for the new user onboarding flow. The visualization uses a stacked area chart to represent this data over time. While it's visually engaging, I'm concerned the overlapping areas are making it difficult to discern the *actual* magnitude of each error type, and the color choices aren't clearly differentiating them. Can you provide an alternative representation?' What is the reviewer primarily requesting in this comment?
The reviewer isn't simply pointing out a problem with the visual aesthetics; they are requesting a more effective way to communicate the data. The core issue is the chart's inability to clearly show the *magnitude* of each error type due to overlapping areas and unclear color differentiation. Therefore, option 2 – 'a redesign focusing on clarity and distinctiveness of error types' – accurately reflects what the reviewer needs: a visualization that prioritizes informative representation over visual appeal.
24 / 25
PR Description: 'Just finished visualizing the new customer churn data! Using a scatter plot with color-coded points to show correlation between engagement and attrition. Looks awesome!'
During a code review, your teammate says, 'The scatter plot is visually appealing, but I'm not sure how easily someone can interpret the relationship between engagement and churn without further context. Could we add some annotations or labels to highlight key data points?' What's the best way for you to respond in this situation?
The core principle here is prioritizing clarity in data visualization. While visual appeal can draw attention, it shouldn't come at the expense of understanding. The best response acknowledges the teammate's concern (that annotations might overcomplicate) and affirms that further context is needed to ensure the data is easily interpreted – this aligns with best practices for effective data storytelling. Options A and B misinterpret the feedback; option C focuses on praising without addressing the underlying issue, while D suggests a fundamental flaw in the PR description itself.
25 / 25
Sarah: "Hey team, I've created this new visualization showing the growth of our user base over the last year. It's a line chart with a clear trend upwards!"
Mark (during a code review): "That's good to see the overall trend, but I'm wondering if we could improve the clarity. The y-axis doesn't start at zero, and there aren't any labels indicating specific user numbers. What's the best way for you to respond to Mark's feedback?
The key here is acknowledging the positive aspect (the trend) while gently suggesting a refinement. Starting the y-axis at zero is crucial for accurate representation; omitting axis labels hinders understanding of the specific data values. Option 2 demonstrates this balanced approach – recognizing the existing value without dismissing valid concerns about clarity, and focusing on practical improvements like labeling the axes.
What does the "Data Visualization Best Practices Vocabulary" exercise practise?
Practice data visualization best practices vocabulary: chart junk, data-ink ratio, misleading y-axis, annotations, and language for describing and critiquing visualizations.
How many questions are in this exercise?
This exercise has 25 questions, each multiple-choice with a full explanation shown after you answer.
What English level is this exercise for?
This exercise is tagged Intermediate. If the vocabulary feels difficult, browse the Data Visualization category page for an easier module to start with.
Is this exercise free to use?
Yes. Every exercise on CoderSlingo, including this one, is free with no account, sign-up, or paywall.
Do I get feedback if I answer incorrectly?
Yes — whichever option you choose, right or wrong, you'll immediately see an explanation clarifying the correct term and why the other options don't fit.
Can I retry this exercise?
Yes — once you finish all the questions, a "Try again" button on the results screen resets the exercise so you can practise as many times as you like.
Do I need an account to track my progress?
No account is required. Your progress bar and score for this session are tracked in the browser as you go, but nothing is saved once you leave the page.
Is "Data Visualization Best Practices Vocabulary" part of a larger series?
Yes — it's one exercise in the Data Visualization category on CoderSlingo. See the category page for the full list of related exercises on similar terminology.
Can I link directly to this exercise?
Yes — this exercise has its own permanent URL, so you can bookmark it or share the link directly with a colleague or study partner.
Where can I find more exercises like this one?
See the Data Visualization category page for related exercises, or browse the main Exercises hub for other IT English topics.