14、数据可视化：图与地理数据处理

数据可视化：图与地理数据处理

在数据可视化领域，有多种方式可以展示数据，本文将详细介绍图可视化以及地理数据可视化的相关内容。

图可视化

在图可视化方面，我们将创建一个矩阵布局的可视化，通过一系列步骤来完成数据的准备、矩阵的填充、可视化的绘制以及鼠标交互效果的实现。

数据准备与排序

首先，我们需要准备数据并设置排序选项。以下是相关代码：

// 假设这里有一些唯一目标值的处理逻辑
function getUniqueTargets() {
    return uniqueTargets;
}
// 创建一个包含丰富信息的对象
var idsEnriched;
// 设置两种排序选项
function sortCounts(data) { return _.sortBy(data, ["counts"]).reverse() }
function sortTotal(data) { return _.sortBy(data, ["total"]).reverse() }

在这段代码中，我们定义了两个排序函数 sortCounts 和 sortTotal ，分别用于按 counts 和 total 对数据进行降序排序。

填充矩阵

接下来，我们将调用 prepareData 函数来填充矩阵：