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.

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数据可视化领域, 发现前端可视化领域有意思的内容. 涵盖前端可视化领域最新资讯, 开源可视化库的发布更新消息, 可视化案例分析与讲解, 可视化技术文章, 可视化大神的日常, 可视化八卦等等...不想错过前端可视化领域的精彩内容, 就快快关注我们吧 :)