observable-framework-lib-echarts

Integrate Apache ECharts for interactive data visualizations in Observable Framework projects.

Updated Feb 28, 2026
One-click install
npx skills add https://github.com/spqw/skill-observable-framework --skill observable-framework-lib-echarts
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: observable-framework-lib-echarts
Source: https://github.com/spqw/skill-observable-framework/tree/main/skills/observable-framework-lib-echarts
Command: npx skills add https://github.com/spqw/skill-observable-framework --skill observable-framework-lib-echarts

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires npm:echarts, and includes references (resource) components.

What problem does it solve?

This Skill enables the creation of interactive and dynamic charts within Observable Framework projects by leveraging the powerful Apache ECharts library.

Core Features & Use Cases

  • ECharts Integration: Seamlessly use Apache ECharts for data visualization.
  • Interactive Charts: Build charts with tooltips, zooming, and other interactive features.
  • Use Case: Visualize sales data with bar charts, display user demographics with pie charts, or create complex network graphs, all within your Observable Framework application.

Quick Start

Use the observable-framework-lib-echarts skill to create a bar chart with the provided data.

Frequently Asked Questions about observable-framework-lib-echarts

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

FAQPage Schema
How do I use ECharts for data visualization in an Observable Framework project?

To use ECharts for data visualization in an Observable Framework project, you must explicitly import the echarts library and initialize the chart on a specific display container using the ECharts API.

Can I create interactive charts with tooltips and zooming in Observable Framework?

Yes, you can create interactive charts with tooltips and zooming in Observable Framework by integrating Apache ECharts, which supports dynamic chart generation and interactive data representations.

What chart types can I generate using ECharts within Observable Framework?

You can generate various chart types in Observable Framework using ECharts, including bar charts for sales data, pie charts for user demographics, and complex network graphs.

Does the ECharts integration require manual library imports in Observable Framework?

Yes, the ECharts integration requires explicit import of the echarts library dependency and manual initialization on a display container to render visualizations within your Observable application.

What is the best way to display dynamic data representations in Observable Framework?

The best way to display dynamic data representations in Observable Framework is by leveraging Apache ECharts to build interactive charts that respond dynamically to data changes via JavaScript.

Why are my ECharts not rendering in Observable Framework?

ECharts may not render in Observable Framework if you skip the explicit library import or fail to initialize the chart instance on a valid display container element as required by the API.