---
title: 新闻图可视化
order: 5
---

## 新闻图可视化

用“图”的方式说新闻。我们针对一些社会时间，通过数据收集、清洗、转换，再经过精心设计和实现，完成了下面几个“图说新闻”的可视化案例。供用户参考。

### 圣诞推文可视化

该案例展示了圣诞夜与圣诞节网友们在 Tweeter 上发送的推文中，出现频率 top 100 的单词。可以通过拖拽、点击等交互，查看单词的上下文。

**”彩蛋“**：别人家的彩蛋是彩蛋，而我们的"彩蛋"是个课堂作业：

实现了该 demo 后，我们发现了一个小 Bug：由于 ’christmas‘ 的上下文节点众多，展开它后，在布局即将收敛时出现了疯狂的抖动鬼畜。欢迎在 <a href='https://github.com/antvis/G6' target='_blank'>GitHub</a> 上提 PR 修复它。

<br/>

### 澳大利亚大火

本图展示了 2020 年 1 月 11 日到 18 日的火灾情况，数据来源于 NASA 公开数据，由卫星拍摄到的起火点。[数据链接](https://firms.modaps.eosdis.nasa.gov/active_fire/#firms-shapefile)。

图上的根节点代表了澳大利亚；第二级节点代表了澳大利亚的各个州；最外圈节点（叶子节点）代表了澳大利亚各个州的主要城市。叶子节点的大小代表了该城市人口总数的多少；叶子节点上的柱子高低代表了该城市每天起火点的数量（卫星检测到该区域的起火点数量）；节点颜色代表了该区域每天的受灾情况（由卫星检测到的该区域的起火点的明亮度（brightness）的平均值）。


### 地铁线路图

基于 G6 实现的地铁线路图。演示自定义带动画的边以实现地铁线路的流动效果。


### 美国航线边绑定

使用 G6 可视化美国航线图，使用边绑定工具降低视觉混乱。在大规模图上，使用边绑定可以降低视觉混乱，更清晰地展示图的整体走势、结构，突出航线频繁的城市，它们可能是重要的交通枢纽，并展示更多的统计信息，以便观察者进行分析。图中颜色映射航班的飞行方向（出发（橙红色）与降落（青色））。节点大小表示到达与离开该城市的航班总数量，每个节点使用了饼图展示达到（橙红色）和离开（青色）航班的比例。并增加 hover 的交互，使用 tooltip 展示每个城市的经纬度。
