Skip to content

交互式示例

探索 T8 功能和特性的综合示例。每个示例展示了 T8 文本可视化能力的不同方面,并包含完整的 T8 语法源代码。

示例:2024 年智能手机市场分析

这个综合示例展示了 T8 在渲染具有丰富实体注释和内联可视化的数据驱动叙事文本方面的能力。该示例包括:

  • 多种实体类型(指标、维度、趋势、比率等)
  • 内联迷你图表(分布、相关性、季节性)
  • 复杂的数据关系(排名、比例、比较)
  • 带有章节和小节的结构化 Markdown

流式渲染

观看内容逐步渲染,模拟实时数据流或 AI 生成的内容。非常适合数据逐步到达的场景。

暗色主题与自定义设置

使用暗色主题和自定义排版设置(12px 字体大小,20px 行高)渲染相同的内容。

自定义插件 - 样式化维度值

此示例展示了如何使用插件自定义实体渲染。在这里,维度值(如国家/地区名称)使用自定义颜色和字体进行样式化。

理解 T8 语法

以上示例使用 T8 语法 - 一种基于 Markdown 的声明式语言,用于叙事文本可视化。演示的主要功能:

实体注释

实体使用括号表示法标记:[文本](entity_type, properties)

  • [智能手机出货量](metric_name) - 指标名称
  • [12 亿台](metric_value, origin=1200000000) - 带有原始数据的指标值
  • [2024 年](time_desc) - 时间描述
  • [适度下降 2.1%](ratio_value, origin=-0.021, assessment="negative") - 带有情感的比率
  • [亚太地区](dim_value) - 维度值(类别、地区等)
  • [韧性](trend_desc, assessment="positive") - 趋势描述
  • [排名第 1](rank, detail=[320, 180, 90, 65, 45]) - 带有数据的排名

内联可视化

  • [分布](distribution, detail=[15, 25, 35, 15, 10]) - 迷你条形图
  • [强相关性](association, detail=[...]) - 散点图
  • [明显的季节性](seasonality, detail={...}) - 折线图
  • [1.4 亿台差距](difference, detail=[200, 180, 160, 140]) - 差异指示器

Markdown 格式

支持标准 Markdown 语法:

  • **粗体** 表示强调
  • *斜体* 表示轻微强调
  • __下划线__ 表示突出显示
  • 标题(######)用于结构
  • 列表(编号和项目符号)
  • 链接

T8 语法文档中了解更多。