PoPo数据可视化 聚焦于Web数据可视化与可视化交互领域，发现可视化领域有意思的内容。不想错过可视化领域的精彩内容, 就快快关注我们吧 :) 微信订阅号：popodv_com

谷歌决定关闭云可视化服务 Fusion Tables

谷歌宣布即将关闭其 Fusion Tables 云服务，这是谷歌云平台所提供的服务选项之一，提供创建在线可视化的简便方法，尤其是地图层面。众所周知，谷歌在地图方面的能力较强，该服务就是重要工具之一。谷歌宣布该服务将于 2019 年 12 月 3 日结束，并且使用 Maps JavaScript API v3.37 中的 Fusion Tables Layer 的地图将于 2019 年 8 月开始出现 bug。

https://www.infoq.cn/article/4sKJhVHrhut-6CBqlK04

https://www.computerworld.com/article/3327128/google/google-will-shut-down-fusion-tables.htm

大屏数据可视化设计指南

可能是目前大屏数据可视化设计介绍最详尽的一篇文章了，可以当做设计手册使用的一篇经验分享

https://www.ui.cn/detail/428629.html

This is a chart about the world through the eyes of the US 美国眼光看世界

不同时期美国媒体头条重点关注的国家可视化, 直观印证了中国在美国的影响力是多么牛B, 厉害了我的国.

There is always that one country on our collective conscious, and I wanted to know how that has changed over time. So I turned to the newspaper, since headlines have long been the catalyst for daily conversations about what is going on in the world. Most of that content is still preserved thanks to the New York Times archive. After looking at 741,576 section front headlines, I found out which countries around the world have preoccupied Americans the most each month since 1900.

https://pudding.cool/2018/12/countries/

浅谈热力图如何在前端实现

当我们需要用更直观有效的形式来展现各类大数据信息时，热力图无疑是一种很好的方式。作为一种密度图，热力图一般使用具备显著颜色差异的方式来呈现数据效果，热力图中亮色一般代表事件发生频率较高或事物分布密度较大，暗色则反之。

https://juejin.im/post/5bdc2323518825170e4a8cf8

svg、canvas、css3d实现数据可视化（伪3D效果）

这次项目用到了一些自定义的数据可视化组件，我把我做的部分抽出来几个典型做个汇总。分为如下：

星球环绕旋转图 -- 方法一： svg：animateMotion+ animateTransform 方法二：css3d

地图 -- svg渲染 + div悬浮框 + js事件

二维饼图（风车图） -- canvas： dragCircle 、 stopDragging

三棱锥 -- canvas + 对数排列

长方体 -- css3d + 增量增长

https://juejin.im/post/5b690a66f265da0f820254bd

炫酷粒子表白，双十一脱单靠它了！

首先，咱们想下要如何将一系列的粒子组成一句表白呢？实现原理其实很简单，Canvas 中有个 getImageData 的方法，可以得到一个矩形范围所有像素点数据。那么我们就试试来获取一个文字的形状吧。

https://juejin.im/post/5bdfe1dbe51d45054771f9d4

苏黎世公开规模达50000个建筑群体数字城市模型

https://data.stadt-zuerich.ch/dataset?q=&tags=3d-stadtmodell

https://data.stadt-zuerich.ch/showcase/citygml-to-3dtiles-converter

https://njam.gitlab.io/cesium-citygml-experiments/

ESRI使用此数据集制作了一个在线案例

https://www.arcgis.com/home/webscene/viewer.html?webscene=8046207c1c214b5587230f5e5f8efc77

w3reality使用mapbox api与leaflet发布three-geo web工具

浏览二维地图时同步请求地形瓦片并渲染成三维，Live demo of "three-geo", our newly published GIS library (MIT License).

https://w3reality.github.io/three-geo/examples/geo-viewer/io/index.html

Which chart types are most engaging? 哪种图表类型最迷人

First of all, here are two similar but different outputs of the same datasets where I wanted to show characteristics of each of the UK’s 650 parliamentary constituencies. Essentially the two charts are not very different. The first is in the form of a hexmap:

https://questionsindataviz.com/2018/11/07/what-are-data-portraits/

What are Data Portraits? 数据画像解读

Yesterday I was invited to talk at the Northwest Tableau User Group in Manchester. I was delighted to accept, not least to support the co-organisers: Ella Worsdale, Lorna Eden, and Colin Wojtowicz – a freelance data visualisation and analyst trading as Datawoj Ltd. It quickly occurred to me that I could re-present my recent Tableau Conference talk from New Orleans, or failing that I could present a talk I gave to the London user group in September. Easy.

https://questionsindataviz.com/2018/11/07/what-are-data-portraits/

The Tech behind NORAD's Santa Tracker

