PoPo数据可视化第8期
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/
PoPo 數據可視化
www.popodv.com
轉載于:https://juejin.im/post/5c1f3792f265da611f07af5c
總結
以上是生活随笔為你收集整理的PoPo数据可视化第8期的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 孕妇梦到小娃娃是什么意思啊
- 下一篇： input在iOS里的兼容性