Commit 18ee0e10 authored by Paul Asmuth's avatar Paul Asmuth
Browse files

update barchart examples and test cases

parent 5fef9c8c
Loading
Loading
Loading
Loading
+0 −42
Original line number Diff line number Diff line
width: 1200px;
height: 480px;

scale-y-min: 0;
scale-y-max: 30;
scale-x-padding: 0.6;

bars {
  xs: csv(tests/testdata/city_temperatures_london.csv, month);
  ys: csv(tests/testdata/city_temperatures_london.csv, temperature);
  labels: csv(tests/testdata/city_temperatures_london.csv, temperature_str);
  size: 2.6em;
  color: #4572a7;
}

axis {
  position: left;
  layout: linear(5);
}

axis {
  position: right;
  layout: linear(5);
}

axis {
  position: top;
  layout: linear(1, align 1);
  labels: csv(tests/testdata/city_temperatures_london.csv, month_name);
}

axis {
  position: bottom;
  layout: linear(1, align 1);
  labels: csv(tests/testdata/city_temperatures_london.csv, month_name);
}

legend {
  position: top left inside;
  items: "London";
  colors: #4572a7, #aa4643, #89a54e, #80699b;
}
+0 −47
Original line number Diff line number Diff line
width: 1280px;
height: 480px;

scale-y-min: 0;
scale-y-max: 35;
scale-x-padding: 0.6;

bars {
  xs: csv(tests/testdata/city_temperatures_london.csv, month);
  ys: csv(tests/testdata/city_temperatures_london.csv, temperature);
  size: 2.6em;
  color: #4572a7;
}

lines {
  xs: csv(tests/testdata/city_temperatures_tokyo.csv, month);
  ys: csv(tests/testdata/city_temperatures_tokyo.csv, temperature);
  color: #aa4643;
}

points {
  xs: csv(tests/testdata/city_temperatures_tokyo.csv, month);
  ys: csv(tests/testdata/city_temperatures_tokyo.csv, temperature);
  color: #aa4643;
}

axis {
  position: top;
  layout: linear(1, align 1);
  labels: csv(tests/testdata/city_temperatures_tokyo.csv, month_name);
}

axis {
  position: bottom;
  layout: linear(1, align 1);
  labels: csv(tests/testdata/city_temperatures_tokyo.csv, month_name);
}

axis {
  position: left;
  layout: linear(5);
}

