【跟月影学可视化】学习笔记 41 篇（完结）

置顶 于 2023-01-10 17:15:58 发布
阅读量1.2k 收藏 14
点赞数 1
分类专栏： 动画 / 可视化 专栏小册合集 文章标签： 可视化
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/kaimo313/article/details/126901154
版权
文章是关于‘跟月影学可视化’课程的学习笔记，包括图形基础、数学概念、视觉效果、性能优化、数据处理和设计原则等内容。提供了162个示例和41篇博客笔记，涵盖了从2D到3D图形绘制，以及使用各种工具和库如SVG、WebGL、D3.js等进行数据图表和地理信息可视化的实践。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

说明

【跟月影学可视化】专栏学习笔记。

个人学习笔记源码：https://github.com/kaimo313/visual-learning-demo

一共做了 162 个学习示例以及 41 篇博客学习笔记，要深入学习该课程请支持正版，个人笔记仅供参考。
在这里插入图片描述

笔记目录

可视化常用工具集

基本图形

基础图表

  • 图表库：ECharts、Chart.js、Highcharts、AntV G2
  • 使用 SpriteJS 作为底层图形库，可以使用：QCharts
  • 移动端设备渲染图表：AntV F2
  • 绘制更加灵活的图表，可以选择数据驱动框架：D3.js
  • Vega：基于 JSON 规范的可视化语法，以声明式的方式来绘制各种图表。（可视化语法规范的思路有很大的借鉴意义）

关系图和流程图

  • Mermaid.js：量级更轻
  • Sigma.js、AntV G6：功能更丰富
  • Dagre：绘制流程图的底层库，主要是用来计算图的元素布局，使用它再结合图形库，可以实现一个绘制流程图的图可视化库。

地理信息可视化

三维模型和数字孪生

思维导图

数学篇

在这里插入图片描述

视觉基础篇

在这里插入图片描述

视觉高级篇

在这里插入图片描述

可视化常用工具集

在这里插入图片描述

