displaying-streamlit-data

Display charts, interactive tables, and key metrics in Streamlit apps.

Updated Jan 12, 2026
One-click install
npx skills add https://github.com/oharato/databricks --skill displaying-streamlit-data-oharato
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: displaying-streamlit-data
Source: https://github.com/oharato/databricks/tree/main/.github/skills/developing-with-streamlit/skills/displaying-streamlit-data
Command: npx skills add https://github.com/oharato/databricks --skill displaying-streamlit-data-oharato

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill helps you present data clearly and effectively within Streamlit applications, making complex information accessible and understandable.

Core Features & Use Cases

  • Data Visualization: Create various charts (line, bar, scatter) using native Streamlit functions or Altair.
  • Interactive Tables: Display data in interactive or editable formats using st.dataframe and st.data_editor.
  • Key Metrics: Show important Key Performance Indicators (KPIs) with delta indicators and sparklines using st.metric.
  • Use Case: You have a dataset of sales figures over time. Use this Skill to display a line chart of revenue, a bar chart of sales by region, and key metrics like total sales and month-over-month growth.

Quick Start

Use the displaying-streamlit-data skill to show a line chart of the 'revenue' column from the dataframe 'df' using 'date' as the x-axis.

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?

To visualize a dataframe in Streamlit, you display interactive tables using st.dataframe or editable formats with st.data_editor, allowing users to directly manipulate and review data within the application.

What is the best way to create interactive charts in Streamlit?

The best way to create interactive charts in Streamlit is using native functions for basic line, bar, and scatter charts, or integrating Altair to build complex, customized visualizations for analytical dashboards.

Can I display key performance metrics with sparklines in Streamlit?

Yes, you can display key performance metrics in Streamlit using the st.metric function, which supports KPI displays complete with delta indicators and sparklines to show trends like month-over-month growth.

Does Streamlit support Altair for complex data visualizations?

Yes, Streamlit supports Altair for complex data visualizations, enabling you to build advanced chart types and layered graphical representations beyond the native Streamlit charting functions.

How do I format and edit tables in a Streamlit dashboard?

To format and edit tables in a Streamlit dashboard, use the st.data_editor component to render configurable dataframes that support direct user editing and custom cell formatting.

When should I use Altair instead of native Streamlit charts?

Use Altair instead of native Streamlit charts when your data visualization requires complex layered graphics, specific custom formatting, or advanced interactive charting features that native line and bar charts cannot provide.