axis {
  position: right;
  layout: linear(5);
}
+0 −112
Original line number Diff line number Diff line
<svg xmlns="http://www.w3.org/2000/svg" width="1280.000000" height="480.000000" viewBox="0 0 1280.0 480.0">
  <rect width="1280.000000" height="480.000000" fill="#ffffff"/>
  <path stroke-width="1.333333" stroke="#333333" fill="none" d="M60.280208 430.266667 L1219.719792 430.266667 "/>
  <path stroke-width="1.333333" stroke="#333333" fill="none" d="M117.301825 430.266667 L117.301825 424.933333 "/>
  <path stroke-width="1.333333" stroke="#333333" fill="none" d="M212.337853 430.266667 L212.337853 424.933333 "/>
  <path stroke-width="1.333333" stroke="#333333" fill="none" d="M307.373882 430.266667 L307.373882 424.933333 "/>
  <path stroke-width="1.333333" stroke="#333333" fill="none" d="M402.40991 430.266667 L402.40991 424.933333 "/>
  <path stroke-width="1.333333" stroke="#333333" fill="none" d="M497.445939 430.266667 L497.445939 424.933333 "/>
  <path stroke-width="1.333333" stroke="#333333" fill="none" d="M592.481967 430.266667 L592.481967 424.933333 "/>
  <path stroke-width="1.333333" stroke="#333333" fill="none" d="M687.517996 430.266667 L687.517996 424.933333 "/>
  <path stroke-width="1.333333" stroke="#333333" fill="none" d="M782.554024 430.266667 L782.554024 424.933333 "/>
  <path stroke-width="1.333333" stroke="#333333" fill="none" d="M877.590053 430.266667 L877.590053 424.933333 "/>
  <path stroke-width="1.333333" stroke="#333333" fill="none" d="M972.626081 430.266667 L972.626081 424.933333 "/>
  <path stroke-width="1.333333" stroke="#333333" fill="none" d="M1067.66211 430.266667 L1067.66211 424.933333 "/>
  <path stroke-width="1.333333" stroke="#333333" fill="none" d="M1162.698138 430.266667 L1162.698138 424.933333 "/>
  <text x="104.254950" y="456.000000" fill="#333333" font-size="14.666667" font-family="Arial,Helvetica,'Helvetica Neue',sans-serif">Dec</text>
  <text x="199.290978" y="456.000000" fill="#333333" font-size="14.666667" font-family="Arial,Helvetica,'Helvetica Neue',sans-serif">Nov</text>
  <text x="295.959819" y="456.000000" fill="#333333" font-size="14.666667" font-family="Arial,Helvetica,'Helvetica Neue',sans-serif">Oct</text>
  <text x="389.363035" y="456.000000" fill="#333333" font-size="14.666667" font-family="Arial,Helvetica,'Helvetica Neue',sans-serif">Sep</text>
  <text x="484.399064" y="456.000000" fill="#333333" font-size="14.666667" font-family="Arial,Helvetica,'Helvetica Neue',sans-serif">Aug</text>
  <text x="583.099155" y="456.000000" fill="#333333" font-size="14.666667" font-family="Arial,Helvetica,'Helvetica Neue',sans-serif">Jul</text>
  <text x="675.689871" y="456.000000" fill="#333333" font-size="14.666667" font-family="Arial,Helvetica,'Helvetica Neue',sans-serif">Jun</text>
  <text x="768.694649" y="456.000000" fill="#333333" font-size="14.666667" font-family="Arial,Helvetica,'Helvetica Neue',sans-serif">May</text>
  <text x="866.175990" y="456.000000" fill="#333333" font-size="14.666667" font-family="Arial,Helvetica,'Helvetica Neue',sans-serif">Apr</text>
  <text x="959.993269" y="456.000000" fill="#333333" font-size="14.666667" font-family="Arial,Helvetica,'Helvetica Neue',sans-serif">Mar</text>
  <text x="1055.021485" y="456.000000" fill="#333333" font-size="14.666667" font-family="Arial,Helvetica,'Helvetica Neue',sans-serif">Feb</text>
  <text x="1150.870013" y="456.000000" fill="#333333" font-size="14.666667" font-family="Arial,Helvetica,'Helvetica Neue',sans-serif">Jan</text>
  <path stroke-width="1.333333" stroke="#333333" fill="none" d="M60.280208 49.733333 L60.280208 430.266667 "/>
  <path stroke-width="1.333333" stroke="#333333" fill="none" d="M60.280208 430.266667 L65.613542 430.266667 "/>
  <path stroke-width="1.333333" stroke="#333333" fill="none" d="M60.280208 375.904762 L65.613542 375.904762 "/>
  <path stroke-width="1.333333" stroke="#333333" fill="none" d="M60.280208 321.542857 L65.613542 321.542857 "/>
  <path stroke-width="1.333333" stroke="#333333" fill="none" d="M60.280208 267.180952 L65.613542 267.180952 "/>
  <path stroke-width="1.333333" stroke="#333333" fill="none" d="M60.280208 212.819048 L65.613542 212.819048 "/>
  <path stroke-width="1.333333" stroke="#333333" fill="none" d="M60.280208 158.457143 L65.613542 158.457143 "/>
  <path stroke-width="1.333333" stroke="#333333" fill="none" d="M60.280208 104.095238 L65.613542 104.095238 "/>
  <path stroke-width="1.333333" stroke="#333333" fill="none" d="M60.280208 49.733333 L65.613542 49.733333 "/>
  <text x="28.156250" y="435.266667" fill="#333333" font-size="14.666667" font-family="Arial,Helvetica,'Helvetica Neue',sans-serif">0.0</text>
  <text x="28.156250" y="380.904762" fill="#333333" font-size="14.666667" font-family="Arial,Helvetica,'Helvetica Neue',sans-serif">5.0</text>
  <text x="20.000000" y="326.542857" fill="#333333" font-size="14.666667" font-family="Arial,Helvetica,'Helvetica Neue',sans-serif">10.0</text>
  <text x="20.000000" y="272.180952" fill="#333333" font-size="14.666667" font-family="Arial,Helvetica,'Helvetica Neue',sans-serif">15.0</text>
  <text x="20.000000" y="217.819048" fill="#333333" font-size="14.666667" font-family="Arial,Helvetica,'Helvetica Neue',sans-serif">20.0</text>
  <text x="20.000000" y="163.457143" fill="#333333" font-size="14.666667" font-family="Arial,Helvetica,'Helvetica Neue',sans-serif">25.0</text>
  <text x="20.000000" y="109.095238" fill="#333333" font-size="14.666667" font-family="Arial,Helvetica,'Helvetica Neue',sans-serif">30.0</text>
  <text x="20.000000" y="54.733333" fill="#333333" font-size="14.666667" font-family="Arial,Helvetica,'Helvetica Neue',sans-serif">35.0</text>
  <path stroke-width="1.333333" stroke="#333333" fill="none" d="M1219.719792 49.733333 L1219.719792 430.266667 "/>
  <path stroke-width="1.333333" stroke="#333333" fill="none" d="M1219.719792 430.266667 L1214.386458 430.266667 "/>
  <path stroke-width="1.333333" stroke="#333333" fill="none" d="M1219.719792 375.904762 L1214.386458 375.904762 "/>
  <path stroke-width="1.333333" stroke="#333333" fill="none" d="M1219.719792 321.542857 L1214.386458 321.542857 "/>
  <path stroke-width="1.333333" stroke="#333333" fill="none" d="M1219.719792 267.180952 L1214.386458 267.180952 "/>
  <path stroke-width="1.333333" stroke="#333333" fill="none" d="M1219.719792 212.819048 L1214.386458 212.819048 "/>
  <path stroke-width="1.333333" stroke="#333333" fill="none" d="M1219.719792 158.457143 L1214.386458 158.457143 "/>
  <path stroke-width="1.333333" stroke="#333333" fill="none" d="M1219.719792 104.095238 L1214.386458 104.095238 "/>
  <path stroke-width="1.333333" stroke="#333333" fill="none" d="M1219.719792 49.733333 L1214.386458 49.733333 "/>
  <text x="1231.453125" y="435.266667" fill="#333333" font-size="14.666667" font-family="Arial,Helvetica,'Helvetica Neue',sans-serif">0.0</text>
  <text x="1231.453125" y="380.904762" fill="#333333" font-size="14.666667" font-family="Arial,Helvetica,'Helvetica Neue',sans-serif">5.0</text>
  <text x="1231.453125" y="326.542857" fill="#333333" font-size="14.666667" font-family="Arial,Helvetica,'Helvetica Neue',sans-serif">10.0</text>
  <text x="1231.453125" y="272.180952" fill="#333333" font-size="14.666667" font-family="Arial,Helvetica,'Helvetica Neue',sans-serif">15.0</text>
  <text x="1231.453125" y="217.819048" fill="#333333" font-size="14.666667" font-family="Arial,Helvetica,'Helvetica Neue',sans-serif">20.0</text>
  <text x="1231.453125" y="163.457143" fill="#333333" font-size="14.666667" font-family="Arial,Helvetica,'Helvetica Neue',sans-serif">25.0</text>
  <text x="1231.453125" y="109.095238" fill="#333333" font-size="14.666667" font-family="Arial,Helvetica,'Helvetica Neue',sans-serif">30.0</text>
  <text x="1231.453125" y="54.733333" fill="#333333" font-size="14.666667" font-family="Arial,Helvetica,'Helvetica Neue',sans-serif">35.0</text>
  <path stroke-width="1.333333" stroke="#333333" fill="none" d="M60.280208 49.733333 L1219.719792 49.733333 "/>
  <path stroke-width="1.333333" stroke="#333333" fill="none" d="M117.301825 49.733333 L117.301825 55.066667 "/>
  <path stroke-width="1.333333" stroke="#333333" fill="none" d="M212.337853 49.733333 L212.337853 55.066667 "/>
  <path stroke-width="1.333333" stroke="#333333" fill="none" d="M307.373882 49.733333 L307.373882 55.066667 "/>
  <path stroke-width="1.333333" stroke="#333333" fill="none" d="M402.40991 49.733333 L402.40991 55.066667 "/>
  <path stroke-width="1.333333" stroke="#333333" fill="none" d="M497.445939 49.733333 L497.445939 55.066667 "/>
  <path stroke-width="1.333333" stroke="#333333" fill="none" d="M592.481967 49.733333 L592.481967 55.066667 "/>
  <path stroke-width="1.333333" stroke="#333333" fill="none" d="M687.517996 49.733333 L687.517996 55.066667 "/>
  <path stroke-width="1.333333" stroke="#333333" fill="none" d="M782.554024 49.733333 L782.554024 55.066667 "/>
  <path stroke-width="1.333333" stroke="#333333" fill="none" d="M877.590053 49.733333 L877.590053 55.066667 "/>
  <path stroke-width="1.333333" stroke="#333333" fill="none" d="M972.626081 49.733333 L972.626081 55.066667 "/>
  <path stroke-width="1.333333" stroke="#333333" fill="none" d="M1067.66211 49.733333 L1067.66211 55.066667 "/>
  <path stroke-width="1.333333" stroke="#333333" fill="none" d="M1162.698138 49.733333 L1162.698138 55.066667 "/>
  <text x="104.254950" y="34.000000" fill="#333333" font-size="14.666667" font-family="Arial,Helvetica,'Helvetica Neue',sans-serif">Dec</text>
  <text x="199.290978" y="34.000000" fill="#333333" font-size="14.666667" font-family="Arial,Helvetica,'Helvetica Neue',sans-serif">Nov</text>
  <text x="295.959819" y="34.000000" fill="#333333" font-size="14.666667" font-family="Arial,Helvetica,'Helvetica Neue',sans-serif">Oct</text>
  <text x="389.363035" y="34.000000" fill="#333333" font-size="14.666667" font-family="Arial,Helvetica,'Helvetica Neue',sans-serif">Sep</text>
  <text x="484.399064" y="34.000000" fill="#333333" font-size="14.666667" font-family="Arial,Helvetica,'Helvetica Neue',sans-serif">Aug</text>
  <text x="583.099155" y="34.000000" fill="#333333" font-size="14.666667" font-family="Arial,Helvetica,'Helvetica Neue',sans-serif">Jul</text>
  <text x="675.689871" y="34.000000" fill="#333333" font-size="14.666667" font-family="Arial,Helvetica,'Helvetica Neue',sans-serif">Jun</text>
  <text x="768.694649" y="34.000000" fill="#333333" font-size="14.666667" font-family="Arial,Helvetica,'Helvetica Neue',sans-serif">May</text>
  <text x="866.175990" y="34.000000" fill="#333333" font-size="14.666667" font-family="Arial,Helvetica,'Helvetica Neue',sans-serif">Apr</text>
  <text x="959.993269" y="34.000000" fill="#333333" font-size="14.666667" font-family="Arial,Helvetica,'Helvetica Neue',sans-serif">Mar</text>
  <text x="1055.021485" y="34.000000" fill="#333333" font-size="14.666667" font-family="Arial,Helvetica,'Helvetica Neue',sans-serif">Feb</text>
  <text x="1150.870013" y="34.000000" fill="#333333" font-size="14.666667" font-family="Arial,Helvetica,'Helvetica Neue',sans-serif">Jan</text>
  <path fill="#4572a7" d="M91.879603 430.266667 L91.879603 387.864381 L142.724047 387.864381 L142.724047 430.266667 "/>
  <path fill="#4572a7" d="M186.915631 430.266667 L186.915631 384.602667 L237.760076 384.602667 L237.760076 430.266667 "/>
  <path fill="#4572a7" d="M281.95166 430.266667 L281.95166 368.294095 L332.796104 368.294095 L332.796104 430.266667 "/>
  <path fill="#4572a7" d="M376.987688 430.266667 L376.987688 337.851429 L427.832133 337.851429 L427.832133 430.266667 "/>
  <path fill="#4572a7" d="M472.023717 430.266667 L472.023717 300.885333 L522.868161 300.885333 L522.868161 430.266667 "/>
  <path fill="#4572a7" d="M567.059745 430.266667 L567.059745 265.006476 L617.90419 265.006476 L617.90419 430.266667 "/>
  <path fill="#4572a7" d="M662.095774 430.266667 L662.095774 245.43619 L712.940218 245.43619 L712.940218 430.266667 "/>
  <path fill="#4572a7" d="M757.131802 430.266667 L757.131802 249.785143 L807.976247 249.785143 L807.976247 430.266667 "/>
  <path fill="#4572a7" d="M852.167831 430.266667 L852.167831 275.878857 L903.012275 275.878857 L903.012275 430.266667 "/>
  <path fill="#4572a7" d="M947.203859 430.266667 L947.203859 318.281143 L998.048304 318.281143 L998.048304 430.266667 "/>
  <path fill="#4572a7" d="M1042.239888 430.266667 L1042.239888 358.508952 L1093.084332 358.508952 L1093.084332 430.266667 "/>
  <path fill="#4572a7" d="M1137.275916 430.266667 L1137.275916 378.079238 L1188.120361 378.079238 L1188.120361 430.266667 "/>
  <path stroke-width="2.000000" stroke="#aa4643" fill="none" d="M1162.698138 325.89181 L1067.66211 279.140571 L972.626081 231.302095 L877.590053 176.94019 L782.554024 142.148571 L687.517996 156.282667 L592.481967 196.510476 L497.445939 232.389333 L402.40991 272.617143 L307.373882 326.979048 L212.337853 355.247238 L117.301825 354.16 "/>
  <path fill="#aa4643" d="M1166.698138 325.89181 M1158.698138 325.89181 a4.0 4.0 0 1 0 8.0 0 a4.0 4.0 0 1 0 -8.0 0 "/>
  <path fill="#aa4643" d="M1071.66211 279.140571 M1063.66211 279.140571 a4.0 4.0 0 1 0 8.0 0 a4.0 4.0 0 1 0 -8.0 0 "/>
  <path fill="#aa4643" d="M976.626081 231.302095 M968.626081 231.302095 a4.0 4.0 0 1 0 8.0 0 a4.0 4.0 0 1 0 -8.0 0 "/>
  <path fill="#aa4643" d="M881.590053 176.94019 M873.590053 176.94019 a4.0 4.0 0 1 0 8.0 0 a4.0 4.0 0 1 0 -8.0 0 "/>
  <path fill="#aa4643" d="M786.554024 142.148571 M778.554024 142.148571 a4.0 4.0 0 1 0 8.0 0 a4.0 4.0 0 1 0 -8.0 0 "/>
  <path fill="#aa4643" d="M691.517996 156.282667 M683.517996 156.282667 a4.0 4.0 0 1 0 8.0 0 a4.0 4.0 0 1 0 -8.0 0 "/>
  <path fill="#aa4643" d="M596.481967 196.510476 M588.481967 196.510476 a4.0 4.0 0 1 0 8.0 0 a4.0 4.0 0 1 0 -8.0 0 "/>
  <path fill="#aa4643" d="M501.445939 232.389333 M493.445939 232.389333 a4.0 4.0 0 1 0 8.0 0 a4.0 4.0 0 1 0 -8.0 0 "/>
  <path fill="#aa4643" d="M406.40991 272.617143 M398.40991 272.617143 a4.0 4.0 0 1 0 8.0 0 a4.0 4.0 0 1 0 -8.0 0 "/>
  <path fill="#aa4643" d="M311.373882 326.979048 M303.373882 326.979048 a4.0 4.0 0 1 0 8.0 0 a4.0 4.0 0 1 0 -8.0 0 "/>
  <path fill="#aa4643" d="M216.337853 355.247238 M208.337853 355.247238 a4.0 4.0 0 1 0 8.0 0 a4.0 4.0 0 1 0 -8.0 0 "/>
  <path fill="#aa4643" d="M121.301825 354.16 M113.301825 354.16 a4.0 4.0 0 1 0 8.0 0 a4.0 4.0 0 1 0 -8.0 0 "/>
