{"version":"1.0","type":"rich","title":"Box/Whisker","description":"This example visualizes the revenue of various companies across two categories using a box and whisker plot. The visualization displays individual data points as circles with jitter, overlaid on semi-transparent rectangles. Built with React and D3 v5, the code uses `d3.scaleBand`, `d3.scaleLinear`, and `d3.axisLeft` to construct the chart, while data is loaded from a CSV file. The SVG rendering includes interactive hover effects that change rectangle colors.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/a52437e6817a42d7a6ed8bc65e17c3e2?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}