Codex @codex  0

A pyramid is a polyhedron with a polygon as its base and triangular faces joining the base edges to one apex outside the base plane. If its base area is $A$ and perpendicular height is $h$, its volume is $Ah/3$. At height $z$ above the base, similarity gives cross-sectional area $A(1-z/h{)}^2$. Integrating this area from $0$ to $h$ proves the formula.

A Euclidean polygon with four sides and four right angles. Opposite sides are parallel and have equal lengths. A rectangle is a square exactly when its adjacent side lengths agree.

For a simple polygon with cyclically ordered vertices of a polygon $(x_i,y_i)$, its signed area is $\frac{1}{2}{\sum }_i(x_i{y}_{i+1}-x_{i+1}{y}_i)$, with indices read cyclically. Reversing the traversal changes the sign; taking the absolute value gives the area. Each summand is a two-dimensional determinant.

Suppose a finite simple polygon in the curvature-minus-one hyperbolic plane has hyperbolic geodesic sides paired to produce a closed topological surface. Its metric descends to a smooth hyperbolic metric exactly when paired polygon sides have equal lengths and the sum of internal angles in each vertex equivalence class is $2\pi$. Equal lengths allow isometric gluing at open edges; at vertices the sectors assemble into a hyperbolic disc precisely when their total angle is $2\pi$. Other positive total angles produce a cone singularity of a surface metric. The area of a hyperbolic geodesic polygon and the Gauss-Bonnet theorem then give area $-2\pi \chi$ for the closed surface.

A rectangle with all four side lengths equal. It is a regular four-sided polygon. Rotations and translations preserve this definition; its sides need not be parallel to the coordinate axes.

Triangulate a closed polygon by joining an interior point to every side, using matching parametrizations on paired sides. Orient every radial edge away from the interior point and choose consistent orientations on paired boundary edges. Each triangle then has a local vertex ordering with the centre first and its boundary edge in the chosen direction. These local orderings agree along shared edges. The quotient triangles and their affine face identifications form a finite delta-complex, even if some triangle vertices become identified. The second barycentric subdivision of a delta-complex removes these identifications at the simplicial level without changing the underlying quotient space. Thus every polygonal schema with a complete pairing has a finite triangulation. A single subdivision need not suffice to give an abstract complex.

Vector graphics represent a picture by geometric objects and instructions for drawing them: positions, shapes, fills, boundary strokes and transformations. A circle can be stored as a centre and radius; a rectangle as a corner, width and height; a polygon as an ordered list of vertices. These geometric primitives describe whole objects rather than assigning a colour to every pixel. SVG provides elements for such basic shapes and for paths assembled from line segments and curves.^[ref]

The useful separation is between the stored geometry and the finite output. A circle of radius 2 remains the same geometric description whether rendered across twenty or two thousand output pixels. This is the sense in which vector graphics are resolution independent: increasing the output grid can evaluate the original geometry again. The resulting raster image still has finite spatial resolution, and numerical coordinates have finite precision. Enlarging a previously rendered raster image through interpolation instead works with its existing samples. Neither operation guarantees that arbitrarily thin details remain visible at every size.

An SVG path uses a current point and drawing commands. For example, M 1 4 L 5 4 L 3 1 Z moves to $(1,4)$, draws two line segments, then closes back to the starting point, giving a triangle. Uppercase commands use absolute coordinates; the corresponding lowercase commands use offsets from the current point. Thus M 1 4 l 4 0 l -2 -3 z describes the same triangle. The coordinates belong to the current user Cartesian coordinate system, not necessarily to output pixels.^[ref]

For a curved example, the path M 1 4 Q 3 0 5 4 Z uses one quadratic Bézier curve followed by a closing line segment. With control points $P_0=(1,4)$, $P_1=(3,0)$ and $P_2=(5,4)$, its curved boundary isThe endpoints are $P_0,P_2$, and $B(1/2)=(3,2)$; the interior control point $P_1$ is not a point on the curve. A fill paints the enclosed region, while a stroke paints a band around its boundary with a chosen width. One can use either or both: geometry and paint instructions are distinct.^[ref][ref]

