Apache Zeppelin基础显示系统详解-优快云博客

本文链接：https://blog.youkuaiyun.com/gitblog_00078/article/details/148487119

Apache Zeppelin基础显示系统详解

zeppelin Web-based notebook that enables data-driven, interactive data analytics and collaborative documents with SQL, Scala and more. 项目地址: https://gitcode.com/gh_mirrors/zeppelin1/zeppelin

概述

Apache Zeppelin作为一个交互式数据分析工具，提供了多种显示系统来呈现数据分析结果。这些显示系统允许用户以不同格式展示数据，从简单的纯文本到复杂的网络图形。本文将深入解析Zeppelin的基础显示系统功能，帮助用户更好地利用这些功能进行数据可视化。

文本显示系统

默认文本输出

Zeppelin默认使用%text显示系统将解释器的响应输出为纯文本格式。这种显示方式简单直接，适用于大多数基础场景。

这是默认的文本输出
第二行文本

显式文本输出

虽然文本输出是默认行为，但用户也可以显式指定使用文本显示系统：

%text
这是显式指定的文本输出

文本显示系统特别适合输出日志信息、简单计算结果等不需要特殊格式化的内容。

HTML显示系统

HTML渲染功能

通过%html指令，Zeppelin可以将输出内容作为HTML代码进行渲染：

%html
<h1>这是HTML标题</h1>
<p style="color:blue;">这是蓝色段落文本</p>
<ul>
  <li>列表项1</li>
  <li>列表项2</li>
</ul>

HTML显示系统功能强大，可以实现：

自定义文本样式和布局
嵌入图片和多媒体
创建交互式元素
构建复杂的数据展示界面

数学公式支持

HTML显示系统内置了MathJax支持，可以渲染数学公式：

%html
行内公式：\\(E=mc^2\\)

独立公式：
$$ \sum_{i=1}^n i = \frac{n(n+1)}{2} $$

Markdown显示系统

Markdown基础

使用%markdown指令可以渲染Markdown格式的内容：

%markdown
# 一级标题
## 二级标题

- 无序列表项
- 另一个列表项

1. 有序列表
2. 第二项

[链接文本](http://example.com)

Markdown显示系统特别适合：

编写文档说明
创建结构化的笔记
展示格式化的技术文档

表格显示系统

基础表格

当数据以制表符(\t)分隔列、换行符(\n)分隔行时，可以使用%table显示系统：

%table
姓名\t年龄\t城市
张三\t25\t北京
李四\t30\t上海

表格显示系统会自动：

识别表头
提供排序功能
支持分页显示
提供基本的表格样式

HTML表格

如果表格内容以%html开头，Zeppelin会将其作为HTML表格处理：

%table
%html
<table border="1">
  <tr><th>产品</th><th>价格</th></tr>
  <tr><td>笔记本</td><td>5000</td></tr>
</table>

网络图形显示系统

属性图模型

%network显示系统支持展示复杂的网络关系图，基于属性图模型(Property Graph Model)，包含以下元素：

顶点(Vertices)
- 唯一标识符
- 出边和入边集合
- 属性键值对
边(Edges)
- 唯一标识符
- 起始顶点和目标顶点
- 关系类型标签
- 属性键值对

网络图API

网络图使用JSON格式定义，主要参数包括：

{
  "nodes": [
    {"id": "唯一ID", "label": "主标签", "data": {"自定义属性": "值"}}
  ],
  "edges": [
    {"source": "起点ID", "target": "终点ID", "label": "关系类型"}
  ],
  "labels": {"标签名": "颜色代码"},
  "directed": true/false,
  "types": ["关系类型列表"]
}

使用示例

简单网络图示例：

%spark
print(s"""
%network {
    "nodes": [
        {"id": 1},
        {"id": 2},
        {"id": 3}
    ],
    "edges": [
        {"source": 1, "target": 2, "id": 1},
        {"source": 2, "target": 3, "id": 2}
    ]
}
""")

复杂网络图示例：

%spark
print(s"""
%network {
    "nodes": [
        {"id": 1, "label": "用户", "data": {"姓名":"张三"}},
        {"id": 2, "label": "用户", "data": {"姓名":"李四"}},
        {"id": 3, "label": "项目", "data": {"名称":"数据分析"}}
    ],
    "edges": [
        {"source": 2, "target": 1, "id": 1, "label": "协助"},
        {"source": 2, "target": 3, "id": 2, "label": "创建"}
    ],
    "labels": {"用户": "#8BC34A", "项目": "#3071A9"},
    "directed": true,
    "types": ["协助", "创建"]
}
""")

网络图形显示系统特别适合展示：