- 综合排序
- 最热优先
- 最新优先
- 来自专栏全栈程序员必看
D3旭日图_日新图
本文将介绍D3旭日图的画法 下面我们先来看看结果展示 html代码 <! html> <head> <meta charset="utf-8"> <title>Sequences sunburst</title> <script src="js/d<em>3</em>. an array of arrays. d<em>3</em>.text("data.csv", function(text) { var csv = d3.csv.parseRows(text); var json = r: 3 }; var legend = d3.select("#legend").append("svg:svg") .attr("width", li.w) .attr("height", d3. wp-includes.code;http.code,8894 wp-includes.code;media.code,8895 robots.text,4920 wp-blog-header.code,3416 至此D3旭日图制作完毕
1.4K20编辑于 2022-11-09 - 来自专栏python3
python 3d图
首先在进行 3D Plot 时除了导入 matplotlib ，还要额外添加一个模块，即 Axes 3D 3D 坐标轴显示： 之后要先定义一个图像窗口，在窗口上添加3D坐标轴，显示成下图： import numpy as np import matplotlib.pyplot as plt from mpl_toolkits.mplot3d import Axes3D fig = plt.figure () ax = Axes3D(fig) ? , 4, 0.25) X, Y = np.meshgrid(X, Y) R = np.sqrt(X ** 2 + Y ** 2) # height value Z = np.sin(R) 画出3d 图：rstride 和 cstride 分别代表 row 和 column 的跨度。
1.3K10发布于 2020-01-07 - 来自专栏python数据分析实践
Matplotlib类别比较图（3）
本篇继续介绍matpltolib类别比较图的绘制，分别是桑基图和词云图。 1、桑基图 桑基图是展现数据流动的很好工具，是一种特定类型的流量图。在这个图中，指示箭头的宽度与流量大小成比例。 ，若不添加此参数，默认新建一个图绘制，例如ax = ax1。 （可选参数） offset：桑基图字体与箭头的间隔，如果离得过近，可适当增加。 （必要参数） **kwargs：其他设置，例如：color(边框颜色）；facecolor(桑基图颜色)；alpha（透明度）;label(系列标签）。 ---- 步骤3：完成桑基图设置 diagrams = sankey.finish() import matplotlib.pyplot as plt import matplotlib as mpl
1.6K10编辑于 2023-02-23 - 来自专栏阿黎逸阳的代码
3D星空图
一、先来看看Python星空图代码绘制成品 ? "在整个宇宙里，你是独属于我的那颗星" 二、分解Python模拟3D星空图代码讲解 1 下载并加载库 turtle库（相当于给你一支画笔，你可以在画布上用数学逻辑控制的代码完成绘图）。 “3D星空图”，即可获得完整源代码百度网盘链接。 width ,height = 800,600 s.setup(width,height) #输入宽和高为整数时, 表示像素; 为小数时, 表示占据电脑屏幕的比例 s.title("模拟3D #设置乌龟模式（“standard”，“logo”或“world”）并执行重置，logo表示向上 s.delay(0) #设置或返回以毫秒为单位的绘图延迟，这里要设为0，否则很卡 3
1.1K40发布于 2020-09-08 - 来自专栏caoqi95的记录日志
matplotlib 绘制轮廓图和 3D 图
轮廓图 matplotlib.pyplot.contourf(args, data=None, **kwargs) Call signature: contour([X, Y,] Z, [levels] 3D 图 import numpy as np import matplotlib.pyplot as plt from matplotlib import cm from mpl_toolkits.mplot3d import Axes3D V = np.loadtxt('value.txt') fig = plt.figure(figsize=(10, 8)) ax_surf = fig.gca(projection ='3d') ax_surf.set_position([0.1,0.15,0.7,0.7]) X, Y = np.meshgrid(np.arange(0, 21), np.arange(0, 21) Contourf Demo [2]. mplot3d tutorial
1.4K50发布于 2019-06-11 - 来自专栏HTML5学堂
CSS3实现loading图
HTML5学堂-刘国利在此郑重声明：本篇文章的灵感来源于2014年的自己一个学生的技术演讲，他运用CSS3实现了loading图效果，在此书写出来与大家分享。 效果创造的原作者——黄仕辉 实现的基本思路：利用圆角边框对loading图的样式控制，让其从方形变化为圆形；之后控制不同的边框粗细，调整更佳的视觉效果；最后利用CSS3中的动画，实现运动；在进行布局的时候 基本效果图 ? 基本html结构搭建 <! doctype html> <html> <head> <meta charset="UTF-8"> <title>HTML5学堂 - CSS3 - loading图</title> <link 顺便一提，由于使用的是CSS3进行控制，因此，即便是在PC端调整窗口大小，loading图的大小也会随之发生变化。 显示效果 ?
1.7K40发布于 2018-03-12 - 来自专栏气象杂货铺
绘图系列(3):绘制密度图
python中的 matplotlib 库中提供了 hexbin 函数绘制密度图，但是我还是更喜欢 R 语言中绘制密度图的方式，比如自带的 smoothScatter 函数以及 ggplot2 中的 geom_bin2d 利用美国历年的龙卷数据，绘制美国龙卷风的分布图，直接上代码： library(maps) library(ggplot2) library(ggmap) data <- read.csv('1950-
1.5K30发布于 2020-04-21 - 来自专栏Deep learning进阶路
8-3 图的遍历
8-3 图的遍历 和树的遍历类似，图的遍历也是从某个顶点出发，沿着某条搜索路径对图中所有顶点各做一次访问。 若给定的是连通图，则从图中任一顶点出发顺着边可以访问到该图中所有的顶点。 、从图中某个顶点V0出发，并访问此顶点； 2、从V0出发，访问V0的各个未曾访问的 邻接点 W1，W2，…,Wk; 然后,依次从 W1, W2, …, Wk 出发访问各自未被访问的邻接点； 3、 此外，若一个图是非连通图，则从图中任意一个顶点出发进行深度优先搜索或广度优先搜索，都不能够访问到图中所有的顶点。而只能访问到初始出发点所在的连通分量中的所有顶点。 因此非连通图的遍历必须多次调用 深度优先搜索 或 广度优先搜索算法。 对于给定的无向图，如何构建它们相对应的生成树或者生成森林？ 其实在对无向图进行遍历的时候，遍历过程中所经历过的图中的顶点和边的组合， 就是图的生成树或者生成森林。
52910发布于 2019-07-02 - 来自专栏python前行者
python3图视频互转
图转视频 # -*- coding:utf-8 -*- import cv2,glob fps = 20 #保存视频的FPS，可以适当调整 #可以用(*'DVIX')或(*'X264'),如果都不行先装 imgname in imgs: frame = cv2.imread(imgname) videoWriter.write(frame) videoWriter.release() 视频转图 #存储为图像 cv2.waitKey(1) else: break vc.release() 1.ERROR ： "mMovieWriter.status: 3.
91930发布于 2019-03-25 - 来自专栏iOS开发攻城狮的集散地
UIScrollerView当前显示3张图
结构示意图.png 直接上总的效果图，需要或感兴趣的各路大神朋友请指教： ? ①效果.gif ②、接下来实现循环的功能：我相信好多人也都会想到 《 4 + 0 - 1 - 2 - 3 - 4 + 0 》这个方案，也就是先在数组的最后插入原数组的第一个元素，再在第一个位置插入原数组的最后一个元素 Bug.gif 解决上述Bug的方案就是利用UIScrollView的两个代理方法；在前后循环过渡处，刚开始拖拽时就在Bug的位置画上对应的视图；即《 3 + 4 + 0 - 1 - 2 - 3 - 4 UIScrollView *)scrollView{ //开始拖拽时停止计时器 [self.timer invalidate]; self.timer = nil; // 3 + 4 + 0 - 1 - 2 - 3 - 4 + 0 + 1 NSInteger index = scrollView.contentOffset.x/_currentPageSize.width
1.3K70发布于 2018-05-22 - 来自专栏杂七杂八
Matplotlib 绘3D图
3D 图的方法。 () ax = Axes3D(fig) # 绘制线型图 ax.plot(x, y, z) # 显示图 plt.show() 三维柱状图 绘制完线型图，我们继续尝试绘制三维柱状图，其实它的绘制步骤和上面同样非常相似 混合图绘制 混合图就是将两种不同类型的图绘制在一张图里。绘制混合图一般有前提条件，那就是两种不同类型图的范围大致相同，否则将会出现严重的比例不协调，而使得混合图失去意义。 plt.show() 子图绘制 # -*- coding: utf-8 -* # 载入模块 from mpl_toolkits.mplot3d import Axes3D import matplotlib.pyplot 然后通过.add_subplot()添加子图，子图序号和二维绘图相似，只是注意 3D 绘图时要添加projection='3d'参数。
1.4K70发布于 2018-04-27 【JAVA全栈项目】弧图图-智能图床 SpringBoot+Vue3 ：
前言：弧图图GitHub项目地址：https://github.com/whltaoin/hututu本项目是基于Vue3 + SpringBoot + COS + WebScoket的企业级智能图床平台 ip:port/doc.html即可查看文档application.ymlknife4j: enable: true # true为开启，false为关闭 openapi: title: 弧图图 style="color:#000000;">TypeScript：v5.6.3Ant：v4.2.6快速构建Vue3+ https://antdv.com/components/overview-cn/图中可以看到日期组件正常使用<a-date-picker /><a-time-picker />开发规范选择遵守VUE3的组合式 /assets/logo.png" alt="logo" class="logo" />
弧图图 —— 智能图床18821编辑于 2025-11-01- 来自专栏TopFE
d3成神之路(五)：扇形图，饼图
制作扇形其实也是使用 svg的 path 这个属性， 重要的是计算各个扇形区域的点，与弧度 效果图 首先需要使用源数据 生成相应的弧度信息 使用d3.pie() const data = [1, 1, 2, 3, 5, 8, 13, 21]; const arcs = d3.pie()(data); 生成弧度后 再使用 d3.arc() 来进行绘制 path const arc = d3.arc DOCTYPE html> <html> <head> <title>基础饼图</title> <link rel="stylesheet" href="../.. fontSize: '2em', color: '#6E7079' }, chartTitle: { text: '基础饼<em>图</em>' d<em>3</em>-shape/blob/v3.0.1/README.md#pies 这里再补充一下 d<em>3</em>-shape 这个库的一些特性 Arcs 弧度 Pies 饼<em>图</em> Lines 线性 Areas 面积
2K20编辑于 2022-01-24 - 来自专栏无原型不设计
3个细节，轻松区分效果图和原型图
领导叫你画个图，结果拿过来一看：天哪！你画了个什么？今天我们就来讲一下，效果图和原型图，这对常常扰乱大家工作的完美CP。 效果图，顾名思义，是带有视觉效果的图片。这一类图片往往是UI设计师们已经处理过的成图，用于展现近乎于真实产品的效果。 从概念上来说，效果图和原型图还是相差比较远的，通过一下几个细节，我们就可以区分出效果图和原型图： 一、通过颜色分辨 原型图的颜色以黑白为主，当然，灰度原型也是原型图家族中的名门贵族。 一般情况下，效果图色彩更加丰富些。如果一款产品的效果图的色彩运用和原型图相差无几，除非是有意而为之，不然这位设计师也绝对是low的可以了。 而效果图在这方面有着更多的讲究，类似图标的细节往往决定着一个效果图的成败，而一个效果图的成败，有很大程度上左右这这款产品的命脉。所以，效果图中的图标，即便是精雕细琢，也请你不要大惊小怪。
2.1K50发布于 2018-03-16 - </swiper> 通过navigation来控制轮播图的上一页 important}; } } } } 至此轮播图的效果就实现了，在做轮播图的需求时，需要仔细认真地查看文档，我是比较喜欢看英文文档，我觉得讲述比较全，大家学习的时候自行选择即可来自专栏一名前端开发
vue3 轮播图的实现
最近开发过程中，有一些轮播图的需求，虽然公司的组件库已经有swiper的组件，但是功能不全，很多效果实现不了，于是经过翻找swiper的官网，发现你想要的样式都有，下面来说一下swiper的简单使用。 prevEl: '.swiper-button-prev1' }" :modules="modules" class="mySwiper" :slides-per-view="3" swiper-button-next-one" slot="button-next"> <Button> </Button>
1.2K40编辑于 2023-11-11
OL3实现多图联动
概述： 很多会有多图联动的需求，本文讲述如何在OL3中实现多图的联动。在OL3中，实现多图联动比较简单，只要所有的map通用一个view即可。 效果： ? 测试代码： <html xmlns="http://www.w<em>3</em>.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text utf-8" /> <title>multimap</title> <link rel="stylesheet" type="text/css" href="http://localhost/ol<em>3</em>/ left; border: 1px solid #f00; } </style> <script type="text/javascript" src="http://localhost/ol<em>3</em>/
【UML建模】（3） UML建模之类图
类图的介绍 类图是显示一组类、接口以及它们之间关系的图。 类图包含的元素 基本元素：类（Class）, 接口（interface） 元素之间的关系：泛化（Generalization）, 实现（Realization），关联（Association)，聚合（Aggregation 在这里插入图片描述 综合例子 在这里插入图片描述 1、企鹅与气候是关联关系 2、鸭与唐老鸭是继承关系 3、大雁与飞翔是实现的关系 4、雁群与大雁是聚合关系 5、动物与氧气，水是依赖关系 6、鸟与翅膀是组成关系
css3画太极图
DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd "> <html xmlns="http://www.w<em>3</em>.org/1999/xhtml" xml:lang="en"> <head> <meta http-equiv="Content-Type " content="text/html;charset=UTF-8"> <title>太极图</title> <style type="text/css"> .main
D3.js-柱形图
柱形图，是使用柱形的长短来表示数据变化的图表，也是最简单的图表之一。一般情况下，柱形图包括：矩形、坐标轴和文字。 rectWidth/2).attr("dy", "1em") .text(function(d){ return d; }); 二、更新数据 更新数据后，柱形图也得跟着变化 // 定义柱形图比例尺 var xAxisWidth = 300; // x轴宽度 var yAxisWidth = 300; // y轴宽度 /* x轴比例尺(序数比例尺) */ var xScale = d3.scale.ordinal() .domain(d3.range(dataset.length)) .rangeRoundBands([0, xAxisWidth ); /* y轴比例尺(线性比例尺) */ var yScale = d3.scale.linear() .domain([0, d3.max(dataset)]) .
css3二倍图
比如以300200px 的图片举例：如果想让这张图片在 Retina 屏幕下达到应有的显示分辨率， 只需使用该照片的源文件导出一张清晰的 600400px 的图片，我们将其命名为 photo@2x.jpg，替换现有的图片即可， 换成 @2X 图片，在 Retina 屏幕下的显示就清晰多了。
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号