A bar chart displays a dataset of 20 values as clickable, blue-tinted rectangles. Clicking a bar sorts the bars in either ascending or descending order, with a staggered transition that animates each bar to its new position over one second. The chart is rendered with SVG and uses D3 v4.5.0, specifically `d3.scaleBand` for the x-axis, `d3.scaleLinear` for the y-axis, and `d3.ascending`/`d3.descending` for sorting. A native browser tooltip appears on hover, showing each bar's value via an appended `title` element. The bars also change color to orange on mouseover.