Tooltips that Engage.
Radiant Charts features the industry's most advanced tooltip engine. Built on React Portals for zero clipping, supporting multi-series snapping, comparison pinning, and fully custom React renders.
Precision Snapping
Shared mode with vertical crosshair band.
Hover any position to see all series values aligned. The vertical band guides focus.
Persistent Insight
Sticky tooltips with comparison mode.
Click a bar to pin it. Use Ctrl + Click to pin multiple for comparison.
Scatter Points
Coordinate-based tooltip snapping on scatter plots.
Hover any point to see its exact coordinates. Tooltips snap to the nearest data point.
Rich Context Renders
Embed images, sparklines, and complex HTML layouts.
The entire tooltip UI is replaced with a custom React component. Try interacting with the buttons!
Pie Chart
Slice tooltips with segment name and percentage.
Hover any slice to see the segment name, value, and its share of the total.
Bubble Chart
Three-dimensional data with size-mapped tooltips.
Hover a bubble to see X, Y coordinates and the size dimension. Larger bubbles represent higher investment.
Viz-in-Viz
Embed secondary visualisations inside tooltips.
Hover a bar to see a mini comparison chart rendered inside the tooltip.
Automatic Percentages
Pie and stacked charts show part-to-whole values.
Hover a stacked bar to see each series as a percentage of the total.
Viz-in-Viz
Embed secondary charts inside tooltips to show distributions or historical trends without leaving the primary view.
Automatic Percentages
Stacked charts and pies automatically calculate and display part-to-whole percentages in the tooltip content.
Multi-Key Labels
Financial charts (OHLC) and specialized series show multiple key-value pairs per data entry automatically.