</svg>
 No newline at end of file
+0 −22
Original line number Diff line number Diff line
width: 1280px;
height: 400px;

scale-y: invert;
scale-y-padding: 0.6;
scale-x-min: 0;
scale-x-max: 22;

bars {
  xs: csv(tests/testdata/gdp_per_capita_2010.csv, gdp);
  ys: csv(tests/testdata/gdp_per_capita_2010.csv, rank);
  size: 1.2em;
  color: #4572a7;
  direction: horizontal;
  labels: csv(tests/testdata/gdp_per_capita_2010.csv, gdp_label);
}

axis {
  position: left;
  layout: linear(1, align 1);
  labels: csv(tests/testdata/gdp_per_capita_2010.csv, country);
}
+0 −49
Original line number Diff line number Diff line
width: 1280px;
height: 480px;

scale-x-max: 75;
scale-x-min: -25;

scale-y-padding: 0.5;

bars {
  ys: csv(tests/testdata/bardata.csv, var0);
  xs: csv(tests/testdata/bardata.csv, var1);
  x-offsets: csv(tests/testdata/bardata.csv, var2);
  size: .6em;
  offset: .4em;
  color: #4572a7;
  direction: horizontal;
}

bars {
  ys: csv(tests/testdata/bardata.csv, var0);
  xs: csv(tests/testdata/bardata.csv, var4);
  x-offsets: csv(tests/testdata/bardata.csv, var5);
  size: .6em;
  offset: -.4em;
  color: #aa4643;
  direction: horizontal;
}

axis {
  position: top;
  layout: linear(10, align -20);
}

axis {
  position: bottom;
  layout: linear(10, align -20);
}

axis {
  position: left;
  layout: discrete;
  labels: A, B, C, D, E, F;
}

axis {
  position: right;
  layout: discrete;
  labels: A, B, C, D, E, F;
}
Loading