PoPo數據可視化週刊第一期

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.

github.com/mapbox/potp…

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

github.com/mapbox/dela…

發現

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

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

Little Big City 小小的大城市

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

pissang.github.io/little-big-…

風場可視化

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.

rreusser.github.io/line-integr…

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.

higlass.io/

aframe-charts-component

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

github.com/adrixp/afra…

技術與設計

globalCompositeOperation 作出的神奇效果

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

juejin.im/post/5b87de…

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

www.zhangxinxu.com/wordpress/2…

Why Love Generative Art?

www.artnome.com/news/2018/8…

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