2020年03月_Xiao____Q

原创 Windows C++程序对拍

此前写过Ubuntu下的程序对拍：https://blog.csdn.net/moon_sky1999/article/details/100353519对拍是一种很好的纠错手段，特别是在算法竞赛中，通过对拍，可以得到有效的Debug的数据。对拍的基本原理大概如下：自己手写一个完全暴力的程序（一定要确保该代码的正确性，该代码是对拍的基础），利用这份暴力代码，与自己写的代码运行同样的数据，对比二者...

2020-03-30 17:04:18 223

原创 D3 -折线统计图

数据来自csv文件。绘制效果图：图片一共由几个部分构成：横纵两个坐标轴，横轴为月份编号，纵轴是光照时间。中间主体部分是折线，由svg的Path绘制，其中数据坐标点为svg的circle元素。右上部分是图例，代表不同颜色代表的城市信息，城市纬度。颜色深浅程度代表纬度的高低。 // 构造比例尺 xScale = d3.scaleLinear() .dom...

2020-03-30 15:42:20 491 2

原创 D3 - 箱型图

箱型图（Boxplot）箱型图概念解释：https://blog.csdn.net/aijiudu/article/details/89387328箱型图，是一种用于显示一组数据分散情况资料的统计图，即每一个box表示的是一组数据。通常采用五个数值来概括这一组数据，即：中位数Q2Q2Q2，下四分位数Q1Q1Q1，上四分位数Q3Q3Q3，上限和下限。其中，Q2={a(n+1)/2,odda...

2020-03-26 11:17:48 936 4

原创 D3 - 平行坐标系

平行坐标系的介绍：http://www.zhaiqianfeng.com/2016/09/parallel-coordinates.html平行坐标系是用来解决同时展示多个坐标轴的数据集的可视化问题。平行坐标系是被广泛使用的可视化技术之一，是分析多维数据的强有力的工具。这里我在做的时候采用了最简单的方法制作的，即创建多个等长的比例尺，然后等距竖向排列在svg画布中，再用一条一条的折线将其连接起...

2020-03-17 20:59:41 1375 2

原创 D3 - 绘制散点图

D3绘制散点图效果图数据来自：https://www.worldbank.org/完整代码（不含Initialize初始化数据的函数）：<script src="https://d3js.org/d3.v5.js"></script><script> let w = window.innerWidth || document.documen...

2020-03-17 16:30:15 539

原创 D3 - 绘制条形统计图

D3绘制简单条形统计图效果图：（图中箭头出表示鼠标位置，交互显示位置处的矩形）完整代码：<body><script src="https://d3js.org/d3.v5.js"></script><script> let w = window.innerWidth || document.documentElement.cl...

2020-03-08 21:13:39 767

原创 D3 - 基础篇

D3 - API手册：https://github.com/d3/d3/wiki/API–%E4%B8%AD%E6%96%87%E6%89%8B%E5%86%8CD3 - v5学习：https://blog.csdn.net/qq_34414916/category_7608878.htmlD3 全称：Data-Driven-Documents前置：HTML - 超文本标记语言，用于设计网...

2020-03-07 20:50:12 251

No cost too great!