Design and implement effective tooltips for data visualizations across platforms.
Create a comprehensive tooltip design for my visualization: Visualization Context: - Chart type: [specify] - Data density: [sparse/moderate/dense] - Platform: [D3.js/Tableau/Power BI/web] - Device targets: [desktop/mobile/both] Content Requirements: Primary Information: - Title/header: [what to show] - Key metric: [main value] - Context: [comparison, benchmark] - Secondary details: [list] Formatting: - Number format: [decimals, thousands separator] - Date format: [preferred] - Units display: [approach] - Missing value handling Visual Design: - Position: [follow cursor/fixed anchor] - Offset from cursor: [pixels] - Max width: [pixels] - Background: [color, opacity] - Border: [style] - Shadow: [box-shadow spec] - Font specs: [family, sizes] - Padding: [internal spacing] Behavior: - Show delay: [milliseconds] - Hide delay: [milliseconds] - Animation: [fade/slide/none] - Persist on hover: [yes/no] - Multiple tooltips: [stack/replace] Responsive Considerations: - Touch device behavior - Small screen adaptation - Orientation changes Accessibility: - ARIA attributes - Keyboard trigger - Screen reader content Provide implementation code and CSS styling.
Or press ⌘C to copy