Skip to main content
100%

Final Project Violin Plot

✓ Published4🌍 Public
DDuc Pham
Last edited May 7, 2024
Created on Apr 25, 2024

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 description

A bare minimum HTML page demonstrating use of CSS and JavaScript.

See also React Starter.

MIT Licensed

Similar vizzes