narrative-text-visualization

# Narrative Text Visualization Skill

This skill provides a workflow for transforming data into structured narrative text visualizations using **T8 Syntax** - a declarative Markdown-like language for creating data narratives with semantic entity annotations.

## What is T8

T8 is a text visualization solution under the AntV technology stack designed specifically for insight-based narrative text display. Instead of manually constructing DOM elements, you write simple, human-readable syntax that describes your data narrative.

**Key Features:**
- **LLM-Friendly**: The syntax is intuitive and can be easily generated by AI models
- **Declarative & Readable**: Write what you want, not how to build it
- **Framework Agnostic**: Works with React, Vue, or vanilla JavaScript
- **Standardized Styling**: Professional appearance by default
- **Built-in Data Visualizations**: Mini charts (pie, line) are native to the syntax
- **Lightweight**: Less than 20KB before gzip

## Workflow

To generate narrative text visualizations, follow these steps:

### 1. Understand the Requirements

Analyze the user's request to determine:
- The topic or data to be analyzed
- The type of narrative needed (report, summary, article)
- The key insights to highlight
- Any specific data sources or metrics

### 2. Generate T8 Syntax Content

Create narrative text using T8 Syntax following the specification below. The content must include:
- Proper document structure (headings, paragraphs, lists)
- Entity annotations for all meaningful data points
- Appropriate metadata for entities (origin, assessment, etc.)

### 3. Generate Frontend Code

Create HTML, React, or Vue code to render the T8 content based on user's preferred framework.

### 4. Validate Output

Ensure:
- All data is from authentic sources
- Minimum content length (800 words or equivalent)
- Proper entity annotations throughout
- Clear structure and logical flow

---

## T8 Syntax Specification

T8 Syntax is a Markdown-like language for creati