skills.rest
fangshine01
fangshine01COMMUNITY
Explore all skills by this author →
GitHub

displaying-streamlit-data

Render interactive tables, charts, metrics, and sparklines in Streamlit.

Updated Aug 23, 2026
Search Tags:#charts#metrics#streamlit#dataframe#data-visualization#altair
One-click install
npx skills add https://github.com/fangshine01/AI_agent --skill displaying-streamlit-data-fangshine01
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: displaying-streamlit-data
Source: https://github.com/fangshine01/AI_agent/tree/main/.github/skills/displaying-streamlit-data
Command: npx skills add https://github.com/fangshine01/AI_agent --skill displaying-streamlit-data-fangshine01

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill helps Streamlit app builders and data analysts present tables, charts, metrics, and sparklines in a clear, interactive way so stakeholders can explore insights without manual formatting.

Core Features & Use Cases

  • Interactive table display and editable data editor modes for exploration and inline updates.
  • Native Streamlit charts for simple visuals and Altair for custom, layered or multi-series charts and tooltips.
  • Column configuration options to format numbers and dates, show images or links, hide sensitive columns, pin important fields, and add sparklines or progress bars; use st.metric to surface KPIs with trend context.
  • Example use case: a sales dashboard that displays a formatted revenue column, pinned product title, editable order statuses, a revenue line chart, and sparkline metrics for weekly trends.

Quick Start

Show a Streamlit view that displays the dataframe with formatted revenue and date columns, hides internal IDs, pins the title column, includes a revenue line chart over date, and adds a sparkline metric for recent trends.

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 interactive dataframes with formatted columns in Streamlit?▼

Display interactive dataframes in Streamlit using column_config to format numbers and dates, pin important columns, hide sensitive fields, and show images or links directly in the table.

Can I add sparklines and KPI metrics with trends in Streamlit without external charting packages?▼

Yes, you can add sparklines and KPI metrics with trends in Streamlit natively. Use st.metric to surface KPIs with trend context and column_config to embed sparklines without requiring external charting packages.

What's the best way to create custom multi-series charts with tooltips in Streamlit?▼

Create custom multi-series charts in Streamlit using Altair visualizations for layered charts and interactive tooltips, while using native Streamlit charts for simpler visual outputs.

Does Streamlit support inline editing of table data for data exploration?▼

Yes, Streamlit supports inline editing through the data_editor component, allowing users to make inline updates to table data directly during interactive exploration and reporting workflows.

How do I build a Streamlit dashboard that combines editable tables, line charts, and metrics?▼

Build a Streamlit dashboard by combining the data_editor for editable order statuses, native line charts for revenue trends, and st.metric with sparklines for compact weekly KPI tracking.

Related Skills

Explore More Data & Analytics Skills→
JayRHaJayRHa
3

pandas-data-cleaning

Clean messy tabular datasets with pandas using auditable transformation steps.

Community
Advanced
rahul-s-bhattrahul-s-bhatt

displaying-streamlit-data

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

Community
Intermediate
ScientiaCapitalScientiaCapital
28

data-analysis

Compute SaaS metrics and generate Streamlit dashboards from ingested data.

Community
Advanced
HouseGarofaloHouseGarofalo
3

streamlit-dashboards

Create interactive Python dashboards with Streamlit, Pandas, and Plotly.

Official
Intermediate