D3
奋飛
乐观、勇气、专注、果断、好奇、公正、慎思、真诚、追求极致追求完美、诚信!独立撰写了多个前端专题模块,访问量达百万级。多次负责组织大数据可视化前端架构平台开发工作。对前端新技术、新潮流具有很强的敏锐力和洞察力!
展开
-
D3.js-散点图
散点图(Scatter Chart),通常是一横一竖两个坐标轴,数据时一组二维坐标,分别对应两个坐标轴,与坐标轴对应的地方打上点。一、圆点圆心数据:var dataset = [[0.5, 0.5],[0.7, 0.8],[0.4, 0.9], [0.11, 0.32],[0.88, 0.25],[0.75, 0.12], [0.5, 0.1],[0.2, 0.3],[0.4, 0原创 2016-10-09 15:31:45 · 8322 阅读 · 0 评论 -
D3.js-基础知识
数据可视化已变得越来越被重视,市面上也出现了越来越多的图标库,如Highcharts。图标库很容易可以上手,然而在当前注重用户交互的时代,其不易交互性突显的越来越明显。一、数据可视化数据可视化起源于18世纪,当时使用柱形图和折线图来表示国家进出口量。近年,随着大数据时代的到来,数据可视化作为大数据量的呈现方式,成为当前重要的课题。数据可视化的目的,是要对数据进行可视化处理,以使得能够明确地、有效地原创 2016-09-24 22:00:35 · 17272 阅读 · 7 评论 -
D3.js-柱形图
柱形图,是使用柱形的长短来表示数据变化的图表,也是最简单的图表之一。一般情况下,柱形图包括:矩形、坐标轴和文字。一、矩形和文字定义一个数组,每个数据项表示矩形的长短:var dataset = [50, 43, 120, 87, 99, 167, 142]; // 数据集定义一个SVG,表示绘制区域:var width = 400; // svg可视区域宽度var height = 40原创 2016-10-08 14:50:45 · 7503 阅读 · 1 评论