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 creating narrative text with semantic entity annotations. It makes data analysis reports more expressive and visually appealing.