skills.rest
Shamrock2245
Shamrock2245COMMUNITY
Explore all skills by this author →
WebsiteGitHub

displaying-streamlit-data

Format tabular, time-series, and KPI data for Streamlit dashboards.

1|1|Updated Mar 20, 2026
Search Tags:#metrics#dashboard#visualization#streamlit#dataframe#altair#sparklines
One-click install
npx skills add https://github.com/Shamrock2245/shamrock-trading-bot --skill displaying-streamlit-data-shamrock2245
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: displaying-streamlit-data
Source: https://github.com/Shamrock2245/shamrock-trading-bot/tree/main/.agent/skills/developing-with-streamlit/skills/displaying-streamlit-data
Command: npx skills add https://github.com/Shamrock2245/shamrock-trading-bot --skill displaying-streamlit-data-shamrock2245

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Many Streamlit apps require clear, interactive presentation of tabular and time-series data, but assembling the right combination of dataframes, editable tables, charts, and KPI sparklines can be inconsistent and error-prone; this Skill documents patterns and best practices to display data cleanly and accessibly.

Core Features & Use Cases

  • Display selection: Guidance on choosing st.dataframe, st.data_editor, st.table, st.metric, and st.json based on interactivity needs.
  • Charting: Use native Streamlit charts for simple plots and Altair for advanced axis control, layering, legends, and interactive tooltips.
  • Column configuration: Use column_config to format numbers, currency, dates, images, links, progress bars, sparklines, and to hide or pin columns for better UX.
  • Editable workflows: Patterns for using st.data_editor with SelectboxColumn and saving/reacting to edits.
  • Use case: Create a financial dashboard that shows a revenue time series chart, a top-holders dataframe with logos and links, and KPI cards with sparklines and delta indicators.

Quick Start

Show the dataframe of monthly revenue with readable labels, a pinned title column, and a revenue metric that includes a sparkline.

Frequently Asked Questions about displaying-streamlit-data

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

FAQPage Schema
How do I display a dataframe with sparklines and pinned columns in Streamlit?▼

To display a dataframe with sparklines and pinned columns in Streamlit, use the st.dataframe or st.data_editor component with column_config to specify LineChartColumn for sparklines and configure column pinning for better UX readability.

What is the best way to format numbers, images, and progress bars in a Streamlit dataframe?▼

The best way to format numbers, images, and progress bars in a Streamlit dataframe is using the column_config parameter, which provides NumberColumn, ImageColumn, and ProgressColumn types to cleanly format tabular data for interactive viewing.

When should I use Altair charts instead of native Streamlit charts for data visualization?▼

Use Altair charts instead of native Streamlit charts when you need advanced axis control, layering, custom legends, or interactive tooltips for time-series data visualization in your dashboard, whereas native charts suit simpler plots.

Can I create an editable table in Streamlit and save user modifications?▼

Yes, you can create an editable table in Streamlit using st.data_editor with SelectboxColumn configurations, allowing you to build editable workflows that capture, save, and react to user modifications within the data interface.

Does Streamlit support adding delta indicators and sparklines to KPI metric cards?▼

Streamlit supports adding delta indicators and sparklines to KPI metric cards by utilizing the st.metric component with the chart_data and chart_type parameters to display time-series trends alongside the primary metric value.

Related Skills

Explore More Data & Analytics Skills→
nesihaver-ILnesihaver-IL

analytics-metrics

Build interactive analytics dashboards and charts in React with Recharts.

Community
Intermediate
rahul-s-bhattrahul-s-bhatt

displaying-streamlit-data

Create charts, metrics, tables, and formatted columns in Streamlit applications.

Community
Intermediate
cathayriskcathayrisk

developing-with-streamlit

Build Streamlit apps with layout, caching, session state, and Snowflake connections.

Community
Intermediate
legoutlegout
3

displaying-streamlit-data

Visualize datasets and metrics in Streamlit with native charts, Altair, and interactive tables.

Community
Intermediate