displaying-streamlit-data

Display and format tabular data and charts in Streamlit dashboards.

Updated Apr 20, 2025
One-click install
npx skills add https://github.com/cathayrisk/Anya --skill displaying-streamlit-data-cathayrisk
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: displaying-streamlit-data
Source: https://github.com/cathayrisk/Anya/tree/main/skills/developing-with-streamlit/skills/displaying-streamlit-data
Command: npx skills add https://github.com/cathayrisk/Anya --skill displaying-streamlit-data-cathayrisk

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill explains how to present tabular data, charts, and metrics in Streamlit so dashboards and reports are readable, properly formatted, and actionable rather than cluttered or confusing.

Core Features & Use Cases

  • Native charts for simplicity: Use Streamlit's built-in line, bar, scatter, area charts for quick visualizations with grouping, stacking, and sizing options.
  • Altair for control: Employ Altair when you need custom axis formatting, multiple series with legends, interactive tooltips, or layered visualizations.
  • Dataframe column configuration & metrics: Configure columns to format numbers, show progress bars, images, links, hide internal fields, pin important columns, and add sparklines to metrics for compact trend context.
  • Use case: Build a sales dashboard that displays a revenue DataFrame with a formatted Revenue column, a pinned title column, a revenue-over-time line chart, and sparklines in key metric cards.

Quick Start

Show me a Streamlit example that displays a sales DataFrame with a formatted Revenue column, a line chart of revenue over time, and a sparkline metric.

Frequently Asked Questions about displaying-streamlit-data

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I configure Streamlit dataframe columns to format numbers and pin specific fields?

You can use Streamlit's column configuration to format numbers, display progress bars, hide internal fields, and pin important columns. This ensures your dashboard tabular data is readable, properly formatted, and actionable rather than cluttered.

What is the best way to add sparklines to Streamlit metrics for trend context?

Adding sparklines to Streamlit metrics provides compact trend context for evenly spaced series. You can integrate sparklines into metric cards to display key trends directly within your reporting interfaces without cluttering the dashboard.

When should I use Altair charts instead of native Streamlit charts?

Use Altair charts when you need custom axis formatting, multiple series with legends, interactive tooltips, or layered visualizations. Use native Streamlit charts for simpler quick visualizations with grouping, stacking, and sizing options.

Can I display a Streamlit dashboard with formatted columns, line charts, and sparkline metrics together?

Yes, you can build a Streamlit dashboard that displays a dataframe with a formatted column, a pinned title column, a revenue-over-time line chart, and sparklines in key metric cards to make reports clear and actionable.

Does Streamlit support hiding internal dataframe fields and showing images in columns?

Streamlit column configuration supports hiding internal dataframe fields and displaying visual column types like images and links. This allows you to present only relevant, properly formatted data in your reporting interfaces.