前端可视化学习笔记——使用Canvas绘制一棵二叉树
qq_38740195的博客
03-10 1122
使用Canvas绘制一棵二叉树
Python自动化爬取小红书内容（学习参考）
weixin_45737949的博客
09-24 3709
运行登录后不用关闭浏览器，在浏览器中输入关键字搜索，然后就可以注释wp.get(‘https://www.xiaohongshu.com/explore’)了。
《跟月影学可视化》学习笔记
AaronZZH 的博客
03-03 2744
提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档 文章目录前言一、pandas是什么？二、使用步骤1.引入库2.读入数据总结 前言 提示：这里可以添加本文要记录的大概内容： 例如：随着人工智能的不断发展，机器学习这门技术也越来越重要，很多人都开启了学习机器学习，本文就介绍了机器学习的基础内容。 提示：以下是本篇文章正文内容，下面案例可供参考 一、pandas是什么？ 示例：pandas 是基于NumPy 的一种工具，该工具是为了解决数据分析任务而创建的。 二、使用步骤 1.引入库 代码
跟月影学可视化 笔记
jionfull的博客
07-11 2843
attribute 变量是对应于顶点的。也就是说，几何图形有几个顶点就要提供几份 attribute 数据。并且，attribute 变量只能在顶点着色器中使用，如果要在片元着色器中使用，需要我们通过 varying 变量将它传给片元着色器才行。这样一来，片元着色器中获取的实际值，就是经过顶点线性插值的。 而 uniform 声明的变量不同，uniform 声明的变量和其他语言中的常量一样，我们赋给 unform 变量的值在 shader 执行的过程中不可改变。而且一个变量的值是唯一的，不随顶点变化。uni
月影谈:写给想成为前端工程师的同学们
Vascal的博客
06-27 4801
编者按：本文由360副总监、奇舞团负责人月影编写，文中解释了什么是前端工程师，前端工程师的发展之路、前景、需要的知识体系、以前前端工程师的学习与成长等内容，在最后，还提到了关于在校大学生学习前端的一些看法。 　　前端工程师是做什么的？ 　　 　　前端工程师是互联网时代软件产品研发中不可缺少的一种专业研发角色。从狭义上讲，前端工程师使用 HTML、CSS、Java 等专业技能和工具
玩转可视化：这里有一些小技巧
前端下午茶
02-08 400
最近天冷了，疫情也是反反复复，几个城市都出现了确诊病例，感觉又回到了之前每天看信息图的那会儿。来源：北京大学可视化与可视分析实验室这种信息图跟普通的网页差别很大，无法用传统 Web 开...
数据可视化学习笔记之预习篇
前端攻城狮
06-02 357
数据可视化学习笔记预习篇
【视觉高级篇】27 # 如何实现简单的3D可视化图表：GitHub贡献图表的3D可视化？
学习前端这门手艺，栈底到栈顶依次是：浏览器架构、Web 网络、事件循环机制、JavaScript 核心、V8 的内存管理、浏览器的渲染流程、Web 安全、CSS、React、Vue、Node、构建工具链等
12-18 1154
【跟月影学可视化】学习笔记。可以使用这个生成数据：https://github.com/sallar/github-contributions-api 这里直接使用月影大佬的github提交数据的数据即可结构大致如下：SpriteJS v3SpriteJS 是跨平台的高性能图形系统，它能够支持web、node、桌面应用和小程序的图形绘制和实现各种动画效果。特性：注意：需要加入 3d 扩展库加载并渲染3D模型。 SpriteJS 的 3D 部分，它是基于 OGL 库实现的。SpriteJS 在 OGL 的基础
【实战篇】40 # 如何实现3D地球可视化？
学习前端这门手艺，栈底到栈顶依次是：浏览器架构、Web 网络、事件循环机制、JavaScript 核心、V8 的内存管理、浏览器的渲染流程、Web 安全、CSS、React、Vue、Node、构建工具链等
01-10 2735
【跟月影学可视化】学习笔记。学习笔记源码实现：https://github.com/kaimo313/visual-learning-demo整体实现效果如下： 先绘制一张平面地图，然后把它以纹理的方式添加到我们创建的 3D 球体上。用 模块来创建等角方位投影（）。 创建一个天空包围盒，让摄像机处于整个球体内部，使用二维噪声的技巧来实现来其 Shader，通过 step 函数和 vUv 的缩放，将它缩小之后，最终呈现出来星空效果。注意这里我们需要关闭旋转控制。 下面实现当点击到地图上的国家区域的时候，想
月影：JavaScript跨平台游戏开发实践
05-29
在SDCC2013中国软件开发者大会上，月影分享了关于JavaScript跨平台游戏开发的实践经验。作为360高级技术经理以及奇舞团的负责人，他对于如何使用JavaScript和Html5进行游戏开发有着深入的理解和丰富的实践经验。接...
Algorithm-earcut.hpp.zip
09-17
Algorithm-earcut.hpp.zip,快速，仅头多边形三角剖分,算法是为计算机程序高效、彻底地完成任务而创建的一组详细的准则。
Unity录屏插件仅供学习使用参考
05-20
Unity录屏插件，学习使用
对Quartz Cron 表达式的可视化双向解析和生成
03-11
cmd中运行 ”javar -jar 文件名 “ ，生成可视化窗口，方便 生成和解析Cron;从此怕忘记，再也不求人。
基于模糊控制理论的汽车EPS双层控制器设计及仿真优化研究 · 控制器设计 参考
05-29
内容概要：本文探讨了如何设计一个基于模糊控制理论的双层控制器来优化汽车EPS（电动助力转向系统）的性能。EPS系统通过电子控制技术实现转向助力，提升驾驶的舒适性和操控性。文中详细介绍了PID控制算法的局限性以及引入模糊控制器的原因。模糊控制器作为双层控制器的上层，通过模糊推理机制处理不确定性问题并优化PID控制算法。最后，通过Simulink和MATLAB模型进行了仿真验证，证明了双层控制器的有效性。 适合人群：从事汽车工程、控制系统设计的研究人员和技术人员，特别是对模糊控制理论和EPS系统感兴趣的读者。 使用场景及目标：适用于希望深入了解EPS系统优化方法的研究人员和技术人员，旨在通过模糊控制理论改进现有控制算法，提高EPS系统的鲁棒性和适应性。 阅读建议：读者可以通过本文了解模糊控制理论在EPS系统中的应用，掌握双层控制器的设计思路，并通过提供的Simulink和MATLAB模型进行仿真实验，验证控制算法的效果。
基于PSO算法的IEEE33背靠背互联配电网无功优化策略研究：总损耗与电压偏差双目标优化
05-29
内容概要：本文探讨了基于粒子群优化（PSO）算法，在三个IEEE33背靠背互联配电网中进行无功优化的方法。优化的目标是同时最小化系统的总损耗和电压偏差。文中详细介绍了优化对象（主变档位OTLC和电容器组CB）、优化算法的具体实现步骤以及关键代码片段。此外，还讨论了粒子更新、粒子筛除机制、SOP功率传输处理方法及其改进措施。实验结果显示，优化后的系统不仅显著降低了网损（日均23.7%），而且有效改善了电压分布，使OLTC和CB的动作次数均符合约束条件。 适合人群：电力系统研究人员、从事智能电网优化工作的工程师和技术人员。 使用场景及目标：适用于需要对配电网络进行无功优化的研究项目或工程应用，旨在提高配电网运行效率，减少能量损失并提升电压质量。 阅读建议：重点理解PSO算法在配电网无功优化中的具体应用方式，特别是适应度函数的设计思路、粒子更新规则以及粒子筛除策略等内容。对于实际工程项目而言，可以借鉴文中提到的技术细节和参数配置，以指导类似场景下的优化工作。
基于MATLAB实现的分数阶傅里叶变换代码
最新发布
05-29
分数阶傅里叶变换（Fractional Fourier Transform, FRFT）是对传统傅里叶变换的拓展，它通过非整数阶的变换方式，能够更有效地处理非线性信号以及涉及时频局部化的问题。在信号处理领域，FRFT尤其适用于分析非平稳信号，例如在雷达、声纳和通信系统中，对线性调频（Linear Frequency Modulation, LFM）信号的分析具有显著优势。LFM信号是一种频率随时间线性变化的信号，因其具有宽频带和良好的时频分辨率，被广泛应用于雷达和通信系统。FRFT能够更精准地捕捉LFM信号的时间和频率信息，相比普通傅里叶变换，其性能更为出色。 MATLAB是一种强大的数值计算和科学计算工具，拥有丰富的函数库和用户友好的界面。在MATLAB中实现FRFT，通常需要编写自定义函数或利用信号处理工具箱中的相关函数。例如，一个名为“frft”的文件可能是用于执行分数阶傅里叶变换的MATLAB脚本或函数，并展示其在信号处理中的应用。FRFT的正确性验证通常通过对比变换前后信号的特性来完成，比如评估信号的重构质量、信噪比等。具体而言，可以通过计算原始信号与经过FRFT处理后的信号之间的相似度，或者对比LFM信号的关键参数（如初始频率、扫频率和持续时间）是否在变换后得到准确恢复。 在MATLAB代码实现中，通常包含以下步骤：首先，生成LFM信号模型，设定其初始频率、扫频率、持续时间和采样率等参数；其次，利用自定义的frft函数对LFM信号进行分数阶傅里叶变换；接着，使用MATLAB的可视化工具（如plot或imagesc）展示原始信号的时域和频域表示，以及FRFT后的结果，以便直观对比；最后，通过计算均方误差、峰值信噪比等指标来评估FRFT的性能。深入理解FRFT的数学原理并结合MATLAB编程技巧，可以实现对LFM信号的有效分析和处理。这个代码示例不仅展示了理论知识在
自定义异常的练习,有两个定义的异常类,抛出自己写的异常
05-29
自定义异常练习
2024年测绘程序设计大赛试题：空间数据探索性分析
05-29
2024年测绘程序设计大赛试题：空间数据探索性分析
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

凯小默

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值