Tutorial for Data-Driven Charts 001- Area Charts
Working with Area Charts
Area charts typically show volume over time: trend and volume together. If the data is simple, straight x and y axes are enough. If there are a many areas building on top of each other, you may want to consider adding grid lines to help they eye determine values.
Customizing data-driven charts
To adjust the size of a data-driven chart, you must double click on it and then adjust it by pulling the corner handles. Do not size without double-clicking on the chart. The text will skew and the chart may even eventually corrupt if you size incorrectly. This is important. The text may scale as you do this (which is an option you can choose or not choose). We recommend that you do not scale your text, as font size consistency is important for readability.
The colors for data-driven charts are determined by your template's color scheme or palette. Your template needs to reflect the branded colors of your template or your charts will fail to do so. If you need to augment the colors in your template, select complementary or contrasting colors that work well with your palette. Then use them consistently.
3D is not recommended. 3D in charts is ambiguous and imprecise. The idea behind presenting data is to be precise. Never sacrifice clarity or concision for the sake of style.
Apply shadows carefully if at all. It's probably better to apply gradients, patterns, and pictures. You don't want anything to obscure the values or make them ambiguous. This is the same argument against using 3D.
Gradients, patterns, and pictures
Gradients can be used, but use them consistently and carefully.
Animate with a purpose. Simple reveals are much more effective than the more "startling" animations, unless of course you are trying to startle your audience. Add pizzazz by way of content, not by adding sparkly accessories.