PoPo資料視覺化 聚焦於Web資料視覺化領域, 發現前端視覺化領域有意思的內容. 涵蓋前端視覺化領域最新資訊, 開源視覺化庫的釋出更新訊息, 視覺化案例分析與講解, 視覺化技術文章, 視覺化大神的日常, 視覺化八卦等等...不想錯過前端視覺化領域的精彩內容, 就快快關注我們吧 :)
行業
DataHunte獲Ventech China千萬級A輪融資,致力於資料視覺化分析
8月31日訊息,近日,業務資料協作平臺DataHunter宣佈完成千萬級人民幣A輪融資,由Ventech China獨家投資。完成融資的同時,DataHunter正式推出了全新的品牌定位和產品計劃。公司將致力於對企業各類資料來源進行實時分析和視覺化展示,助力企業管理層快速決策。DataHunter將現有的業務資料視覺化分析平臺正式命名為Data Analytics,該產品可以真正滿足企業高效利用資料的需求,完成從異構資料來源整合到探索式分析,再到資料視覺化及溝通協作的全流程整合。未來Data Analytics也將結合人工智慧和機器學習,讓自動分析、預測分析成為現實。
開源
阿里巴巴於去年開放了它的內部圖表庫 Bizcharts 初版,在這一年的時間裡,Bizcharts 新增了許多特性,並對渲染細節及渲染效能進行大幅度的調優。目前阿里基本上絕大部分業務的前端用的都是 React 技術棧,而在業務場景中又經常會有圖表繪製的需求,所以一個 基於 React 技術棧的圖表庫 就顯得非常必要,而在阿里內部又有像 G2 這樣非常強大的圖表底層引擎,所以在該引擎之上做一層封裝是一件很自然而然的事情,而 Bizcharts 就是基於 G2 引擎的 React 版本的封裝。
阿里巴巴 Iceworks 2.7.0 釋出,海量圖表供你選擇
Iceworks,豐富模板一鍵建立,提供多種垂直領域模板,快速建立專案,支援風格切換,滿足個性化需求;輕鬆操作頁面管理,海量物料自由搭配,頁面組合視覺化操作更得心應手;開發除錯一體化,整合執行環境零配置執行,開箱即用。...可以建立視覺化與專案監控大屏.
F2,一個專注於移動,開箱即用的視覺化解決方案,完美支援 H5 環境同時相容多種環境(node, 小程式,weex)。完備的圖形語法理論,滿足你的各種視覺化需求。專業的移動設計指引為你帶來最佳的移動端圖表體驗。
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 是一個 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.
A really fast JavaScript library for Delaunay triangulation of 2D points
發現
PoPo 資料視覺化網站與微信公眾號同步開通
PoPo 定位於前端視覺化領域, 建站初始收錄視覺化作品 258幅, 視覺化UI作品圖片 568張, 視覺化導航收錄 37 個優秀資源. 網址www.popodv.com, 公眾號: popodv_com.
百度 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 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.
Make 3D Charts with this component based on A-Frame.
技術與設計
globalCompositeOperation 做出的神奇效果
熟悉 globalCompositeOperation 的人都知道這個屬性用來設定要在繪製新形狀時應用的合成操作的型別,比如在一個藍色的矩形上畫一個紅色的圓形,是紅色在上顯示,還是藍色在上顯示,重疊的部分顯示還是不顯示,不重疊的部分又怎麼顯示,等一些情況,在面對這些情況的時候,就是 globalCompositeOperation 屬性起作用的時候了。
www.zhangxinxu.com/wordpress/2…
PoPo 資料視覺化聚焦於Web資料視覺化領域, 發現前端視覺化領域有意思的內容. 涵蓋前端視覺化領域最新資訊, 開源視覺化庫的釋出更新訊息, 視覺化案例分析與講解, 視覺化技術文章, 視覺化大神的日常, 視覺化八卦等等...不想錯過前端視覺化領域的精彩內容, 就快快關注我們吧 :)