ChartsCSS.org
Visual regression tests for chart labels align
Bar Chart
None
Years Compared
| Year |
Progress 1 |
Progress 2 |
Progress 3 |
Progress 4 |
Progress 5 |
| 2000 |
20 |
50 |
100 |
70 |
40 |
| 2020 |
20 |
40 |
60 |
80 |
100 |
Years Compared
| Year |
Progress 1 |
Progress 2 |
Progress 3 |
Progress 4 |
Progress 5 |
| 2000 |
20 |
50 |
100 |
70 |
40 |
| 2020 |
20 |
40 |
60 |
80 |
100 |
Years Compared
| Year |
Progress 1 |
Progress 2 |
Progress 3 |
Progress 4 |
Progress 5 |
| 2000 |
20 |
50 |
100 |
70 |
40 |
| 2020 |
20 |
40 |
60 |
80 |
100 |
Years Compared
| Year |
Progress 1 |
Progress 2 |
Progress 3 |
Progress 4 |
Progress 5 |
| 2000 |
20 |
50 |
100 |
70 |
40 |
| 2020 |
20 |
40 |
60 |
80 |
100 |
Align Inline Start
Years Compared
| Year |
Progress 1 |
Progress 2 |
Progress 3 |
Progress 4 |
Progress 5 |
| 2000 |
20 |
50 |
100 |
70 |
40 |
| 2020 |
20 |
40 |
60 |
80 |
100 |
Years Compared
| Year |
Progress 1 |
Progress 2 |
Progress 3 |
Progress 4 |
Progress 5 |
| 2000 |
20 |
50 |
100 |
70 |
40 |
| 2020 |
20 |
40 |
60 |
80 |
100 |
Years Compared
| Year |
Progress 1 |
Progress 2 |
Progress 3 |
Progress 4 |
Progress 5 |
| 2000 |
20 |
50 |
100 |
70 |
40 |
| 2020 |
20 |
40 |
60 |
80 |
100 |
Years Compared
| Year |
Progress 1 |
Progress 2 |
Progress 3 |
Progress 4 |
Progress 5 |
| 2000 |
20 |
50 |
100 |
70 |
40 |
| 2020 |
20 |
40 |
60 |
80 |
100 |
Align Inline End
Years Compared
| Year |
Progress 1 |
Progress 2 |
Progress 3 |
Progress 4 |
Progress 5 |
| 2000 |
20 |
50 |
100 |
70 |
40 |
| 2020 |
20 |
40 |
60 |
80 |
100 |
Years Compared
| Year |
Progress 1 |
Progress 2 |
Progress 3 |
Progress 4 |
Progress 5 |
| 2000 |
20 |
50 |
100 |
70 |
40 |
| 2020 |
20 |
40 |
60 |
80 |
100 |
Years Compared
| Year |
Progress 1 |
Progress 2 |
Progress 3 |
Progress 4 |
Progress 5 |
| 2000 |
20 |
50 |
100 |
70 |
40 |
| 2020 |
20 |
40 |
60 |
80 |
100 |
Years Compared
| Year |
Progress 1 |
Progress 2 |
Progress 3 |
Progress 4 |
Progress 5 |
| 2000 |
20 |
50 |
100 |
70 |
40 |
| 2020 |
20 |
40 |
60 |
80 |
100 |
Align Inline Center
Years Compared
| Year |
Progress 1 |
Progress 2 |
Progress 3 |
Progress 4 |
Progress 5 |
| 2000 |
20 |
50 |
100 |
70 |
40 |
| 2020 |
20 |
40 |
60 |
80 |
100 |
Years Compared
| Year |
Progress 1 |
Progress 2 |
Progress 3 |
Progress 4 |
Progress 5 |
| 2000 |
20 |
50 |
100 |
70 |
40 |
| 2020 |
20 |
40 |
60 |
80 |
100 |
Years Compared
| Year |
Progress 1 |
Progress 2 |
Progress 3 |
Progress 4 |
Progress 5 |
| 2000 |
20 |
50 |
100 |
70 |
40 |
| 2020 |
20 |
40 |
60 |
80 |
100 |
Years Compared
| Year |
Progress 1 |
Progress 2 |
Progress 3 |
Progress 4 |
Progress 5 |
| 2000 |
20 |
50 |
100 |
70 |
40 |
| 2020 |
20 |
40 |
60 |
80 |
100 |
Column Chart
None
Years Compared
| Year |
Progress 1 |
Progress 2 |
Progress 3 |
Progress 4 |
Progress 5 |
| 2000 aa bb |
20 |
50 |
100 |
70 |
40 |
| 2020 aa bb |
20 |
40 |
60 |
80 |
100 |
Years Compared
| Year |
Progress 1 |
Progress 2 |
Progress 3 |
Progress 4 |
Progress 5 |
| 2000 aa bb |
20 |
50 |
100 |
70 |
40 |
| 2020 aa bb |
20 |
40 |
60 |
80 |
100 |
Years Compared
| Year |
Progress 1 |
Progress 2 |
Progress 3 |
Progress 4 |
Progress 5 |
| 2000 aa bb |
20 |
50 |
100 |
70 |
40 |
| 2020 aa bb |
20 |
40 |
60 |
80 |
100 |
Years Compared
| Year |
Progress 1 |
Progress 2 |
Progress 3 |
Progress 4 |
Progress 5 |
| 2000 aa bb |
20 |
50 |
100 |
70 |
40 |
| 2020 aa bb |
20 |
40 |
60 |
80 |
100 |
Align Block Start
Years Compared
| Year |
Progress 1 |
Progress 2 |
Progress 3 |
Progress 4 |
Progress 5 |
| 2000 |
20 |
50 |
100 |
70 |
40 |
| 2020 |
20 |
40 |
60 |
80 |
100 |
Years Compared
| Year |
Progress 1 |
Progress 2 |
Progress 3 |
Progress 4 |
Progress 5 |
| 2000 |
20 |
50 |
100 |
70 |
40 |
| 2020 |
20 |
40 |
60 |
80 |
100 |
Years Compared
| Year |
Progress 1 |
Progress 2 |
Progress 3 |
Progress 4 |
Progress 5 |
| 2000 |
20 |
50 |
100 |
70 |
40 |
| 2020 |
20 |
40 |
60 |
80 |
100 |
Years Compared
| Year |
Progress 1 |
Progress 2 |
Progress 3 |
Progress 4 |
Progress 5 |
| 2000 |
20 |
50 |
100 |
70 |
40 |
| 2020 |
20 |
40 |
60 |
80 |
100 |
Align Block End
Years Compared
| Year |
Progress 1 |
Progress 2 |
Progress 3 |
Progress 4 |
Progress 5 |
| 2000 |
20 |
50 |
100 |
70 |
40 |
| 2020 |
20 |
40 |
60 |
80 |
100 |
Years Compared
| Year |
Progress 1 |
Progress 2 |
Progress 3 |
Progress 4 |
Progress 5 |
| 2000 |
20 |
50 |
100 |
70 |
40 |
| 2020 |
20 |
40 |
60 |
80 |
100 |
Years Compared
| Year |
Progress 1 |
Progress 2 |
Progress 3 |
Progress 4 |
Progress 5 |
| 2000 |
20 |
50 |
100 |
70 |
40 |
| 2020 |
20 |
40 |
60 |
80 |
100 |
Years Compared
| Year |
Progress 1 |
Progress 2 |
Progress 3 |
Progress 4 |
Progress 5 |
| 2000 |
20 |
50 |
100 |
70 |
40 |
| 2020 |
20 |
40 |
60 |
80 |
100 |
Align Block Center
Years Compared
| Year |
Progress 1 |
Progress 2 |
Progress 3 |
Progress 4 |
Progress 5 |
| 2000 |
20 |
50 |
100 |
70 |
40 |
| 2020 |
20 |
40 |
60 |
80 |
100 |
Years Compared
| Year |
Progress 1 |
Progress 2 |
Progress 3 |
Progress 4 |
Progress 5 |
| 2000 |
20 |
50 |
100 |
70 |
40 |
| 2020 |
20 |
40 |
60 |
80 |
100 |
Years Compared
| Year |
Progress 1 |
Progress 2 |
Progress 3 |
Progress 4 |
Progress 5 |
| 2000 |
20 |
50 |
100 |
70 |
40 |
| 2020 |
20 |
40 |
60 |
80 |
100 |
Years Compared
| Year |
Progress 1 |
Progress 2 |
Progress 3 |
Progress 4 |
Progress 5 |
| 2000 |
20 |
50 |
100 |
70 |
40 |
| 2020 |
20 |
40 |
60 |
80 |
100 |
Area Chart
None
Years Compared
| Year |
Progress 1 |
Progress 2 |
Progress 3 |
| 2000 |
50 |
20 |
40 |
| 2010 |
80 |
50 |
10 |
| 2020 |
40 |
30 |
20 |
Years Compared
| Year |
Progress 1 |
Progress 2 |
Progress 3 |
| 2000 |
50 |
20 |
40 |
| 2010 |
80 |
50 |
10 |
| 2020 |
40 |
30 |
20 |
Years Compared
| Year |
Progress 1 |
Progress 2 |
Progress 3 |
| 2000 |
50 |
20 |
40 |
| 2010 |
80 |
50 |
10 |
| 2020 |
40 |
30 |
20 |
Years Compared
| Year |
Progress 1 |
Progress 2 |
Progress 3 |
| 2000 |
50 |
20 |
40 |
| 2010 |
80 |
50 |
10 |
| 2020 |
40 |
30 |
20 |
Align Block Start
Years Compared
| Year |
Progress 1 |
Progress 2 |
Progress 3 |
| 2000 |
50 |
20 |
40 |
| 2010 |
80 |
50 |
10 |
| 2020 |
40 |
30 |
20 |
Years Compared
| Year |
Progress 1 |
Progress 2 |
Progress 3 |
| 2000 |
50 |
20 |
40 |
| 2010 |
80 |
50 |
10 |
| 2020 |
40 |
30 |
20 |
Years Compared
| Year |
Progress 1 |
Progress 2 |
Progress 3 |
| 2000 |
50 |
20 |
40 |
| 2010 |
80 |
50 |
10 |
| 2020 |
40 |
30 |
20 |
Years Compared
| Year |
Progress 1 |
Progress 2 |
Progress 3 |
| 2000 |
50 |
20 |
40 |
| 2010 |
80 |
50 |
10 |
| 2020 |
40 |
30 |
20 |
Align Block End
Years Compared
| Year |
Progress 1 |
Progress 2 |
Progress 3 |
| 2000 |
50 |
20 |
40 |
| 2010 |
80 |
50 |
10 |
| 2020 |
40 |
30 |
20 |
Years Compared
| Year |
Progress 1 |
Progress 2 |
Progress 3 |
| 2000 |
50 |
20 |
40 |
| 2010 |
80 |
50 |
10 |
| 2020 |
40 |
30 |
20 |
Years Compared
| Year |
Progress 1 |
Progress 2 |
Progress 3 |
| 2000 |
50 |
20 |
40 |
| 2010 |
80 |
50 |
10 |
| 2020 |
40 |
30 |
20 |
Years Compared
| Year |
Progress 1 |
Progress 2 |
Progress 3 |
| 2000 |
50 |
20 |
40 |
| 2010 |
80 |
50 |
10 |
| 2020 |
40 |
30 |
20 |
Align Block Center
Years Compared
| Year |
Progress 1 |
Progress 2 |
Progress 3 |
| 2000 |
50 |
20 |
40 |
| 2010 |
80 |
50 |
10 |
| 2020 |
40 |
30 |
20 |
Years Compared
| Year |
Progress 1 |
Progress 2 |
Progress 3 |
| 2000 |
50 |
20 |
40 |
| 2010 |
80 |
50 |
10 |
| 2020 |
40 |
30 |
20 |
Years Compared
| Year |
Progress 1 |
Progress 2 |
Progress 3 |
| 2000 |
50 |
20 |
40 |
| 2010 |
80 |
50 |
10 |
| 2020 |
40 |
30 |
20 |
Years Compared
| Year |
Progress 1 |
Progress 2 |
Progress 3 |
| 2000 |
50 |
20 |
40 |
| 2010 |
80 |
50 |
10 |
| 2020 |
40 |
30 |
20 |
Line Chart
None
Years Compared
| Year |
Progress 1 |
Progress 2 |
Progress 3 |
| 2000 |
50 |
20 |
40 |
| 2010 |
80 |
50 |
10 |
| 2020 |
40 |
30 |
20 |
Years Compared
| Year |
Progress 1 |
Progress 2 |
Progress 3 |
| 2000 |
50 |
20 |
40 |
| 2010 |
80 |
50 |
10 |
| 2020 |
40 |
30 |
20 |
Years Compared
| Year |
Progress 1 |
Progress 2 |
Progress 3 |
| 2000 |
50 |
20 |
40 |
| 2010 |
80 |
50 |
10 |
| 2020 |
40 |
30 |
20 |
Years Compared
| Year |
Progress 1 |
Progress 2 |
Progress 3 |
| 2000 |
50 |
20 |
40 |
| 2010 |
80 |
50 |
10 |
| 2020 |
40 |
30 |
20 |
Align Block Start
Years Compared
| Year |
Progress 1 |
Progress 2 |
Progress 3 |
| 2000 |
50 |
20 |
40 |
| 2010 |
80 |
50 |
10 |
| 2020 |
40 |
30 |
20 |
Years Compared
| Year |
Progress 1 |
Progress 2 |
Progress 3 |
| 2000 |
50 |
20 |
40 |
| 2010 |
80 |
50 |
10 |
| 2020 |
40 |
30 |
20 |
Years Compared
| Year |
Progress 1 |
Progress 2 |
Progress 3 |
| 2000 |
50 |
20 |
40 |
| 2010 |
80 |
50 |
10 |
| 2020 |
40 |
30 |
20 |
Years Compared
| Year |
Progress 1 |
Progress 2 |
Progress 3 |
| 2000 |
50 |
20 |
40 |
| 2010 |
80 |
50 |
10 |
| 2020 |
40 |
30 |
20 |
Align Block End
Years Compared
| Year |
Progress 1 |
Progress 2 |
Progress 3 |
| 2000 |
50 |
20 |
40 |
| 2010 |
80 |
50 |
10 |
| 2020 |
40 |
30 |
20 |
Years Compared
| Year |
Progress 1 |
Progress 2 |
Progress 3 |
| 2000 |
50 |
20 |
40 |
| 2010 |
80 |
50 |
10 |
| 2020 |
40 |
30 |
20 |
Years Compared
| Year |
Progress 1 |
Progress 2 |
Progress 3 |
| 2000 |
50 |
20 |
40 |
| 2010 |
80 |
50 |
10 |
| 2020 |
40 |
30 |
20 |
Years Compared
| Year |
Progress 1 |
Progress 2 |
Progress 3 |
| 2000 |
50 |
20 |
40 |
| 2010 |
80 |
50 |
10 |
| 2020 |
40 |
30 |
20 |
Align Block Center
Years Compared
| Year |
Progress 1 |
Progress 2 |
Progress 3 |
| 2000 |
50 |
20 |
40 |
| 2010 |
80 |
50 |
10 |
| 2020 |
40 |
30 |
20 |
Years Compared
| Year |
Progress 1 |
Progress 2 |
Progress 3 |
| 2000 |
50 |
20 |
40 |
| 2010 |
80 |
50 |
10 |
| 2020 |
40 |
30 |
20 |
Years Compared
| Year |
Progress 1 |
Progress 2 |
Progress 3 |
| 2000 |
50 |
20 |
40 |
| 2010 |
80 |
50 |
10 |
| 2020 |
40 |
30 |
20 |
Years Compared
| Year |
Progress 1 |
Progress 2 |
Progress 3 |
| 2000 |
50 |
20 |
40 |
| 2010 |
80 |
50 |
10 |
| 2020 |
40 |
30 |
20 |