This side-by-side comparison demonstrates how truncating the y-axis distorts perception of differences in average female height across five countries. The black hat chart starts its y-axis at 62.5 inches, exaggerating small variations, while the white hat chart begins at zero for honest representation. Built with D3 v7, the example uses d3.scaleBand for the categorical x-axis, d3.scaleLinear for both y-axes, and d3.axisLeft with tick formatting to display inch marks. The fabricated dataset is rendered as SVG bar charts with different fill colors to distinguish the misleading and truthful versions.