本片blog记录d3坐标轴入门，使用版本v5.9.2 SVG如何实现坐标轴 d3生成的坐标图是通过svg的path(路径)元素 + g + line + text元素组成的，如下图 path表示的是底部坐标轴（不包括内部刻度），如下 这部分通过d描绘，在d3中称为oute...
...表现形式是什么，这是本文主要讨论的问题。 1 连续性x坐标轴 1.1 从零开始的连续性x坐标轴 什么是从零开始，就是从绘制的坐标轴的最左端开始显示第一个刻度。折线图，散点图经常采用这种样式的x坐标轴。 let height = 400 let wi...
...多数据处理的方法，max min extent sum median mean shuffle等等。 坐标轴 要定义坐标轴，主要两个步骤： （1）定义坐标轴的比例尺； （2）定义坐标轴朝向，刻度； 示例 import * as d3 from d3; var width = 300;//svg画布宽 var height = 200;//svg画布...
...鼠标指针相对于浏览器窗口可视区域的水平（垂直）窗口坐标。可视区域不包括工具栏和滚动条，IE事件和标准事件都定义了这2个属性 e.pageX e.pageY返回鼠标指针的位置，类似于event.clientX、event.clientY，但它们使用的是文档坐标...
...鼠标指针相对于浏览器窗口可视区域的水平（垂直）窗口坐标。可视区域不包括工具栏和滚动条，IE事件和标准事件都定义了这2个属性 e.pageX e.pageY返回鼠标指针的位置，类似于event.clientX、event.clientY，但它们使用的是文档坐标...
...水珠的移动方向和鼠标移动方向相同3、雨滴下落到鼠标坐标一定范围内，散成小水珠，同样的，小水珠的移动方向也和鼠标移动方向相同 好的，我们把整个效果大致拆分成三个效果，实现这三个效果，就完成了。我们一步一步...
...相关开发的同学肯定会遇到这样一个问题：同样的经纬度坐标，在百度地图和高德地图上位置不一样。 关于坐标系 我们通常用经纬度来表示一个地理位置，但是由于一些原因，我们从不同渠道得到的经纬度信息可能并不是在同...
画坐标轴 //使用d3的svg的axis()方法生成坐标轴 var x_axis = d3.svg.axis().scale(scale_x), y_axis = d3.svg.axis().scale(scale_y) g.append(g) .call(x_axis) 页面效果如下：这个时候x轴在页面的上方，不在我们想要的位置，可以通过设置transfo...
画坐标轴 //使用d3的svg的axis()方法生成坐标轴 var x_axis = d3.svg.axis().scale(scale_x), y_axis = d3.svg.axis().scale(scale_y) g.append(g) .call(x_axis) 页面效果如下：这个时候x轴在页面的上方，不在我们想要的位置，可以通过设置transfo...
...标中的(x2,y2)，此时长度仍为像素单位下的长度3.由于webgl坐标轴的范围为(-1,1)，做个比值，称为标准化4.Raycaster.setFromCamera(mouse, camera)发射射线5.Raycaster.intersectObjects获取射得的所有对象,再按需要操作 先对比下各坐标轴，再按代码...
区分三类坐标 屏幕坐标、可视窗口坐标、页面坐标有时不能迅速的对应起来，为了更好的区分三者，特意画了一张图如下： 屏幕坐标 顾名思义，即整个电脑屏幕上任意一点的位置坐标，对应的属性分别为screenX，screenY,范围...
在用浏览器打开一个网页的这个情况下，视口坐标就是指浏览器窗口的坐标，而文档坐标就是我们网页的坐标。在页面没有滚动的情况下，这两个坐标的原点是重合的，也就是二者的左上角（0， 0）重合，然后这两个坐标系...
地图坐标转换 LBS，基于位置的服务（Location Based Service)，近年来已经无处不在，尤其是我们前端，相信或多或少都有接触一些地图API服务，比如高德、百度啊、谷歌啊~但是用的时候可能看到下面这些字眼：比如BD09、火星坐标...
前提了解： 坐标系分类(经纬度)： WGS84 美国GPS，国际通用，如谷歌国外地图、osm地图 火星系GCJ-02 国测局制定的标准，国内地图必须至少使用此对位置进行首次加密，高德地图、腾讯搜搜地图、阿里云地图、灵图51ditu地图、...
ChatGPT和Sora等AI大模型应用，将AI大模型和算力需求的热度不断带上新的台阶。哪里可以获得...
大模型的训练用4090是不合适的，但推理（inference/serving）用4090不能说合适，...
图示为GPU性能排行榜，我们可以看到所有GPU的原始相关性能图表。同时根据训练、推理能力由高到低做了...