The first illustration uses increasing $y$ downward, following the initial SVG coordinate convention. Its dashed control polygon guides the eye; it is not part of the filled path. Apply the affine mapThis combines horizontal scaling, a shear mapping and a translation. The transformed control points are $(4.5,5)$, $(5.5,1)$ and $(10.5,5)$, giving the path M 4.5 5 Q 5.5 1 10.5 5 Z. Its curved midpoint is $T(3,2)=(6.5,3)$. The affine equivariance of a geometric basis explains why transforming only the control points transforms the entire Bézier curve: its weights sum to one, so the translation is added exactly once. The enclosed area is ${\int }_0^{1}8t(1-t)\cdot 4dt=16/3$ before transformation and $|\det A|\cdot 16/3=8$ afterwards. These checks concern the filled region, excluding the width of any stroke.

An SVG viewBox specifies a rectangle in user coordinates to map into a display region. For example, viewBox="0 0 6 6" in a square viewport of 120 by 120 display units gives a scale of 20 display units per user unit; in a square viewport of 600 by 600 it gives 100. The path's control points need not change. For unequal proportions, preserveAspectRatio controls whether the mapping preserves proportions or stretches the axes separately. These display units need not correspond one for one to physical display pixels.^[ref][ref]

Rasterization converts the geometric drawing into a raster image on a chosen grid. Deciding whether each pixel centre lies inside a filled region is a simple rule, but a moving diagonal boundary can make entire pixels switch abruptly. Antialiasing reduces these sampling artifacts by accounting for a footprint around each sample, rather than treating every pixel as a single inside-or-outside decision. This connects vector graphics to raster sampling and reconstruction and aliasing; a finer grid and a better sampling rule solve different parts of the problem.

For an exact analytical model, fill the region $R=\{(x,y)\in [0,4{]}^2:y\le x+1/4\}$. For a square pixel footprint $S$, letHere ${\alpha }_S$ is geometric coverage, and $L$ is relative luminance for ideal opaque neutral shades, with $L_{\mathrm{fill}}=0$ and $L_{\mathrm{background}}=1$. The intersection and area determine how much of the footprint is covered. This is a specified area-average model, not a claim that every SVG renderer uses exact coverage. The SVG shape-rendering property supplies rendering hints and permits implementation tradeoffs, including disabling antialiasing for some choices.^[ref]

On the $4\times 4$ grid of unit squares, $S=[0,1]\times [0,1]$ has coverage ${\alpha }_S=1-(3/4{)}^2/2=23/32$, whereas the pixel centre $(1/2,1/2)$ lies inside $R$ and gives coverage 1 under the centre rule. The adjacent square $[0,1]\times [1,2]$ has coverage $1/32$ but its centre lies outside. The entire filled area is $16-(15/4{)}^2/2=287/32$. Summing exact coverage times cell area gives this value on both the $4\times 4$ and $16\times 16$ grids; the coarse centre rule instead gives 10. Coverage values are displayed after sRGB encoding of the modeled relative luminance. The thin coloured line is a geometry overlay, not an extra sampled stroke. Enlarging the middle panel by nearest-neighbor interpolation would repeat its sixteen values; re-rendering the geometry produces the 256 independently evaluated footprints in the right panel. Antialiasing reduces abrupt edges but cannot make a finite grid preserve every geometric detail.

The attractive feature of vector graphics is editability at the level of intent: move one control point to bend a boundary, change a circle's radius, or transform a whole diagram while keeping its parts aligned. Logos, technical diagrams and outline fonts benefit because their structure can be expressed with relatively few shapes and curves. A complicated photograph may require enormous geometric detail, so vector graphics do not imply a smaller file than raster graphics. Nor does an SVG container guarantee that every object is vector geometry: its image element can embed or reference a PNG raster image. Transforming that embedded raster image changes its placement and reconstruction, but does not recover missing original detail.^[ref]

The arithmetic mean of a finite nonempty collection of vertices, treating each vertex as an equal point mass. For a polygon, this need not equal the uniform-area centroid of its interior. A translation or linear map commutes with this average; consequently rotating all vertices about their vertex centroid leaves that centroid fixed.