数据可视化是在上升。 世界各地的出版商——个人博客和主要在线出版物都意识到图表、地图和组合的两个可以传达一个消息远比普通的数字可以更有效。 从简单的图表的信息图形复杂时间轴动画,数据可视化是出目前互联网上。 然而,正如在其他区域,一旦每一个人都在火车上,区别自己和包变得困难。
请继续阅读,找出一组物理引擎可以分开你的努力。
你无需去远处探寻数据可视化的例子。 把Google Analytics的实时视图,什么地方不同大小的泡沫在高级地图说明定量信息:
或者采取“石油的世界地图“通过纽约时报(顺便说一下,确实不少好看的数据可视化)。 映射的工作,但我敢打赌你们大部分人遇见更好看的地图,泡沫不会重叠形成的一种扭曲的地图,更大的泡沫推进的较小的地方,还被《纽约时报》:
地图如此特别好的相对较少的国家分配值时——并非所有些国家在奥运会上取得奖牌,毕竟。 假如泡沫直接被放置在各自的国家,他们会重叠,结果不会是视觉上赏心悦目。
有了数据可视化库amCharts多年来,我一直探寻办法来帮助用户可视化数据的方法是创意和美观,有效地传达他们的信息。 地图像本文中讨论的无疑是非常不错的传达定量地理信息的方法。 往下读,找出怎么样让这种事发生。
默认特质的映射库- Javascript地图叫你生成一个标准的泡沫地图比较容易:
上面的地图已经非常好看和达成非常简单,但重叠的仍然是一个问题。 让大家解决这个问题。
我可以尝试撰写我们的脚本测试和解决冲突(不是一件容易的事)。 从我一个人的游戏开发经验,我了解所有些物理仿真库内置的碰撞测试。 让大家用其中之一。
但为何不呢? 由于大家借助这类库的力量,大家也可以用他们的其他特质。让大家使大家的图表动画逼真的运动一个真的让人印象深刻的结果,无疑会捕获用户的注意力。
一群物理学现成的Javascript库。 我选择最著名Box2D Javascript港口之一,box2dweb。 这个想法非常简单。 大家与泡沫,有地图,大家有一个box2d世界(看不见的用户)相同大小的泡沫相同的复制。
大家将用(看不见的)box2d世界模拟泡沫运动和交互(如碰撞测试和其他东西),监控气泡的地方和动态地修改这类地方在地图上。 我不会进入技术细节,你可以查询源码,假如你想要的。 预防泡沫降低,大家简单地设置重力0。 这是结果:
太好了,不是吗? 目前,我想在运行时改变一些泡沫的大小,让其他泡沫相应移动。 要做到这一点,大家需要规模box2d世界的泡沫和地图一块泡沫,只不过察看会发生什么。 经过一些测试,我发现这工作可能通过增加强小的泡沫,而不是通过降低——泡沫取代之前的其他大型泡沫缩小不返回:
大家需要一个更复杂的解决方法。 经过实验,我来到这个:
创建一个静态对象的每一个国家,一直维持在适合的地方。
让这个对象“传感器”,如此其他对象不碰撞。
创建一个固定传感器和泡沫之间的联合,并调整这个一同的属性,允许一些运动虽然一直被吸引的地方传感器。
非常不错地工作:
只不过为了显示什么可以用物理引擎,下面是另一个演示大家的地图全球咖啡消费。 在你问之前,大家完全由数据。
这张地图非常大家的技术办法与上面过去演示。 唯一有什么区别是,泡沫刚开始不加入他们的目的地地方,而是放置在图的中间,就在咖啡壶,咖啡杯是由三个矩形box2d。 假如你取消所有行的“调试”(两个地方在画布元素的Javascript源和HTML),你可以得到一个box2d debug-draw视图(在做如此的工作时很有帮助):
一个线框图进行调试物理在大家想象的委员会(查询大版本)
太棒了,不是吗? 而且只有500行代码(不包含数据)。
物理引擎不仅仅是为游戏和专门的模拟。 他们使大家可以添加惊人的成效,只有几行代码,解决几何问题,不然大家周——假如不是数月打造了大家我们的。
大家这里关注box2d引擎,这是健壮的和强大的,但它或许会有点慢慢的设施上。 不少引擎是可用的。 大家鼓励你尝试一些与你或看到点击哪一个比较适合于手头的任务。 假如你只不过需要解决重叠的问题,比如,然后一个轻量级的选择可能奏效,和一个小得多的足迹和低得多的处置开销。
事实上是没限制你能干什么与物理数据的可视化。创建列图表,让他们像多米诺骨牌,或使饼图,反弹和更多。 可以使对象在图表和地图,旋转,跳跃,改变形状,变形的方法将更快地抓住观众的注意力比常规静态甚至互动版本。
你会找到更多的例子和数据可视化的工具amCharts网站。文章整理来自互联网，转载请注明黄冈网站制作公司-博久网络，翻译不好，请见谅！
推荐题目有趣的网站模拟数据可视化设计
