A less mixin that can be used to calculate the (x, y) co-ordinates on a curve whose equation is known

curve-plotter.less

// @baseX: co-ord on x to start plotting from and also the x interval between the points plotted
// @index: a natural number used to specify the co-ords to retrieve
// Returns the co-ordinates plotted on a curve defined by the equation used which
// is a parabola in the following example

.calculate-co-ords(@index: 1, @baseX: 0) {
  @x: @baseX * @index;
  
  // Following is the equation of the parabola we plot our co-ords on
  @y: ceil(sqrt(19.2 * (@x - 4.8)));
  
  height: ~"@{y}px";
  left: ~"@{x}px";
}