The title states that all data has equal value to be explored by the viewer, but the cabbage data is such a lighter color, it looks like the viewer should first focus on carrot data.
Do's - Hierarchy
Use color of equal visual prominence. Non-text contrast ratio of at least 3:1 is suggested for accessibility by WCAG 2.1. (See References & Resources > Accessibility & Color to learn more about color and accessibility.)
Hierarchy_tag
Don'ts - Scale
The numerical value on the Y axis is inconsistent, which makes the chart confusing and possibly leads the viewer down the wrong path.
DO's - Scale
Both the numerical values along the Y axis and the years along the X axes are consistent, so the viewer easily understands the layout.
Scale_tag
Don'ts - Readability
When visual clutter dominates the chart, viewers can spend more time trying to visually organize and understand the clutter than interpret the data.
Do's - Readability
Using concise and accurate language, fonts that are easy to read and eliminating unnecessary words or visuals allows the viewer to focus on the data.
Readability_tag
Don'ts - Color
Using bold colors is distracting and makes reading the data difficult.
Do's - Color
Use color of equal visual prominence. Non-text contrast ratio of at least 3:1 is suggested for accessibility by WCAG 2.1. (See References & Resources > Accessibility & Color to learn more about color and accessibility.)
Color_tag
Don'ts - Axis
It can be misleading and difficult to understand if you do not start at zero.
Do's - Axis
By labeling the X and Y axes, the chart organization is easy to understand. Bar charts usually start with zero.
Axis_tag
Compare with Pie Chart
Don'ts
Pie charts can be difficult to read anyway, but are definitely not good to show change over time. Having two side by side can be especially disorienting.
Do's
Use the bar chart to show a categorical data comparison.
.svg)
.svg)