Pattern bar chart tool
Build a stacked chart using NSW colour families and SVG patterns. Choose a brand or Aboriginal palette, set primary and accent families, assign three patterns, and review the AA and AAA chart checks, written summary, and semantic data table while grey remains the neutral series automatically.
Theme
Switch between the NSW brand and Aboriginal palettes.
Palette families
Pick the primary and accent families. The tool locks marks to approved accessible chart fills, and Grey 02 stays fixed as the neutral series.
Accessible chart mode
Primary and accent selections are limited to colours whose approved chart marks clear at least 3:1 on the white plot background. The checker still flags which combinations reach 7:1, and stacked segments use white separators so neighbouring bars stay visually distinct.
Poor · Grey 02
nsw-grey-600
Pattern mapping
Assign three distinct chart patterns from a curated accessibility-safe set.
Live preview
Primary and accent use approved 01 chart marks, grey uses approved 02, and white separators keep stacked segments distinct while the audit tracks both AA and AAA.
Summary
Across 2017 to 2021, Very Poor · Red 01 contributes the largest total overall. The combined chart total peaks in 2017 and 2018 and 2019 and 2020 and 2021 at 50, while Poor · Grey 02 reaches its highest value in 2019.
Data table
| Year | Very Poor | Poor | Good | Very Good | Total |
|---|---|---|---|---|---|
| 2017 | 35 | 7 | 4 | 4 | 50 |
| 2018 | 19 | 14 | 8 | 9 | 50 |
| 2019 | 9 | 33 | 6 | 2 | 50 |
| 2020 | 28 | 4 | 2 | 16 | 50 |
| 2021 | 19 | 7 | 13 | 11 | 50 |
Contrast compliance checks
Live checks for chart marks against the white plot background and each pattern overlay against its own fill. Level AA at 3:1 is the minimum pass, and the panel also shows which combinations reach the 7:1 AAA target.
AA non-text
7/7
All chart-mark checks meet or exceed 3:1.
AAA target
7/7
All chart-mark checks meet or exceed 7:1.
Weakest check
8.21:1
Poor · Grey 02
Against plot background
Each series checked against the white chart surface.
Very Poor · Red 01
Chart mark against the fixed white plot background.
Chart mark
nsw-red-800
Compared with
Plot background
13.60:1
Poor · Grey 02
Chart mark against the fixed white plot background.
Chart mark
nsw-grey-600
Compared with
Plot background
8.21:1
Good · Blue 01
Chart mark against the fixed white plot background.
Chart mark
nsw-blue-800
Compared with
Plot background
14.37:1
Very Good · Blue 01
Chart mark against the fixed white plot background.
Chart mark
nsw-blue-800
Compared with
Plot background
14.37:1
Pattern visibility
Pattern stroke checked against the bar fill it sits on.
Very Poor · Red 01 overlay
Single Dot Grid 8 pattern stroke against its own bar fill.
Chart mark
nsw-red-200
Compared with
nsw-red-800
11.50:1
Good · Blue 01 overlay
X Grid 8 pattern stroke against its own bar fill.
Chart mark
nsw-blue-200
Compared with
nsw-blue-800
11.68:1
Very Good · Blue 01 overlay
Rising Diagonal 8 pattern stroke against its own bar fill.
Chart mark
nsw-blue-200
Compared with
nsw-blue-800
11.68:1
White separators are still used in the chart, but they share the same white contrast baseline as the plot background, so a separate duplicate card is not shown. Axis labels, legend text, and tooltip text are handled separately through the visible summary and semantic data table.
Very Good · Blue 01
nsw-blue-800
Rising Diagonal 8
Good · Blue 01
nsw-blue-800
X Grid 8
Poor · Grey 02
nsw-grey-600
Solid fill
Very Poor · Red 01
nsw-red-800
Single Dot Grid 8