echarts-animation-configuration

Sub-skill of echarts: Animation Configuration (+2).

5 stars

Best use case

echarts-animation-configuration is best used when you need a repeatable AI agent workflow instead of a one-off prompt.

Sub-skill of echarts: Animation Configuration (+2).

Teams using echarts-animation-configuration should expect a more consistent output, faster repeated execution, less prompt rewriting.

When to use this skill

You want a reusable workflow that can be run more than once with consistent structure.

When not to use this skill

You only need a quick one-off answer and do not need a reusable workflow.
You cannot install or maintain the underlying files, dependencies, or repository context.

Installation

Claude Code / Cursor / Codex

$curl -o ~/.claude/skills/animation-configuration/SKILL.md --create-dirs "https://raw.githubusercontent.com/vamseeachanta/workspace-hub/main/.agents/skills/_archive/data/visualization/echarts/animation-configuration/SKILL.md"

Manual Installation

Download SKILL.md from GitHub
Place it in .claude/skills/animation-configuration/SKILL.md inside your project
Restart your AI agent — it will auto-discover the skill

How echarts-animation-configuration Compares

Feature / Agent	echarts-animation-configuration	Standard Approach
Platform Support	Not specified	Limited / Varies
Context Awareness	High	Baseline
Installation Complexity	Unknown	N/A

Frequently Asked Questions

What does this skill do?

Sub-skill of echarts: Animation Configuration (+2).

Where can I find the source code?

You can find the source code on GitHub using the link provided at the top of the page.

SKILL.md Source

# Animation Configuration (+2)

## Animation Configuration


```javascript
option = {
  animation: true,
  animationDuration: 1000,
  animationEasing: 'cubicOut',
  animationDelay: function (idx) {
    return idx * 50;
  }
};
```

## DataZoom (Zoom/Pan)


```javascript
option = {
  dataZoom: [
    {
      type: 'inside', // Mouse wheel zoom
      start: 0,
      end: 100
    },
    {
      type: 'slider', // Slider zoom

*See sub-skills for full details.*

## Brush Selection


```javascript
option = {
  brush: {
    toolbox: ['rect', 'polygon', 'lineX', 'lineY', 'keep', 'clear'],
    xAxisIndex: 0
  },
  // ... rest of option
};

myChart.on('brushSelected', function (params) {
  var brushComponent = params.batch[0];
  var selected = brushComponent.selected[0].dataIndex;
  console.log('Selected data indices:', selected);
});
```