PoPo數據可視化 聚焦於Web數據可視化領域, 發現前端可視化領域有意思的內容. 涵蓋前端可視化領域最新資訊, 開源可視化庫的發布更新消息, 可視化案例分析與講解, 可視化技術文章, 可視化大神的日常, 可視化八卦等等...不想錯過前端可視化領域的精彩內容, 就快快關註我們吧 :)

行業

DataHunte獲Ventech China千萬級A輪融資，致力於數據可視化分析

8月31日消息，近日，業務數據協作平臺DataHunter宣布完成千萬級人民幣A輪融資，由Ventech China獨家投資。完成融資的同時，DataHunter正式推出了全新的品牌定位和產品計劃。公司將致力於對企業各類數據來源進行實時分析和可視化展示，助力企業管理層快速決策。DataHunter將現有的業務數據可視化分析平臺正式命名為Data Analytics，該產品可以真正滿足企業高效利用數據的需求，完成從異構數據源整合到探索式分析，再到數據可視化及溝通協作的全流程整合。未來Data Analytics也將結合人工智能和機器學習，讓自動分析、預測分析成為現實。

開源

阿裏巴巴圖表庫 Bizcharts 正式開源

阿裏巴巴於去年開放了它的內部圖表庫 Bizcharts 初版，在這一年的時間裏，Bizcharts 新增了許多特性，並對渲染細節及渲染性能進行大幅度的調優。目前阿裏基本上絕大部分業務的前端用的都是 React 技術棧，而在業務場景中又經常會有圖表繪制的需求，所以一個 基於 React 技術棧的圖表庫 就顯得非常必要，而在阿裏內部又有像 G2 這樣非常強大的圖表底層引擎，所以在該引擎之上做一層封裝是一件很自然而然的事情，而 Bizcharts 就是基於 G2 引擎的 React 版本的封裝。

阿裏巴巴 Iceworks 2.7.0 發布，海量圖表供你選擇

Iceworks，豐富模板一鍵創建，提供多種垂直領域模板，快速創建項目，支持風格切換，滿足個性化需求；輕松操作頁面管理，海量物料自由搭配，頁面組合可視化操作更得心應手；開發調試一體化，集成運行環境零配置運行，開箱即用。...可以創建可視化與項目監控大屏.

螞蟻金服移動端可視化解決方案 F2 3.2 正式發布

F2，一個專註於移動，開箱即用的可視化解決方案，完美支持 H5 環境同時兼容多種環境（node, 小程序，weex）。完備的圖形語法理論，滿足你的各種可視化需求。專業的移動設計指引為你帶來最佳的移動端圖表體驗。

XeoGL 轉向 es6 , 使用 rollup 編譯

A WebGL-based 3D engine for engineering, architecture and BIM visualization.

Conversion of #xeogl to ES6 is going nicely - after some rearchitecting into modules, I‘ve now gotten the core library mostly working again. Now to convert the examples components to ES6 classes as well.

Zeu.js 1.0.0 發布，九大全新組件全面升級

Zeu.js 是一個 JavaScript 庫，其中包含一系列預構建的可視化組件，用於構建實時 TV 儀表板，監控 UI 和物聯網Web界面。

Vladimir Agafonkin 大神發布 potpack.js 和更新 delaunator.js

A tiny JavaScript library for packing 2D rectangles into a near-square container, which is useful for generating CSS sprites and WebGL textures. Similar to shelf-pack, but static (you can‘t add items once a layout is generated), and aims for maximal space utilization.

https://github.com/mapbox/potpack

A really fast JavaScript library for Delaunay triangulation of 2D points

https://github.com/mapbox/delaunator

發現

PoPo 數據可視化網站與微信公眾號同步開通

PoPo 定位於前端可視化領域, 建站初始收錄可視化作品 258幅, 可視化UI作品圖片 568張, 可視化導航收錄 37 個優秀資源. 網址http://www.popodv.com, 公眾號: popodv_com.

Little Big City 小小的大城市

百度 Pissang 大神新作 , 選取真實世界地圖, 利用ClayGL渲染成球面和平面兩種三維風格的立體世界, 很有意思哦

https://pissang.github.io/little-big-city/

風場可視化

Ricky Reusser: It steps the integration in both directions in rg and ba of a framebuffer, uses instanced rendering to trace out lines, and modulates color in time.

https://rreusser.github.io/line-integral-convolution/

HiGlass

HiGlass is a tool for exploring genomic contact matrices and tracks.

HiGlass是一種探索基因組接觸矩陣和軌跡的工具。

HiGlass is a tool for exploring genomic contact matrices and tracks. Please take a look at the examples and documentation for a description of the ways that it can be configured to explore and compare contact matrices. To load private data, HiGlass can be run locally within a Docker container. The HiC data in the examples below is from Rao et al.

http://higlass.io/

aframe-charts-component

Make 3D Charts with this component based on A-Frame.

https://github.com/adrixp/aframe-charts-component

技術與設計

globalCompositeOperation 做出的神奇效果

熟悉 globalCompositeOperation 的人都知道這個屬性用來設置要在繪制新形狀時應用的合成操作的類型，比如在一個藍色的矩形上畫一個紅色的圓形，是紅色在上顯示，還是藍色在上顯示，重疊的部分顯示還是不顯示，不重疊的部分又怎麽顯示，等一些情況，在面對這些情況的時候，就是 globalCompositeOperation 屬性起作用的時候了。

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

妙法攻略：漸變虛框及邊框滾動動畫的純CSS實現

https://www.zhangxinxu.com/wordpress/2018/08/css-gradient-dashed-border/

Why Love Generative Art?

https://www.artnome.com/news/2018/8/8/why-love-generative-art

PoPo 數據可視化聚焦於Web數據可視化領域, 發現前端可視化領域有意思的內容. 涵蓋前端可視化領域最新資訊, 開源可視化庫的發布更新消息, 可視化案例分析與講解, 可視化技術文章, 可視化大神的日常, 可視化八卦等等...不想錯過前端可視化領域的精彩內容, 就快快關註我們吧 :)

PoPo數據可視化周刊第一期