- 综合排序
- 最热优先
- 最新优先
- 来自专栏计算机图形学 前端可视化 WebGL
canvas可视化效果之内阴影效果
canvas可视化效果之内阴影效果 楔子 在之前的一个轨道交通可视化项目中，运用到了很多绘制技巧。 .image] 效果图中的轨道，就同时存在外发光和内发光效果的效果。 [db6adb3f23e149f2b19970dcafa1d02d~tplv-k3u1fbpfcp-zoom-1.image] 有人说，简单，一个渐变就搞定了。 那再看看下面这个图像呢？ CanvasRenderingContext2D.globalCompositeOperation CanvasRenderingContext2D.shadowBlur 其中globalCompositeOperation 比如如下的效果就用到了这个属性： [image.png] 有兴趣的读者可以关注往期更多的文章。 如果对可视化感兴趣，可以和我交流，微信541002349.
1.6K10发布于 2020-12-22 - 来自专栏计算机图形学 前端可视化 WebGL
canvas可视化效果之内阴影效果
canvas可视化效果之内阴影效果 楔子 在之前的一个轨道交通可视化项目中，运用到了很多绘制技巧。 可以参考 之前的一篇文章 《利用canvas阴影功能与双线技巧绘制轨道交通大屏项目效果》 image.png 效果图中的轨道，就同时存在外发光和内发光效果的效果。 外发光效果 我们知道外发光效果是很容易实现的，直接通过设置阴影效果即可达到。 如果在复杂一些的图形呢，比如下面的线段效果： image.png 对于上面的线段的内阴影效果，就很难使用简单的渐变来实现了。 CanvasRenderingContext2D.globalCompositeOperation CanvasRenderingContext2D.shadowBlur 其中globalCompositeOperation
1.3K40发布于 2020-12-31 - 来自专栏听雨堂
表格效果2
attr("cellSpacing","1").attr("cellPadding","0"); $("#tbl").attr("bgColor","#6699cc").attr("colSpan","2"
65580发布于 2018-01-23 - 来自专栏全栈程序员必看
可视化篇：效果图_可视化建模
写在最前 在做可视化的时候，理解自己做的每个图形展示的意义，是多么的至关重要 每做一张图的时候，我都在想，该如何阐述图形背后的故事 下面是一些效果图，每张图，都只为更好地反应数据背后的那段故事 由于图片最大只能2M，所以调小后有的看起来不是很舒服，多多见谅 ---- 所使用的工具主要是：R语言，Echart，D3.js 如何实现在别的文章有详细说明。 ---- 广州南站载客，人数top10路线 ---- 广州春运迁出人口归属地 ---- 每早拥堵的上班线路 ---- 愉快的购物人群（多点） ---- 愉快的购物人群（单点） ---- 通勤效果
89050编辑于 2022-09-27 vue2 实现数字滚动效果，翻页效果
前言 最近大屏项目中有数值需要数值变化时有一个炸裂的效果，对用户来说明显一点，经过几番查找，自己又重新修改总结，发出下面文，防止下次遇到。 实现这种效果有两种方法： 第一种方法 参考文章：【vue2】实现数字纵向滚动效果（计时器效果） 第一种方法虽然实现了效果，但是数值变化整体都重新滚动了，不太好。 效果 新建文件FlipItem.vue <template> <div style=" display: inline-flex; justify-content: 这里我就没有封装也就copy了一个demo过来了，问题：1、我封装了首次接受数值时只有第一个数字滚动，<em>2</em>、页面首次渲染如果是三个数字，那么宽度就固定了。这时候传过来新值是四个字，可能就会出现内容超出。 80px; font-size: 54px; line-height: 41px; text-align: center; list-style: none; // color: #<em>2</em>d7cff
36610编辑于 2025-12-15- 来自专栏数据STUDIO
Matplotlib 可视化之路径效果高级应用
模块灵活配置图表元素的艺术效果。 定义Artist路径效果 定义Artist在画布上遵循的路径效果。 可以应用路径效果的对象包括 patches.Patch ， lines.Line2D ， collections.Collection 甚至 text.Text 。 第一个使用 with* 类包含所需的功能，并自动跟随“Normal”效果，而“Normal”效果显式定义要绘制的两个路径效果。 * n), np.zeros(2 * n) S, C = np.zeros(2 * n), np.zeros(2 * n) X[:n] = np.random.normal(1.60, 0.1, n)
70430编辑于 2022-05-24 如何通过YashanDB优化数据可视化效果？
在现代数据驱动的业务环境中，数据可视化作为支持决策的重要工具，其性能和效率直接影响用户体验和分析结果的及时性。数据库查询速度与数据处理能力是影响数据可视化效果的关键因素。 本文将深入解析YashanDB的技术优势及优化策略，助力提升数据可视化的效果和性能。 分布式及共享集群部署通过多级并行执行，显著提升计算吞吐量和查询响应速度，为支持大规模数据可视化提供了坚实的基础。 这种事务机制不仅保证了数据在多用户环境下的完整性，也提升了系统的并发处理能力，满足数据可视化场景中对实时和历史数据一致性的双重需求。 为实现高性能、实时、灵活的数据可视化，建议结合具体业务场景应用以上技术原则，在数据库层面进行综合优化，保障可视化工具的稳定、高效运行。
20010编辑于 2025-09-17- 来自专栏Android开发指南
2.SlidingMenu(侧边栏效果)
引入SlidingMenu的库文件 - 2. Activity继承SlidingFragmentActivity - 3. ; } // 子类必须实现初始化布局的方法 public abstract View initViews(); // 初始化数据, 可以不实现 public void initData() { }} 2. 跟下面的一样//LayoutInflater inflater = LayoutInflater.from(MainActivity.this);// 使用布局填充器填充布局文件// View v2
60820编辑于 2022-01-12 - 来自专栏网络日志
过渡和2d效果
{ width: 200px; height: 20px; line-height: 30px; background-color:#f00; margin: 2px } ul li:nth-child(1):hover{ width: 500px; transition: all 5s linear; } ul li:nth-child(2) 减速
- ease-in-out 先加速后减速
- 贝塞尔曲线
- 分步骤
每一个我都写好了该语法的加速过程，至于效果图可以拿下自己试试看啦 对了，补充一点，display是没有过渡效果的，不要加错了，切记35110编辑于 2024-06-13 - 来自专栏Android开发指南
2.SlidingMenu(侧边栏效果)
引入SlidingMenu的库文件 - 2. Activity继承SlidingFragmentActivity - 3. ; } // 子类必须实现初始化布局的方法 public abstract View initViews(); // 初始化数据, 可以不实现 public void initData() { }} 2. 跟下面的一样//LayoutInflater inflater = LayoutInflater.from(MainActivity.this);// 使用布局填充器填充布局文件// View v2
2K100发布于 2018-05-14 - 来自专栏全栈程序员必看
2d游戏shader(效果)
刚刚开源了自己积累的一些2D效果的Shader实现，项目GitHub地址。效果在下面列出，我使用的Unity版本是5.3.5p8（当前已更新到5.6.0f3），可用不低于此版本的unity打开查看。 详见: http://www.cnblogs.com/jqm304775992/p/4987793.html 原图（左）、圆角1（中）、圆角2（右） Saturation 效果: 原图（左）、扇形映射（右） SeqAnimate 效果: 序列帧动画 原理: 从mxn的动画图片中扣出当前帧动作图 Shutter 效果: 百叶窗 原理: 划定窗页宽度，2张纹理间隔采样 Twirl 效果: 旋转效果 原理: 旋转纹理UV坐标，越靠近中心旋转角度越大，越往外越小 TwirlEffect 效果: 旋转效果 原理: 旋转纹理UV坐标。 原图（左）、水彩画效果（右） Wave 效果: 波浪效果 原理: 让顶点的Y轴按正弦或余弦变化。
1.9K10编辑于 2022-07-28 - 来自专栏云深之无迹
Python可视化.2
import matplotlib.pyplot as plt x = np.linspace(0.5, 10, 1000) y = np.cos(x) plt.plot(x, y, ls='-', lw=2, 绘图函数先看最下面的解释： 格式：plt.plot(x, y, ls='-', lw=2, label='xxx', color='g' ) x：x轴上的值 y：y轴上的值 ls：线条风格 (linestyle linewidth) label：标签文本 可以直接进行更改 可以设置划线的样式 小短线 点划线 圆点 变色 我没有改对应的文字 这样的图，我们在下篇文章一行一行代码来解释 f(x)=|sin(4x)^2
37450发布于 2021-04-28 - 来自专栏博文视点Broadview
提高数据可视化效果的五个原则
2．减少混乱。 3．图文结合。 4．避免使用意面图。 5．从灰色开始。 展示数据和减少混乱意味着减少多余的网格线、标记和阴影，这些都会干扰实际数据。 只突显几个国家（右图），这样图表更容易阅读 原则2：减少混乱 使用不必要的视觉元素会分散读者的注意力，并使页面变得混乱。 有很多导致图表混乱的陷阱需要避开。 当使用简单的、纯色的图表效果也很好时，千万不要做纹理或渐变填充。当使用不必要的3D（立体）效果时，会使数据失真。 还有一些图表包含太多的文本和标签，使得整个空间变得混乱而拥挤。 1．尽可能去掉图例，直接标注数据 将标签直接放置在图表上，读者能更轻松地找到对应的数据 2．把标题写得像报纸的标题一样 好的标题需要能抓住图表的要点，告诉读者从中可以得出什么结论。 原则5：从灰色开始 我用一个实用的技巧来结束这一节，这是创建清晰、易懂的可视化效果的一个简单步骤：从灰色开始。无论何时绘制图表，都从全灰色元素开始。
92120编辑于 2022-09-20 - 来自专栏杨熹的专栏
PCA 的数学原理和可视化效果
本文结构： 什么是 PCA 数学原理 可视化效果 ---- 1. 一个 n 行 n 列的实对称矩阵一定可以找到 n 个单位正交特征向量 e1,e2,⋯,en， 由它们按列组成的矩阵 E=(e1，e2，⋯，en) 可以将 C 对角化：（4） ? 可视化效果 例如下图，我们要将 2 维变成 1 维， 空心圆为数据，得到红箭头为第一主成分方向，蓝箭头为第二主成分方向： ? 将两个主成分分别作为新的坐标系时，可以看到下图中十字数据的状态： ? 当我们只看第一主成分时，如下面所示，蓝色点是降维后的数据： 可以看出在 PC1 上的方差很大，而 PC2 上的方差比较小，相对而言，PC2 就可以被忽略，进而实现了降维 ? 我们可以将降维后的数据与原数据进行对比，发现原数据在 PC2 上的信息已经被丢弃 ?
1.2K90发布于 2018-04-03 - 来自专栏祥的专栏
Sublime Text2配置成MarkdownPad2效果
Text2 完美实现 MarkdownPad2的效果，而且有[TOC]功能，太棒了。 Sublime Text2配置成MarkdownPad2效果 安装Package Control 安装包控制扩展可以方便地为身体添加扩展。 使用 Markdown Preview较常用的功能是preview in browser和Export HTML in Sublime Text，前者可以在浏览器看到预览效果，后者可将markdown preview in browser据称是实时的，但是实践上还是需要在ST保存，然后浏览器刷新才能看到新的效果，好在markdown写得多的话也不需要每敲一行看一次效果。 enable_highlight": true, "enable_pygments": false, 其中"enable_pygments": false,改的原因主要是要和MarkdownPad2的效果匹配
54630发布于 2020-03-10 - 来自专栏U3D
Unity Shader 2D水流效果
纹理动画中，将纹理坐标朝某一方向持续滚动以形成流动的效果。 脚本如下： 1 Shader "MyUnlit/ScrollWater" 2 { 3 Properties 4 { 5 _MainTex ("Texture", 2D) = "white" {} 6 _Color("Color Tint",color)=(1,1,1,1) 7 //控制水流波动的幅度，也就是三角函数中的振幅（ uv : TEXCOORD0; 37 }; 38 39 struct v2f 40 { 41 float2 ENDCG 78 } 79 } 80 FallBack "Transparent/VertexLit" 81 } P.S.需要把纹理的导入设置改为Repeat(重复) 效果如下
1.5K20发布于 2020-03-19 - 来自专栏3D可视化
IT运维可视化效果实现前端就能做？
CamBuilder 中创建的物体，只有在编辑了 UserID、Name 或者 自定义属性 后，导入到 ThingJS 中才能成为独立的管理对象，被程序读取或修改。
48831发布于 2019-12-24 - 来自专栏钱塘大数据
数据挖掘：用可视化效果展现你的数据
对于数据挖掘，我们可以通过文中对数据可视化的案例找到分析数据、展现数据的方法和思路。 Data visualization 是一件很有趣的事情。 而且有时候，线条是可以去掉的，比如这个国际航班的可视化： Click a nation to see all connected nations via flights. 不同 visualization 的结合 前些时候，以为天文学家 Goodman 写过一篇关于高维天文数据可视化的论文，其中提到了 linked views 很重要，就是说我们要多种可视化方式联合起来展示数据 、http://en.wikipedia.org/wiki/Data_visualization 自然要先查看一下 wikipedia 啦啦啦~ 2、visualizing.org 有个列表： ? 2、IBM 的 Many-eyes.com 这个一开始提到了，是个 visualization 的社区。 3、http://datavisualization.ch/ 之前提到过它的工具列表了。
1.4K50发布于 2018-02-28 - 来自专栏生信技能树
umap的单细胞可视化效果比tSNE好
所以想着下载作者提供的单细胞表达量矩阵自己走一遍流程使用umap可视化看看。 raw.data),'[-]', simplify = T)) head(metadata) table(metadata[,2] ) metadata=metadata[,c(2,1)] colnames(metadata)=c('orig.ident' ,'barcode') metadata$orig.ident=paste0 第一次默认分群和简单的可视化基因如下所示： 简单的可视化基因 因为我这个是标准流程，所以主要是第一层次降维聚类分群，区分上皮细胞，免疫细胞，间质细胞即可。 我们直接看看默认命名后的结果： 我自己觉得，我们复现后的降维聚类分群结果，理论上比文章的好看一点，这就是我先表达的结论：umap的单细胞可视化效果比tSNE好 不知道你是否认同呢？
1.3K21编辑于 2023-02-27 - 来自专栏图形学与OpenGL
实验2 关系可视化
了解关系可视化知识，了解和学习散点图、饼图、堆叠柱形图、板块层级图和直方图等常见图表类型； 2. 学习图形语法方式绘图； 3. 学习与巩固R+Illustrator可视化绘图模式。 二. 用R绘图，具体如下： （1）安装ggplot2包： 启动RStudio后，菜单栏点击Tools>Install Packages…中输入ggplot2，安装； （2）新建一个R Script文件； （4 ）启用ggplot2包： 在新建的R Script文件中输入下面代码来启用ggplot2包： library(ggplot2) 将光标放在上面代码所在行，点击菜单Code->Run Select Lines = “District of Columbia”,] crime2 <- crime2[crime2$state ! 实验结果 图6-7英文和中文版分别如下图所示，大家提交作品文字部分按中文版处理，图形效果参考英文版。 ? ? 五.
1.2K20发布于 2018-10-09
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号