This interactive bar chart ranks the top ten departments by average salary, displaying each as a rounded rectangle labeled on the left and colored on a cyan-to-teal gradient. The visualization is built with React and D3 v7, using a `scaleBand` for the categorical axis, a `scaleLinear` for the quantitative range, and a `scaleLinear` color scale for the gradient fill. Data is loaded from a local CSV file with `d3.csv` and grouped by department via a `d3.rollup` operation, with tooltips exposing exact salary values.