Interactive Components for Metrics

Interactive metrics components allow users to explore and engage with data directly through features such as tooltips, filtering, interactive maps, and tables. These components make it easier to compare groups, examine patterns, and access detailed information without overwhelming the display. Use interactive metrics when your data is complex or multi-dimensional and would benefit from allowing users to dig deeper into specific values, locations, or subsets of interest.

Tooltips in Data Viz

Tooltips in data visualizations provide additional detail when users hover over or click on elements within a chart. They allow you to display precise values, comparisons, or contextual information without cluttering the visualization. Tooltips are especially useful when comparing groups or exploring multiple data points within the same chart. See an example of a line chart with tooltips added to make reading each point easier and to show change since the previous month.

Interactive Mapping

[David support]

Interactive Tables

Interactive tables let users sort, search, and explore data at their own pace — ideal for detailed breakdowns where readers may want to look up specific programs, compare values, or find outliers. The example below uses the reactable package to create a styled, searchable table with Omni branding.

How to Use the Table

• Search: Type in the search bar above the table to filter rows instantly. For example, typing “Centro” will narrow the table to only matching providers.
• Sort: Click any column header to sort the table by that column. Click again to reverse the sort order. This makes it easy to find the highest or lowest values for any metric.
• Hover: Move your cursor over a row to highlight it, making it easier to read across columns in wider tables.
• Pagination: For larger datasets, the table will automatically split into pages. Use the navigation controls at the bottom to move between pages.