数据可视化
文章平均质量分 76
Joyce Lee
一名前端程序媛
展开
-
svg中path的直线命令使用
path。原创 2024-05-24 15:33:14 · 602 阅读 · 0 评论 -
使用svg画六边形
@return points 点坐标 400, 200 300, 373.2050807568877 100.00000000000004, 373.20508075688775 0, 200.00000000000003 99.99999999999991, 26.794919243112332 300, 26.794919243112275。* @param percent 六边形占据容器大小的比例。* @description 求六边形的六个点的坐标。// 获取多边形元素。原创 2024-05-23 14:09:02 · 997 阅读 · 0 评论 -
svg中渐变色的应用
在这个示例中,定义了一个从红色到蓝色的线性渐变,并将其应用到矩形上作为背景填充。元素来设置渐变背景色。元素来设置渐变背景色,同时通过设置。在 SVG 中,可以使用。在 SVG 中可以使用。url(#渐变id)原创 2024-05-23 09:16:33 · 665 阅读 · 0 评论 -
canvas学习笔记-透明度
在上面画一系列半径递增的半透明圆。圆叠加得越多,原先所画的圆的透明度会越低。通过增加循环次数,画更多的圆,从中心到边缘部分,背景图会呈现逐渐消失的效果。方法类似,就多了一个用于设置色彩透明度的参数。它的有效范围是从 0.0(完全透明)到 1.0(完全不透明)。里所有图形的透明度,有效的值范围是0.0(完全透明)到1.0(完全不透明),默认值是1.0。第二个例子和上面的那个类似,不过不是画圆,而是画矩形。可以分别设置轮廓和填充样式,因而具有更好的可操作性和使用灵活性。原创 2024-05-17 16:33:04 · 1635 阅读 · 0 评论 -
canvas学习笔记-fillStyle和strokeStyle
用两个变量`i`和`j`来为每一个方格产生唯一的`RGB`色彩值,其中仅修改红色和绿色通道的值,而保持蓝色通道的值不变。也可以通过修改这些颜色通道的值来产生各种各样的色板。通过增加渐变的频率,还可以绘制出类似Photoshop里面的那样的调色板。原创 2024-05-17 15:55:19 · 663 阅读 · 0 评论 -
使用Three.js创建一个会动的立方体
【代码】使用Three.js创建一个会动的立方体。原创 2024-05-16 17:50:43 · 409 阅读 · 0 评论 -
使用d3.js画一个BoxPlot
水平方向上的三条线分别是 q1(第一四分位),median(中位数),q3(第三四分位),有的需求的第二条线不一定是中位数,也有可能是平均数(mean)。箱线图(Box Plot)也称盒须图、盒式图或箱型图,是一种用于展示数据分布特征的统计图表。源码和 mock 数据都在git仓库上,想要的小伙伴可以自己去git上拉一下。在画Box Plot之前,先来了解下Box Plot是什么?通过箱线图,可以快速了解数据的关键特征,帮助分析和解释数据。如果觉得不错的话,点个 star。原创 2024-04-18 21:04:11 · 942 阅读 · 0 评论