Startup Datasnacks: 幕后

我们在寻找简单又稳定的方法，把数据传到你们的脑子里。

阅读时给自己来点好声音：

我爱优秀的数据可视化，aka 超赞的 Charts。

不过把 Graphen / Kurven / Charts 以这种方式嵌进网页，让消费它们还很有趣，真是出奇地难。

一口一个的数据小块。

Datafacts & Datastories，能在路上轻松当零食吃，却还能靠超常深度带来额外价值。

数据收集卡。

每次 Swipe 一个啊哈时刻，每次 Scroll 一个小小的尤里卡。

这是一个崇高的目标，但不容易达到，技术理论上能做到，但在实践中却经常给我们捣乱，因为它还不够实用。

评价：不适合日常使用。

我们每天帮助 Startups 和其他有意思的公司做基于数据的决策，那些经常是难看的数字列，这也 OK，因为它们实用，但在我们的网页上，我们想把数据准备成访客能津津有味地消费的样子，尤其是在较小的智能手机屏幕上。

所以我们会被迫建造两个世界：
复杂的数据菜单，有 5 道菜，适合大屏幕
简单的数据零食，适合小屏幕

我目前为此试过的：

a) Google Sheets per iFrame

发布 Google Sheets 表格或 Charts 并通过 iFrame 嵌入

b) Google Apps Scripts + Chart.js

创建 Google Apps Scripts Web App，用它访问 Google Sheets 表格原始数据，把这些作为 JSON 对象输出，再用 Chart.js 展示，把渲染出的 HTML 再作为 iFrame 嵌到我们的网页上，这能用上 Chart.js 的精细设置选项，但最终是个很麻烦的弯路，到头来还是被各种 iFrame 方面限制了设计灵活性。麻烦又不够理想，但至少是一条用 Google Sheets 原始数据喂 Chart.js 的路，而不用去编更复杂的授权流程。

c) Hardcoded Rohdaten mit Chart.js

把简单原始数据直接固定写进网页的 HTML/Javascript 代码并用 Chart.js 可视化。这绝对是目前设计效果最好的路，但当然不实用。

所以现在我准备在设计上做妥协，倾向于继续用简单的 Google Sheet Charts 放在 iFrames 里，加几个特殊参数就能在视觉上过得去。不过设计上还是很受限，尤其在 Smartphone-Screens 方面会很紧，但在 Mobile Screens 上本来就会这样，问题不一定出在嵌入的方式上。

嗯。我绝对不是在我们研究之旅的终点，而是在某个起点，而且已经比那些从未出发的人走了好多步。

d) Google Datastudio Embedding

我会立即再试试已发布和嵌入的 Google Datastudio Reports 是否还能在这里提供更多价值，尤其是 Mobile 让我感兴趣，但我担心 Charts for Mobile 其实更像是一个设计和艺术主题，而不是一个可以通过生硬嵌入任何 Google Charts 来解决的主题。

在小屏幕上的良好数据可视化是一种数字手工艺，据我所知甚至还没有一个类别名称……好吧，在你还没把搜索引擎放到互联网上之前永远不要说永远不会，当然有人已经研究过这个主题了。

比如 Brightpoint Consulting 的 Thomas Gonzalez 写了一篇 关于“Mobile Data Visualization Design”主题的 Medium 文章 撰写，而且似乎在他的 网站 BrightpointInc.com 上不断研究数据可视化主题。

其他 Libraries 和系统：
highcharts.com
Tableau
D3 Javascript
Observable

欢迎提供关于替代方法的反馈，将数据从 Google Sheets 或其他易于管理的数据源传输到网站并以超炫的方式呈现。只需在这里评论或直接发邮件给我 john@mcgrinsey.com。谢谢 🙂