使用免费、开源的Exhibit项目，使用一些简单的HTML将一个枯燥的旧电子表格变成一个交互式的基于web的地图、时间线或表格。

Exhibit将数据设置为大约500行，在谷歌地图上绘制位置，在交互式时间线上绘制日期，并以表格或缩略图视图显示图像和链接。查看器可以在任何展览视图中对数据进行排序、搜索和过滤，而无需重新加载页面。你可以让Exhibit用一个HTML文件和一个电子表格来完成这一切——不需要硬核编程。

为了尝试一下，昨天我把我在过去17年里看过的第一个名为百老汇表演的视觉化展览放在了一起。为什么？好吧，我想把架子上的一堆海报扔掉，但我想记住我看了什么节目，什么时候看的。所以我拍摄了每一张海报封面（见这组Flickr），将每一个节目的信息输入到谷歌电子表格中，并使用从其他展品示例中摘取的HTML和CSS将这两个内容**到展品中。你可以在这里自己玩，也可以参观一下下面的产品。

一些人在行动中展示了自己的观点

要在“我的百老汇秀”展览中切换视图，请单击顶部一行链接（表格、缩略图、地图、时间线、平铺）。让我们来看看每一个。

第一个也是默认的视图是一个简单的表格视图（“Table”），它看起来很像您的电子表格。在这里，你可以点击任何一个栏目标题来对项目进行排序，按关键字搜索，或按我在右边栏上设置的“方面”进行过滤（无论该剧是音乐剧还是戏剧，剧院，以及屏幕截图之外的著名演员）。

要查看像块一样排列的数据，请尝试缩略图视图，在这里我使用了我的海报图像的更大版本来更直观地表示我的列表。默认情况下，我在这里按节目类型（音乐或戏剧）对海报进行排序，并按此进行分组。单击“排序依据”链接更改这些设置。

这两个例子是表示列表的常用方法。地图和时间轴视图是事情变得真正有趣的地方。

要将Google地图连接到您的数据，您需要像我一样在电子表格中包含纬度和经度坐标(要轻松获得这些，请将您的地址列复制并粘贴到这个有用的批量地理编码网页中。）以下是我参加过的影院地图。

时间表——我早在2006年就爱上了它——也是查看数据中日期信息的超级酷的方式。对时间线上的点进行颜色编码（橙色点是音乐剧，蓝色点是戏剧，在我的例子中），并前后拖放时间线以查看绘制的点。单击任意点以查看有关节目本身的详细信息。回顾过去，你可以看到我在90年代末参加的演出比任何其他时期都多。

更多展览实例

我微薄的海报收集是一个非常谦虚和自私的使用这个强大的工具。看看几个更漂亮、更有教育意义的展览实例：

• 美国总统——查看每届总统任期的时间表，以及美国出生地和死亡地的地图。
• 历史上的亿万富翁——显示金钱的简洁地图可视化。
• 按人口划分的美国城市——纽约有一个很大的老圈子。

**你自己的展览

展品由两个文件组成：一个HTML文件和一个数据文件（需要JSON格式，Google电子表格支持）。现在，要**自己的展品，你必须非常擅长争论HTML（和CSS，如果你想让它看起来好看的话），但是有大量的教程和示例可以指导你（并从中剽窃优秀的代码）。

要**自己的文档，您需要的所有文档都位于Exhibit wiki作者部分。

初学者，您想先学习入门教程。然后，一旦你的麻省理工学院诺贝尔奖得主展览开始运作，开始收集你自己的数据。我转到了如何从Google电子表格直接提供的数据**展示，然后使用以下教程设置每个视图：缩略图视图、地图视图、时间线视图和表格视图。

展品的优势与局限

你可以在不接触实际数据库的情况下进行这种基于web的数据挖掘，这是相当令人惊讶的，但是方便的代价是你可以使用的数据量的上限。Exhibit都是JavaScript，所以如果您有一个超过500行的大数据集，性能会下降。例如，如果有人想对他们的Twitter追随者进行可视化（由于Twitter API，可以方便地使用JSON），只要跟踪人数少于500人就可以了。

但对于那个些你们想轻松发布到你们的博客或公司内部网的小数据集来说，Exhibit无疑会给你们的读者或老板留下深刻印象(博客们，一个Exhibit WordPress插件也将在未来几周推出。）点击Exhibit的网站获取更多示例和文档。

Exhibit将您的电子表格转换为交互式网页[Smarterware]

Smarterware是Lifehacker的名誉编辑Gina Trapani远离“黑客”的新家。要从Smarterware获取所有最新信息，请确保订阅Smarterware RSS源。更多信息，请查看Gina在Lifehacker上的每周Smarterware功能。