This visualization demonstrates the mapping of a five-point dataset to various visual channels, including x-position, y-position, size, length, shape, and color properties (hue, luminance, and saturation). Each row in the SVG output isolates one channel, using D3 v7's `select` and `.join` API to render and update circles or grouped shapes. The color examples employ `hsl()` color strings to encode the data values, while the shape example uses both circles and rectangles within a group.