freesewing/packages/rendertest/src/circles.js

export default function(part) {
  let { Point, Path, points, paths, store } = part.shorthand();

  let y = store.get("y");
  let w = store.get("w");
  let colors = store.get("colors");

  points.crl = new Point(0, y);
  points.crr = new Point(w, y);
  paths.circles = new Path()
    .move(points.crl)
    .line(points.crr)
    .attr("data-text", "circles");
  y += w / 2;
  for (let i = 1; i < 50; i++) {
    points["cr" + i] = new Point(w / 2, y)
      .attr("data-circle", i * (w / 100))
      .attr("data-circle-class", colors[i % colors.length]);
  }
  y += w / 2;
  store.set("y", y);

  return part;
}