skills.rest
n-elia
n-eliaCOMMUNITY
Explore all skills by this author →
GitHub

displaying-streamlit-data

Render Streamlit charts, dataframes, and metrics with sparklines.

Updated Aug 27, 2026
Search Tags:#charts#metrics#streamlit#dataframes#visualize#altair#sparklines
One-click install
npx skills add https://github.com/n-elia/barbarapp --skill displaying-streamlit-data
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: displaying-streamlit-data
Source: https://github.com/n-elia/barbarapp/tree/main/.skills/developing-with-streamlit/skills/displaying-streamlit-data
Command: npx skills add https://github.com/n-elia/barbarapp --skill displaying-streamlit-data

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill helps you present data in Streamlit as clear visuals, turning raw data into interactive charts, dataframes, and KPI metrics that drive faster insights.

Core Features & Use Cases

  • St.dataframe, st.table, and st.data_editor for versatile data displays
  • st.metric for KPI summaries with delta indicators
  • st.line_chart, st.bar_chart, and st.altair_chart for native and advanced charts
  • st.column_config and sparklines for improved dataframe readability
  • Altair charts for more complex visuals and dashboards

Quick Start

Load a DataFrame named df and render visuals with: st.line_chart(df, x="date", y="value") st.dataframe(df)

Frequently Asked Questions about displaying-streamlit-data

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

FAQPage Schema
How do I visualize a dataframe in Streamlit with interactive charts and metrics?▼

To visualize a dataframe in Streamlit, you can use st.dataframe or st.table for raw data display, st.metric for KPI summaries, and st.line_chart or st.bar_chart for interactive charts. Altair charts are also supported for advanced dashboards.

Can I add sparklines to dataframe column configurations in Streamlit?▼

Yes, sparklines can be added to dataframe column configurations in Streamlit using st.column_config. This improves dataframe readability by embedding miniature charts directly within your data displays.

What is the best way to build a KPI dashboard with delta indicators in Streamlit?▼

The best way to build a KPI dashboard in Streamlit is using st.metric to display KPI summaries with delta indicators, combined with st.line_chart or st.altair_chart to present underlying data trends.

Does Streamlit support Altair charts for complex data visualization tasks?▼

Streamlit supports Altair charts via st.altair_chart for complex data visualization tasks. This allows you to build advanced visuals and interactive dashboards across both small and large datasets.

How do I edit data directly within a Streamlit dataframe display?▼

You can edit data directly within a Streamlit dataframe display using st.data_editor. This provides a versatile interface for interactive data exploration and modification alongside standard visual displays.

Related Skills

Explore More Data & Analytics Skills→
andikarachmanandikarachman
14

data-preprocessing

Preprocess raw data into clean, analysis-ready datasets with pandas and numpy.

Community
Advanced
dy9759dy9759
1

data-visualization-expert

Design charts, dashboards, and interactive data applications for business analytics.

Community
Intermediate
legoutlegout
3

streamlit-to-marimo

Translate Streamlit application code and UI components into reactive marimo notebooks.

Community
Intermediate
h4vzzh4vzz
33

data-visualization

Generate static and interactive charts from structured data using matplotlib, seaborn, and plotly.

Community
Intermediate