Preview image. Unlock full-res
Data-viz page showing two framed example charts, a stacked horizontal bar chart and a stacked column chart, using a greyscale-plus-blue-plus-black data sequence.
Summary
The "7.8 Data visualization / Bar and column charts (stacked)" page: two framed chart examples, a stacked horizontal bar chart and a stacked vertical column chart, demonstrating the brand's data sequence of greys plus one blue and black.
Visual description
White background with the "7.8 / Data visualization / Bar and column charts (stacked)" header and a short left-column note on when to use stacked bars versus columns. Two thin-outlined chart panels fill the right two-thirds. The left panel is a "Multiple Bar Chart Title (stacked)" with seven horizontal stacked bars; the right is a "Multiple Column Chart Title" with seven vertical stacked columns. Both use the same five-step data sequence (a light-to-mid grey ramp plus electric blue plus black) shown in a "Data set 1-5" legend top-right, with placeholder axis labels and a small source line at the bottom.
Key takeaway
A restrained data palette built mostly from a greyscale ramp with a single blue and black as accents, so charts stay on-brand and legible without rainbow color. Providing matched stacked-bar and stacked-column templates with legend and source line gives a ready-to-fill chart system.
Reuse notes
A practical data-viz spec page. Reuse the grey-ramp-plus-one-accent sequence for any branded chart set to keep visualizations calm and consistent. The framed example-chart panels with placeholder labels are a good pattern for documenting chart types in a guideline.
