AntV返璞归真幻化万千可视化表达.pdfVIP

AntV 返璞归真幻化万千可视化表达 @绝云leungwensen 爱编程爱读书爱数据爱可视化 软狗，译者，AntV ⼩⼆ 为什么再造⼀个 “Charts” ？ 早在18世纪，William Playfair 就发明了线、柱、饼、⾯积图 *图⽚来源于⽹络并抹去受保护注册商标 19世纪50年代“玫瑰图” 19世纪60年代 “拿破仑东征图” *图⽚来源于⽹络并抹去受保护注册商标 《the Semiology of Graphics》 1967 法国制图师 Jacques Bertin 可视化图表符号学的奠基之作 *图⽚来源于⽹络并抹去受保护注册商标 Leland Wilkinson 统计学家、计算机学家，H2O.ai ⾸席科学家，G2 项⽬顾问 ⾃上世纪80年代起开发统计图形软件，迭代逾⼗年 沉淀出 GPL （The Graphics Programming Language）与图形语法理论 《the Grammar of Graphics》 Leland Wilkinson 1999初版，2005再版 图形语法软件的理论依据和设计实践指导 *图⽚来源于⽹络并抹去受保护注册商标 “图形语法能让我们简洁地描述图形组件。这 种语法能使我们超越命名图形（譬如散点图）， 更深⼊地理解统计图形的层次结构” Hadley Wickham 2007 *图⽚来源于⽹络并抹去受保护注册商标 G2 数据驱动的⾼交互图形语法 const data = [ {k: ⼀, v: 40}, {k: ⼆, v: 21}, {k: 三, v: 17}, {k: 四, v: 13}, {k: 五, v: 9} ] const dv = new DataSet.View().source(data) // 载⼊数据 .transform({ type: percent, field: v, dimension: k }) // 数据处理：统计每⼀个 key 对应数值 value 占总和的⽐例 const chart = new G2.Chart({ container: id })