Single-page React app renders six small SVG charts with D3 v5, each demonstrating a distinct mark or channel used in data visualization. Vertical strips show x-position, y-position, size, length, shape, and hue encoding via circles, rectangles, and D3 symbols. The charts use data arrays mapped through D3 selections with `.join()` for bound updates. React manages the container and rendering lifecycle, while individual modules like `xPosition.js` and `size.js` apply channel-specific scales, and `hue.js` uses `schemeCategory10`.