米小锤

Canvas滚轮缩放和拖动画布，一个疲惫的程序员 2023，留给这一年的时间不多了，总结一下吧。 从前我是一名WebGL动效工程师，在公司负责可视化大屏动效的开发。...

利用SharedArrayBuffer进行多线程编程 在现代Web应用程序中，性能是一个至关重要的因素。为了提高Web应用程序的性能，我们经常需要执行并行计算，例如图像处理...

Three.js之GeoJson 3D地图数据可视化飞行线实战 GeoJSON是一种对各种地理数据结构进行编码的格式，基于Javascript对象表示法的地理空间信息数据交...

FBM山体模拟生成 引言 当我们沐浴在自然山脉的美景中，岩石峰峦和蜿蜒山谷的形态总能唤起人们的惊叹。然而，要在计算机图形中精确地还原这些复杂的地形却是一项挑战。在计算机图形...

我用WebGL打造了一款动态壁纸 简述 最近在给自己电脑换壁纸的时候发现了一张很有特点的图（就是下面这张），于是我突发奇想，要是能把这张图变成一张动态的壁纸。那该多好。于是...

d3.js的发展和历史 什么是d3.js？ D3.js（Data-Driven Documents）是一个用于创建交互式、动态数据可视化的JavaScript库。 它使用现...

本节主要介绍了D3.js中如何选择元素、绑定数据和操作DOM。这是D3.js的核心部分，也是为后续可视化和交互操作打下基础的重要内容。 选择元素 D3.js中使用selec...

d3.js比例尺是将数据映射到图形尺寸的重要工具。在可视化过程中，比例尺可以将数据转换为像素尺寸，使我们可以更容易地看出不同的数据之间的差异。在d3.js中，有多种类型的比...

d3.js坐标轴 什么是 D3.js 坐标轴？ D3.js 是一个 JavaScript 库，它可以用来创建可交互的数据可视化。其中一个功能就是绘制坐标轴。坐标轴通常用于图...

D3.js是一种数据可视化的Javascript库。掌握D3.js可以帮助开发者轻松地绘制各种类型的图表，包括基础柱状图。 下面我们以一个示例代码为例，给出绘制基础柱状图的...

基本折线图- D3.js 在这个教程里，我们将会探讨如何使用D3.js创建一个基本的折线图。首先，我们来看看完整的代码： 代码解析 定义数据集 在这个例子中，我们用Java...

D3.js基本面积图 D3.js (Data-Driven Documents) 是一个用于操作文档的JavaScript库，它可以通过使用HTML, SVG 和 CSS等...

D3.js是一个用于数据可视化的JavaScript库，它可以通过使用HTML，SVG和CSS来创建各种各样的图表。在本教程中，我们将使用D3.js创建一个基本饼图，并介绍...

D3.js基础散点图教程 D3.js是一个强大的JavaScript库，可以让您使用HTML、SVG和CSS创建动态交互式数据可视化。在本篇教程中，我们将学习如何使用D3....

如何使用D3.js创建基本雷达图 本教程将向您展示如何使用 D3.js 创建一个基本的雷达图。 步骤1：定义数据集 我们首先需要定义一个数据集，这个数据集是由多个对象组成的...

如何优化WebGL的性能？请列举至少三种优化方法。 以下是三种WebGL性能优化的方法： 减少WebGL状态切换：WebGL渲染需要进行一系列状态切换，如绑定纹理、绑定着色...

mxGraph是用JS编写,通过SVG和HTML进行绘图，它提供基本图形绘制的api，可以在网页中绘制UML图、组织结构图、网络图和普通图形以及其他更复杂的图形...

了解D3.js的过渡和动画功能 D3.js是一个功能强大的JavaScript库，它可以帮助我们轻松地创建各种数据可视化图表。其中，过渡和动画功能是D3.js中非常重要的一...

前面写了一篇 【d3.js入门】基本柱状图，这次我们在这个柱状图基础上添加一些动画效果。 好，废话多说，我们再画一遍柱状图。 绘制柱状图 D3.js 是一个 JavaScr...

前面写了一篇 【d3.js入门】基本折线图，这次我们在这个折线图基础上添加一些动画效果。 好，废话多说，我们又画一遍折线图。 折线图 在这段代码中，我们使用了D3.js这个...