The Cesium team is delighted to be a part of your Christmas traditions with the NORAD Tracks Santa program! Built on the CesiumJS open-source 3D mapping library, the Santa Tracker gives everyone a look at Santa’s Christmas Eve journey, as children around the world nestle snug in their beds while visions of sugar-plums dance in their heads.

https://cesium.com/blog/2018/12/14/tech-behind-santa-tracker/

V8 release v7.2

Every six weeks, we create a new branch of V8 as part of our release process. Each version is branched from V8’s Git master immediately before a Chrome Beta milestone. Today we’re pleased to announce our newest branch, V8 version 7.2, which is in beta until its release in coordination with Chrome 72 Stable in several weeks. V8 v7.2 is filled with all sorts of developer-facing goodies. This post provides a preview of some of the highlights in anticipation of the release.

https://v8.dev/blog/v8-release-72

V8 parse time on facebook.com (lower is better)

V8 parse times relative to V8 v7.2 (lower is better)

CULTURE MAPPING FOOD & BEVERAGE

一个图表与内容联动的案例，图表是数据的抽象可视化，与内容结合的数据可视化才是王道。

Nadieh Bremer. I've created the interactive #dataviz prototype for @scenarioDNA, who analyze trends and develop frameworks to grasp how culture is changing and why.See it "in action" in this demo about upcoming & established trends in food an beverage

https://foodandbeveragetrends2018.scenariodna.com/app/circle

VRoidHub 发布虚拟漫画角色浏览功能，基于Threejs开发

看着那些熟悉的漫画角色活灵活显，不知道有多少漫迷将兴奋不已。

Finally! @FMS_Cat and I have been working on the #VRM viewer, and pixiv just released #VRoidHub. Browse 3D avatars! Share with a link! It just works on Web browsers thanks to #threejs and #webgl . Want to make one? #VRoidStudio is for you!

https://hub.vroid.com/

https://hub.vroid.com/characters/675572020956181239/models/6535695942068248968

purecss-pink 纯CSS绘制人像

CSS用到如此境界，举世无双

Diana Smith：I haven't had the inspiration to make any art in months. So I forced myself to start a CSS art project this weekend AND finish it. And in the process of knocking the rust off, I got inspired! I'm going to try do these "quick" challenges more often.An ongoing series in which I create art using only CSS and HTML.

All elements must be typed out by hand

Only Atom text editor and Chrome Developer Tools allowed.

No SVG allowed (no offense to SVG)

http://diana-adrianne.com/purecss-pink/

https://github.com/cyanharlow

被CSS所惊艳, 另外也推荐另外基于纯CSS写的各类样式站点

https://a.singlediv.com/

lightning strike 雷电效果

https://yomboprime.github.io/lightning_strike_demo/webgl_lightningstrike.html

人造卫星

https://whatgoesup.io/

谷歌发布3D模型浏览组件 <model-viewer>

Easily display interactive 3D models on the web and in AR!

HTML configurable

Responsive layout

AR holograms

https://github.com/GoogleWebComponents/model-viewer

Cesium 1.52 发布

距离1.51版本一个月，Cesium 12-04 发布1.52版本

TerrainProviders that implement availability must now also implement the loadTileDataAvailability method.

Added functions to get the most detailed height of 3D Tiles on-screen or off-screen

Added support for high dynamic range rendering.

Added Scene.invertClassificationSupported for checking if invert classification is supported.

Added computeLineSegmentLineSegmentIntersection to Intersections2D

Added the ability to apply styles to 3D Tilesets that don't contain features.

https://www.cesium.com/blog/2018/12/03/cesium-version-1.52-released/

Threejs r99 发布

WebGLRenderTarget.texture.generateMipmaps is now set to false by default.

There is a new (not backwards compatible) implementation for SSAOShader and SSAOPass.

JSONLoader has been removed from core. It is now located in examples/js/loaders/deprecated/LegacyJSONLoader.js.

Removed Geometry support from ObjectLoader. You have to include LegacyJSONLoader if you still want to load geometry data of type Geometry.

Removed Geometry support from SkinnedMesh. Use BufferGeometry instead.

Removed SkinnedMesh.initBones(). The SkinnedMesh constructor does not build the bone hierarchy anymore. You have to do this by yourself and then call SkinnedMesh.bind() in order to bind the prepared skeleton.

https://github.com/mrdoob/three.js/wiki/Migration-Guide#r98--r99

Blend 2.8 Beta 发布开放下载

Blender 2.8 Beta has arrived! Includes glTF3D import/export, supporting Principled BSDF (PBR) materials.

https://youtu.be/yyCepAM7Ftc?list=PLyGoWAGEPJ1DLzhm1_dhuLVe7wT1kBFNP

VX 基于D3+React的可视化库

vx is collection of reusable low-level visualization components. vx combines the power of d3 to generate your visualization with the benefits of react for updating the DOM.

https://vx-demo.now.sh/