4行代码就可以完成一个Web版的3D地球可视化展示——Gio.js

JavaScript013

4行代码就可以完成一个Web版的3D地球可视化展示——Gio.js,第1张

Gio.js 是一个基于Three.js的web 3D地球数据可视化的开源组件库。使用Gio.js的网页应用开发者,可以快速地以申明的方式创建自定义的Web3D数据可视化模型,添加数据,并且将其作为一个组件整合到自己的应用中。

Gio.js 是一个基于Three.js的web 3D地球数据可视化的开源组件库。使用Gio.js的网页应用开发者,可以快速地以申明的方式创建自定义的Web3D数据可视化模型,添加数据,并且将其作为一个组件整合到自己的应用中。

这个库的开发是受到Google 2012 Info大会上的某项目可视化的启发,该项目开发者是Google员工Michael Chang。使用Gio.js就可以快速构建这种炫酷的3D模型,并以此为基础进行深入地开发。

在HTML的<head>中引入Three.js和Gio.js依赖, 以下展示了如何使用<script>标签引入依赖:

在引入Three.js和Gio.js在页面之后,已经可以创建3D Gio地球了。在此我们将先展示如何创建基础样式的Gio地球。

创建一个<p>,Gio地球将会被渲染在这个区域中:

添加一下4行Javascript代码在你的HTML中, 用以创建并渲染:

在Gio.js 1.0发布之后,开发者们提出了很多很酷的、很有建设性的建议,比如微信应用开发者希望Gio.js支持微信小程序,有经验的Three.js开发者希望Gio.js提供Three.js编程接口等。在经过仔细研究、综合设计之后,Gio.js 2.0实现了大部分功能,并且添加了有关文档说明。以下列出了主要的2.0新增特性:

Gio.js仅依赖于Three.js。

经过测试,Gio.js在Three.js R90版本下可以很好地运行和使用。

Gio.js可以运行在以下的浏览器环境中:

更多详细的介绍就不在本文中介绍了,官方文档非常详细,感兴趣的小伙伴可以直接移步文档:

Gio.js可以说是Three.js中实践的非常不错的了,官方还提供了非常多的实例,通过一些简单的API配置即可实现非常炫酷的Web3D可视化地球,而且文档非常详细,更多实用和有趣的地方等待你的 探索 !

1、Datawrapper是一款专心于新闻和出书的可视化工具。

Datawrapper十分简略运用,不需求任何编程根底。你只需求上传你的数据,便能轻松地创立和发布图表,乃至是地图。Datawrapper供给了许多的自界说布局及地图模板。

2.Tableau

Public或许是盛行的可视化工具,它支撑各种图表,图形,地图和其他图形。这是一个彻底免费的工具,你用它制作的图表可以很简略地嵌入到任何网页中。他们有一个不错的画廊,闪现经过Tableau创立的可视化效果。

3、Smartbi

Smartbi作为老到的大数据分析途径,具有可复用、

动态结合一同的展示效果,使得数据可视化活络强健,动态皆宜,为宽广用户供给了无限的运用才谐和幻想空间。除了支撑运用Excel作为报表规划器,完美兼容Excel的装备项。支撑Excel悉数内置图形、布景图、条件格式等规划凌乱的仪表盘款式,一同支撑无缺ECharts图形库,支撑林林总总的图形,包括瀑布图、联络图、雷达图、油量图、热力求、树图等几十种动态交互的图形,借助于地舆信息技术,还打造了地图剖析功用。

4.Google Charts以HTML5和SVG为根底,充沛考虑了跨浏览器的兼容性,并经过VML支撑旧版本的IE浏览器。悉数您将创立的图表是交互式的,有的还可缩放。 Charts十分人道化,有全面的模板库,你可以从中找到所需模板。

5.ChartBlocks

ChartBlocks是一个易于运用工具,它无需编码,便能从电子表格,数据库中构建可视化图表。整个进程可以在图表导游的教训下完毕。图表是呼应式的,并且可以和任何的屏幕规范及设备兼容。

6.Chart.js十分合适小型项目。尽管只需六种图表类型,开源图书馆Chart.js是用于喜爱和小型项意图完美数据可视化工具。运用HTML 7、PowerBI,Microsoft PowerBI同时提供本地和云服务。它初是作为Excel插件引入的,不久PowerBI凭借其强大的功能开始普bai及。目前,它被视为商业分析领域的软件。它提供了数据可视化和bi功能,使用户可以轻松地以更低的成本实现快速,明智的决策,用户可协作并共享自定义的仪表板和交互式报告。8、Solver

Solver致力于通过获取可提升公司盈利能力的所有数据源来提供世界的财务报告、预算方案和财务分析。其软件BI360可用于云计算和本地部署,它专注于四个关键的分析领域,包括财务报告、预算、仪表板和数据仓库。

9、Qlik

Qlik是一种自助式数据分析和可视化工具。它具有可视化仪表板,可简化数据分析,并帮助公司快速制定业务决策。

10、Tableau Public

Tableau 是一个交互式数据可视化工具。不像大多数可视化工具那样需要编写脚本,Tableau的简便性可以帮助新手降低使用难度。只需托拉拽的简单操作使数据分析轻松完成。他们也有一个“新手入门工具包”和丰富的培训资料,可帮助用户创建创更多的分析报告。

11、Fusion Tables你可以使用它来做数据收集、数据可视化和数据共享。他就像电子数据表,但功能更强大更专业。你可以通过添加CSV、KML和电子表格中的数据集和同事共享资料。你还可以发布数据资料并将其嵌入到其他网页属性中。

12、Infogram