The viewBox is about mapping the drawing’s internal coordinate system to the space where it will be displayed, which is what makes SVG scalable. It defines four numbers—min-x, min-y, width, and height—that tell the browser where the drawing starts and how big its coordinate area is. When the SVG is shown at different sizes, the browser uses that map to scale and translate the vector shapes so the image keeps its proportions and layout. Because the content is vector, scaling the viewBox input lets the same drawing render crisply at any size without pixelation, and stroke lines and shapes scale consistently with the rest of the artwork. If the rendered box’s aspect ratio doesn’t match the viewBox, you can use preserveAspectRatio to decide whether to crop, letterbox, or stretch to avoid distortion. The viewBox isn’t about stroke width, color spaces, or raster sampling—the latter concepts relate to styling, color management, and rasterization, not to how the SVG defines its coordinate space and scaling.

Shape Builder is designed for hands-on construction of a shape from several pieces. It lets you merge or subtract overlapping areas interactively by simply painting through the regions you want to keep or remove. You can select multiple shapes and drag across their overlaps to form new shapes, and you can add, subtract, intersect, or exclude parts in one fluid action. This live, multi-shape flexibility is what makes Shape Builder powerful for building complex vector forms quickly. Pathfinder Unite, by contrast, is a single operation that unions all selected shapes into one continuous path. It doesn’t offer the same interactive carving or selective merging across multiple shapes in one go, so you’d need additional steps to achieve the same level of refinement.

Shape is the term that describes the boundary or outline of a two-dimensional, flat object. It defines the flat silhouette created by a closed boundary in the plane. In design terms, shape refers to 2D space with length and width but no depth, which is why the outline of a flat element is described as its shape. Form, on the other hand, implies volume and depth (3D), movement relates to motion or how the eye travels through a composition, and unity refers to the sense of harmony and cohesion among elements.

Compound paths let you treat several shapes as one filled form while still allowing inner shapes to punch holes in that form. When you create a compound path, the outer boundary fills, and any shapes inside can act as cutouts, so you see holes in the final shape. The hole behavior depends on the order of the subpaths in the stack (which path is considered the hole relative to the others). A classic result is a ring or donut: an outer circle with an inner circle, made into one compound path, yields a filled ring because the inner circle becomes a hole in the outer shape. This concept is different from clipping masks, which simply hide parts of objects without changing the actual fill geometry, and it’s not about converting strokes to outlines or adding gradients.