Dynamic chart tooltip

Compare a point, read its known subtotal or rank its series. Values update in place and keep their series colours.

Library

Cojeev UI

Framework

React

Type

ui

License

MIT

Dependencies

motion

Install

npx shadcn@latest add https://cojeev.com/ui/r/chart-tooltip.json

Files

• registry/cojeev/ui/chart-tooltip.tsx
• registry/cojeev/lib/utils.ts
• registry/cojeev/lib/appearance-tokens.ts
• registry/cojeev/lib/assembly-geometry.ts
• registry/cojeev/lib/bento-layout.ts
• registry/cojeev/lib/bloom-engine.ts
• registry/cojeev/lib/chart-geometry.ts
• registry/cojeev/lib/control-appearance.ts

Source

https://github.com/luv-jeri/cojeev-ui

Categories

• Chart Components
• React Chart Components
• Tailwind CSS Chart Components
• shadcn/ui Chart Components
• Data Display Components
• React Data Display Components
• Tailwind CSS Data Display Components
• shadcn/ui Data Display Components
• Overlay Components
• React Overlay Components
• Tailwind CSS Overlay Components
• shadcn/ui Overlay Components

More from Cojeev UI

• Area chart
• Bar chart
• Chart
• Line chart
• Pie chart
• Radar chart
• Radial chart
• Tooltip
• Accordion
• Accordion Gallery
• Action dock
• Activity feed