User Guide
Reference
Examples
Download
Github

Example: charts-editorial/chart_i18n

Output File:

Source File:

size: 1600px 800px;
dpi: 240;
limit-y: -15 35;
limit-x: 0.5 12.5;

axes {
  position: bottom left;
  label-placement-x: linear-alignat(1 1);
  label-format-x: custom("Jan" "Feb" "Mar" "Apr" "May" "Jun" "Jul" "Aug" "Sep" "Oct" "Nov" "Dec");
  label-placement-y: linear-interval(5 -10 35);
  title-left: "Temperature (°C)";
  title-rotate-left: -90;
}

lines {
  data-x: csv("testdata/city_temperatures.csv" month);
  data-y: csv("testdata/city_temperatures.csv" temp_beijing);
  color: #aa4643;
  marker-size: 4pt;
}

lines {
  data-x: csv("testdata/city_temperatures.csv" month);
  data-y: csv("testdata/city_temperatures.csv" temp_moscow);
  color: #89a54e;
  marker-size: 4pt;
}

lines {
  data-x: csv("testdata/city_temperatures.csv" month);
  data-y: csv("testdata/city_temperatures.csv" temp_telaviv);
  color: #4572a7;
  marker-size: 4pt;
}

legend {
  position: bottom center;
  border: none;
  margin: 0.5em;
  item-flow: on;

  item {
    label: "Москва";
    color: #89a54e;
  }

  item {
    label: "תל אביב";
    color: #4572a7;
  }

  item {
    label: "北京市";
    color: #aa4643;
  }
}

Run this example:

$ clip --export output.svg charts-editorial/chart_i18n.clp
Edit this page on GitHub