ChartsCSS.org
Visual regression tests for chart data position
Bar Chart
None
Years Compared
| Year |
Progress 1 |
Progress 2 |
Progress 3 |
Progress 4 |
Progress 5 |
| 2000 |
te xt |
20 |
50 |
100 |
70 |
40 |
| 2020 |
te xt |
40 |
60 |
80 |
100 |
Years Compared
| Year |
Progress 1 |
Progress 2 |
Progress 3 |
Progress 4 |
Progress 5 |
| 2000 |
te xt |
20 |
50 |
100 |
70 |
40 |
| 2020 |
te xt |
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 |
Data Position 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 |
Data Position 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 |
Data Position 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 |
Data Position Outside
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 |
te xt |
20 |
50 |
100 |
70 |
40 |
| 2020 |
te xt |
20 |
40 |
60 |
80 |
100 |
Years Compared
| Year |
Progress 1 |
Progress 2 |
Progress 3 |
Progress 4 |
Progress 5 |
| 2000 |
te xt |
20 |
50 |
100 |
70 |
40 |
| 2020 |
te xt |
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 |
Data Position 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 |
Data Position 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 |
Data Position 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 |
Data Position Outside
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 |
Data Position 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 |
Data Position 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 |
Data Position 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 |
Data Position 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 |
Data Position 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 |
Data Position 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 |