This visualization shows how demographic composition relates to student satisfaction with diversity across NYC high schools. A slider browses 426 schools, updating a bar chart of the percentages of Asian, Black, Hispanic, Multiracial, and White students alongside the displayed satisfaction score. The code loads data from a CSV file using `d3.csv`, sorts schools by satisfaction, and animates each bar’s height with a `transition` on SVG rectangles. It relies on D3’s scale functions, axes, and the jQuery UI slider for interaction.