![\"\"](\"http:\/\/www.medianet-ny.com\/wordpress\/wp-content\/themes\/atahualpa.3.2\/atahualpa\/images\/TIP-NA.jpg\" "\\"TIP\\"")
<\/p>\n<\/p>\n
When you have related elements<\/em> in the foreground of a chart, arrange them in a darker-to-lighter pattern<\/em> from the bottom of the chart, upward. This “Earth-to-Sky” pattern is the way we view color naturally; that is, from the earth to the sky.<\/p>\n \u00a0Keep in mind that the elements must be related<\/em> to one another, as in a group. \u00a0 If there were three segments per bar, then the bottom segment would be darkest, the middle segment a bit lighter and the top segment the lightest.<\/p>\n If the top segment had been the darkest color, the chart would appear top-heavy.<\/p>\n \u00a0<\/p>\n Don’t use the “piano-key” approach by putting the lightest color between surrounding darker colors.<\/p>\n When looking at a related set of items from left-to-right, or from bottom-to-top, the eye scans colors more easily when the arrangement is a dark-to-light pattern. A faster scan gives the audience more time to listen to the message.<\/p>\n \u00a0Since the order of the colors can make a difference, why not use this to your advantage?<\/p>\n","protected":false},"excerpt":{"rendered":" When you have related elements in the foreground of a chart, arrange them in a darker-to-lighter pattern from the bottom of the chart, upward. This “Earth-to-Sky” pattern is the way we view color naturally; that is, from the earth to the sky.<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":false,"jetpack_social_options":{"image_generator_settings":{"template":"highway","enabled":false}}},"categories":[13],"tags":[7,9,24],"jetpack_publicize_connections":[],"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/paPH93-mp","_links":{"self":[{"href":"http:\/\/medianet-ny.com\/wordpress\/wp-json\/wp\/v2\/posts\/1389"}],"collection":[{"href":"http:\/\/medianet-ny.com\/wordpress\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/medianet-ny.com\/wordpress\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/medianet-ny.com\/wordpress\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/medianet-ny.com\/wordpress\/wp-json\/wp\/v2\/comments?post=1389"}],"version-history":[{"count":20,"href":"http:\/\/medianet-ny.com\/wordpress\/wp-json\/wp\/v2\/posts\/1389\/revisions"}],"predecessor-version":[{"id":1397,"href":"http:\/\/medianet-ny.com\/wordpress\/wp-json\/wp\/v2\/posts\/1389\/revisions\/1397"}],"wp:attachment":[{"href":"http:\/\/medianet-ny.com\/wordpress\/wp-json\/wp\/v2\/media?parent=1389"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/medianet-ny.com\/wordpress\/wp-json\/wp\/v2\/categories?post=1389"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/medianet-ny.com\/wordpress\/wp-json\/wp\/v2\/tags?post=1389"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}![\"earth-to-sky-base\"](\"http:\/\/medianet-ny.com\/wordpress\/wp-content\/uploads\/2009\/05\/2523300-fig-67-150x113.jpg\" "\\"earth-to-sky-base\\"")
The earth is darker than the trees, which are darker than the sky, which is darker than the clouds.\u00a0<\/p>\n![\"earth-to-sky-overlay\"](\"http:\/\/medianet-ny.com\/wordpress\/wp-content\/uploads\/2009\/05\/2523300-fig-68-150x113.jpg\" "\\"earth-to-sky-overlay\\"")
So, when you have related foreground elements that may use different colors, you should choose an order of those colors from darker to lighter.<\/p>\n
\n\u00a0<\/p>\n![\"earth-to-sky-segmented-bars\"](\"http:\/\/medianet-ny.com\/wordpress\/wp-content\/uploads\/2009\/05\/2523310-fig-69-300x225.jpg\" "\\"earth-to-sky-segmented-bars\\"")
<\/p>\n
\nFor example, in a segmented vertical bar chart<\/strong> you can use the darker-to-lighter<\/em> Earth-to-Sky pattern for the segments within each bar.<\/p>\n![\"earth-to-sky-clustered-bars\"](\"http:\/\/medianet-ny.com\/wordpress\/wp-content\/uploads\/2009\/05\/2523320-fig-70-300x225.jpg\" "\\"earth-to-sky-clustered-bars\\"")
When displaying clusters of bars<\/strong>, choose a darker-to-lighter pattern starting from the left-most bar<\/em> in each cluster.<\/p>\n