Final Project Violin Plot
This visualization shows the distribution of salaries across four experience levels, with each violin plot representing the density of salary data for entry-level, mid-level, senior, and executive roles. The chart includes a y-axis labeled in abbreviated dollar amounts and annotations displaying the mean salary for each category. The visualization is built with React and D3.js v6, using `d3.csv` to load salary data from a GitHub gist and `kernelDensityEstimator` with an Epanechnikov kernel to compute density estimates. The SVG rendering employs `d3.area` with Catmull-Rom curves to draw the violin shapes, while `d3.axisLeft` and `d3.axisBottom` create the axes. Interactive hover effects change the fill color of individual violins to orange.
AI-generated descriptionA bare minimum HTML page demonstrating use of CSS and JavaScript.
See also React Starter.