andfaniloandfaniloCommunityยท18 Agent Skills Included

streamlit-echarts

Build interactive ECharts dashboards inside Streamlit apps

Renders interactive Apache ECharts and PyECharts visualizations directly inside Streamlit applications. Handles click, box, and lasso selections, custom JavaScript callbacks, themes, and GeoJSON maps without manual frontend wiring. Helps developers and data teams ship rich, interactive dashboards faster with simple Python code.
npx skills add andfanilo/streamlit-echarts --all -g -y
Available:

Gives the AI agent the component architecture, build commands, and testing workflows needed to develop and validate changes to this Streamlit-ECharts component.

All Skills in This Repository (18)

Pure Emerald Level Indicators
๐Ÿ“ฆ In Repo
andfaniloandfanilo

developing-with-streamlit

Create, debug, and deploy Streamlit applications with caching and Snowflake integrations.

Community
Intermediate
๐Ÿ“ฆ In Repo
andfaniloandfanilo

using-streamlit-layouts

Organize Streamlit app layouts with sidebars, columns, containers, tabs, and dialogs.

Community
Intermediate
๐Ÿ“ฆ In Repo
andfaniloandfanilo

organizing-streamlit-code

Organize Streamlit application code by separating UI from business logic into modules.

Community
Basic
๐Ÿ“ฆ In Repo
andfaniloandfanilo

using-streamlit-markdown

Format rich text and Markdown elements in Streamlit applications.

Community
Basic
๐Ÿ“ฆ In Repo
andfaniloandfanilo

using-streamlit-cli

Manage and run Streamlit apps via command line with configuration and diagnostics.

Community
Intermediate
๐Ÿ“ฆ In Repo
andfaniloandfanilo

optimizing-streamlit-performance

Optimize Streamlit app performance with caching, fragment isolation, and conditional rendering.

Community
Intermediate
๐Ÿ“ฆ In Repo
andfaniloandfanilo

building-streamlit-dashboards

Compose responsive Streamlit dashboards with KPI cards, charts, and tables.

Community
Intermediate
๐Ÿ“ฆ In Repo
andfaniloandfanilo

improving-streamlit-design

Recommend icons, badges, spacing, and text styling for Streamlit apps.

Community
Basic
๐Ÿ“ฆ In Repo
andfaniloandfanilo

using-streamlit-custom-components

Evaluate and integrate third-party Streamlit custom components via uv add.

Community
Intermediate
๐Ÿ“ฆ In Repo
andfaniloandfanilo

connecting-streamlit-to-snowflake

Connect Streamlit apps to Snowflake using st.connection with parameterized queries and ttl caching.

Community
Intermediate
๐Ÿ“ฆ In Repo
andfaniloandfanilo

using-streamlit-session-state

Persist Streamlit session state across script reruns with widget keys and callbacks.

Community
Intermediate
๐Ÿ“ฆ In Repo
andfaniloandfanilo

building-streamlit-custom-components-v2

Build bidirectional Streamlit Custom Components v2 with st.components.v2.component.

Community
Advanced

Frequently Asked Questions

FAQPage Schema
How to install streamlit-echarts?โ–ผ

Run `npx skills add andfanilo/streamlit-echarts --all -g -y` in your terminal to install all skills in this suite globally.

How to show ECharts in a Streamlit app?โ–ผ

Import st_echarts, pass your ECharts option dictionary, and call st_echarts(options=options) to render the chart in your app.

Can users click and select data points on the chart?โ–ผ

Yes. Enable on_select with selection modes like points, box, or lasso, and the selected indices and values are returned to your Python code.

Does streamlit-echarts support PyECharts?โ–ผ

Yes. Install the pyecharts extra and use st_pyecharts to render PyECharts chart objects directly with the same options.

Can I run custom JavaScript in my charts?โ–ผ

Yes. Wrap JavaScript code with JsCode or load it from a .js file to use custom formatters, event handlers, and callbacks.

Related Repositories in Data & Analytics

View All in Data & Analyticsโ†’