displaying-streamlit-data

Visualize data in Streamlit apps with charts, DataFrames, and editable tables.

Updated Feb 13, 2026
One-click install
npx skills add https://github.com/Aaron-Tawil/super-order-automation --skill displaying-streamlit-data-aaron-tawil
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: displaying-streamlit-data
Source: https://github.com/Aaron-Tawil/super-order-automation/tree/main/.codex/skills/developing-with-streamlit/skills/displaying-streamlit-data
Command: npx skills add https://github.com/Aaron-Tawil/super-order-automation --skill displaying-streamlit-data-aaron-tawil

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 your dashboards more informative and user-friendly.

Core Features & Use Cases

  • Data Visualization: Create various chart types (line, bar, scatter) using native Streamlit functions or Altair.
  • Table Display & Editing: Show data in interactive DataFrames or editable Data Editors, with options for custom column formatting.
  • Key Metrics: Display important KPIs with trend indicators and sparklines.
  • 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 a table of individual transactions with formatted currency values.

Quick Start

Use the displaying-streamlit-data skill to show a line chart of the 'revenue' column against the 'date' column from the dataframe named '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 using charts?

To visualize dataframes in Streamlit, you can create line, bar, or scatter charts using native Streamlit functions or Altair. This allows you to transform raw dataframe columns into interactive visual representations for dashboard presentations.

Can I display interactive metrics with sparklines in Streamlit?

Yes, you can display interactive metrics with sparklines in Streamlit. The framework supports showing important KPIs alongside trend indicators and sparklines to help users track performance changes over time within web dashboards.

What is the best way to show editable tables in a Streamlit dashboard?

The best way to show editable tables is using Streamlit's native Data Editor component. It allows you to display interactive dataframes where users can edit data directly, with options for applying custom column formatting like currency values.

Does Streamlit support custom column formatting for dataframe displays?

Yes, Streamlit supports custom column formatting for dataframe displays. When presenting data in interactive DataFrames or Data Editors, you can configure specific column formats to ensure values like currency or dates are displayed clearly.

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

You should use Altair instead of native Streamlit charts when you need more complex or customizable data visualization. While native functions handle basic line and bar charts, Altair provides advanced options for interactive web-based dashboards.