July 11, 2026

hands-on: charts as canvases

A painter fixes their eye and stretches a canvas: every ray of sight paints exactly one point — where it pierces the canvas. Replace the eye by the origin of and you already have the standard charts of . This page lets you touch the construction.

1 · Points are rays of sight

is the set of all lines through the origin of — each line a single point. Homogeneous coordinates name some direction vector, determined only up to a factor :

The λ slider shows exactly this: the arrow (the representative) slides along the line, the point stays put. The optional sphere is a reminder that every line meets it in a pair of antipodes — is "the sphere with antipodes glued".

2 · To paint is to divide

The chart is the construction of perspective painting — Alberti's "open window", Dürer's grid: eye at the origin, picture plane (blue). A ray of sight with pierces the canvas in exactly one point. To find it, rescale the direction vector until its first coordinate equals 1:

The last two entries are the painted image point — and that is the entire chart:

The division is not an algebraic trick — it is the projection. And since spans the same ray, cancels on its own: well-definedness for free.

3 · The horizon of a chart

Rays parallel to the canvas () never paint anything. They form the line at infinity of — a copy of , and the exact analogue of the horizon in a painting: parallel rails converge to a vanishing point, the point of their common direction. Press ∞ φ₀ (or drag the red point there — it snaps near the line at infinity): the φ₀ panel reports ∞ while the other charts keep showing the very same point, completely unimpressed.

That is why several canvases are needed. Every point has at least one nonzero coordinate, hence

— and fewer will not do: is compact, so a single chart to can never exist.

4 · Changing charts is re-projecting

A ray in pierces both canvases — both markers are visible at once. The transition map slides the image point along its ray from one canvas to the other:

Smooth where defined — the three canvases form an atlas, and becomes a smooth 2-manifold.

5 · Conic sections: one figure, three appearances

A circle on spans a cone of rays. Other canvases cut the same cone — as an ellipse, a parabola or a hyperbola, depending on whether the circle avoids, touches or crosses the horizon of . Projectively it is a single object.

Try it

  1. Move the λ slider: the coordinates change, the point does not.
  2. Press ∞ φ₀: chart φ₀ loses the point, φ₁ and φ₂ keep it.
  3. Switch on the canvases a¹, a² and click [1:0:0]: origin for φ₀ — point at infinity for the other two.
  4. Choose Circle and slide its center towards 0: ellipse → parabola → hyperbola in the φ₀ panel.
  5. Choose Line: a straight stroke in every chart — through infinity if necessary.
  6. Click directly on a canvas: you pick the point by choosing its image.

One dimension down, the construction gives itself away completely: the chart of is — simply the slope of the line. A vertical line, slope "∞"? Take the other canvas.

divides by because dividing is projecting. Charts are canvases — and the line at infinity is the horizon: everything parallel to the canvas.


The visualization runs entirely in your browser — built with three.js (WebGL) and KaTeX.