首页
学习
活动
专区
圈层
工具
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

ThingJS地图新功能——3D线条渲染

平面构成中,线的主要作用是强调方向和长度,用以引导视线,在地理位置中绘制线条,提供标注语言,在ThingJS上实现起来非常轻易。...空间数据在地图上以图层(Layer)的形式呈现,图层通过符号和标注来呈现数据。图层可以是不同类型的内容形式,例如点、线、面、栅格、图片等内容。...线条定义为由画笔绘出来的标记,或两个对象或元素相交处创建的线条。它定义了绘画的主题,并帮助我们暗示事物的运动。 什么是"线"?...你可以在每种艺术中找到一条直线。当然,还有线条画,甚至最抽象的绘画也是以线条为基础的。没有线条,形状不能被注意到,纹理不能被发现,音调不能增加深度。当然,你所做的每一个标记都是一行,只要它不是一个点。...线条动效不仅实现引导功能,还能够与用户交互,ThingJS让你的3D项目开口说话!

1.9K00

canvas 绘制双线技巧

优化技巧 后来他找到我来看这个问题,我在分析了项目背景的情况下,给予了一个简单的绘制技巧,就是先用较粗的线条绘制路径,然后再用较细的线条绘制路径,较细线条的颜色正好是背景颜色。...之所以能够使用这个技巧,是因为该项目的绘制背景是纯色的,而不是渐变色或者图片。...背景不是纯色情况 前面说到:之所以能够使用这个技巧,是因为该项目的绘制背景是纯色的,而不是渐变色或者图片。 那如果背景是图片或者渐变颜色情况下,用这种技巧,肯定就是失效的了。...过程中,当时小伙伴L也分享了前面提到这种思路。在分享的过程中,我提出了进一步的问题,如果背景不是纯色,而是渐变色或者图片怎么办?...意思源和目标的像素重叠(overlap)的部分会被变成透明像素,其他部分正常绘制。 所以上面示例中,线条A和线条B重叠的部分会被变成透明。绘制的效果也是线条A的被挖空。

2.5K50
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    即插即用新卷积:提升CNN性能、速度翻倍

    」存储在低分辨率的张量中,共享相邻位置间的特征。...OctConv 的设计细节 Octave Convolution(OctConv)的命名应该是受到了 SIFT 特征的启发。而 Octave 是八个音阶的意思,音乐里降 8 个音阶代表频率减半。...方法 在本节中,研究人员首先介绍了用来降低特征图中空间冗余的特征表示,接着描述了直接作用于该表征的 Octave 卷积(图 4)。...实验评估 在本节中,研究人员验证了提出的 Octave 卷积对于 2D 和 3D 网络的效能和效率。...之后,研究人员使用 Kinetics-400 和 Kinetics-600 数据集,展示了提出的 OctConv 也适用于 3D CNN。每一类别 / 块的最佳结果在论文中以粗体字显示。 ?

    1.2K30

    想要好看的设计?收下这份网页背景设计指南吧!

    丰富的动态几何元素配以黑色的纯色背景,动态与静态,撞色和纯色,在这个网页设计中显得并不突兀。动态几何元素在运动中抓人眼球,也为整个网站增添几分动态的美感。...Illusion -3D Geometric Objects By Diana Hlevnjak ? 立体几何元素现在也越来越多的出现在大众的视野中。...纯色图案的背景是最常见也最简单的设计方法。而这款网页的背景设计在纯色的基础上添加了动态的色彩变化和色差搭配。给予用户视觉变化的同时也赋予心理上的惊喜。左侧的色带也让网页设计显得更有质感。...深色的运用,在配色高手的运筹帷幄中让整个网站变得有范又高级。而经典的黑灰二色搭配又极其考究。设计师在黑白背景中加入亮色的字母和图形点缀,跳脱又不沉闷,深色的网站也是充满活力的!...线条元素网页背景 看似简单的线条,在设计师鬼斧神工的操作下也能化腐朽为神奇,产生出奇妙的线条元素网页背景。 The Crutches Of Wisdom By Samson Vowles ?

    1.6K30

    扁平化≠简单,详解扁平化界面设计的套路

    扁平化界面形式要素 扁平化风格并不代表着设计师的工作变轻松,更不能说明界面的可用性能被降低。在进行扁平化风格创作时,不仅仅是探求视觉效果的问题,追求产品功能和使用效果才是最本质的。 ?...图形 从图形的角度来看,扁平化风格设计已经不再推崇写实的图形设计,取消了原来设计中大热的阴影、渐变、高光等3D效果,而采用简洁直观的呈现形式,用抽象、高度概括性的平面图形取代三维效果的图形。...如果扁平化图形设计可以处理适当,就会给人一种简约而不简单,清新而不单调之感。 ? 色彩 色彩的运用在扁平化设计中有着举足轻重的地位,在日常设计中我们就可以发现,基本上所有的扁平化设计都脱离不了色彩。...例如:复古色调,是在纯色的基本上增添白色,以降低颜色的饱和度,让颜色变得更加柔和。如果把复古色当作设计的主色调,这种颜色会让页面变得更加淡雅,让人看着舒适。 ?...无衬线体的线条非常的简练,具有几何感,这种不带有任何花哨的字体,与简单明快的扁平化界面设计是非常吻合的,从而确保设计在视觉上的统一。 ?

    1.4K30

    Tableau可视化之多变条形图

    在认识甘特图的基础上,制作瀑布图的步骤其实也比较简单。首先给出瀑布图效果: ? 观察瀑布图,实际上就比较容易直观发现各月份销售额在全年业绩的比重和各月累计销售额情况。...制作辅助Excel数据表,大小为101行×4列,101行中,除首行为列标签外,其余100行用于分别对应各子类占比信息;4列分别为城市、半径、角度和数值,其对应含义为: 城市,用于在弧线图中显示子类名称标签...半径,用于显示在弧线图中外围圈数,如半径为1表示最内圈,半径为4表示最外圈 角度,用于显示弧线图跨过角度信息,由相应子类占百分比数值决定,例如广州占比18%,则其角度数值跨度为0—17; 数值,用于在弧线图中显示子类数值标签...需知,弧线图与基本条形图最大的不同在于:各类别度量大小不再与条形长度直接相关,而仅与条形所跨角度成正比;且弧线条形所跨角度大小不严格等于该子类的百分比占比,而仅表示子类间的大小关系。...条形图常用于表达多个维度间的度量大小对比 添加参考线可直观显示各子类度量的"达标"情况 旋风图用于显示两个子类多个维度间的度量大小对比 瀑布图在甘特图基础上完成,显示实时累计和跨度较为方便 弧线图用于少量子类间单维度的大小对比

    3.7K20

    学会这4点人人都是设计师,赠10G PPT模板

    左图中,如果你要找可口可乐,需要从头到尾检索文字,而在右图中,经过亲密性原则调整后,你就可以很快地找到饮料区,从中找到可乐。 ?...,不要使用刺眼的纯色,可以微调色相,适当调低饱和度和亮度。...字体和线条的搭配可以让PPT变得特别简介,也给大家几个模仿案例,非常简单,大家可以在制作PPT的时候使用,建议大家模仿制作一次,模仿是学习设计的最好方法。。 ?...4、图标 图标不要随意使用,图标是为了帮助观众/用户理解内容而存在的,让观众/用户可以在图标就了解演讲内容的方向,并且加深观众的印象。...二、工具推荐 点击阅读原文:包含文中提到的所有设计工具,建议点击并收藏网址 创客贴(在线制图最强神器,没有之一) 花瓣网(瀑布流图片搜索神器) Piktochart(信息图制作) Color Scheme

    1K30

    完美代替传统卷积!Facebook等提出全新卷积操作OctConv,速度接近理论极限

    在自然的图像中,信息以不同的频率传递,其中较高的频率通常以精细的细节编码,较低的频率通常以全局结构编码。 类似地,卷积层的输出特征图也可以看做是不同频率的信息的混合。...在这项工作中,作者提出将混合特征映射根据其频率进行分解,并设计了一种全新的卷积运算:Octave Convolution (OctConv),用以存储和处理在较低空间分辨率下空间变化 “较慢” 的特征图...(c) 所提出的多频特征表示将平滑变化的低频映射存储在低分辨率张量中,以减少空间冗余。(d) 所提出的 Octave Convolution 直接作用于这个表示。...中的每个 feature map 可以下面的公式计算: ? 式中 (p, q) 为位置坐标, ? ? 定义了一个局部邻域。 Octave Convolution....实验和评估 在实验和评估部分,我们验证了 Octave Convolution 在 2D 和 3D 网络中的有效性和效率。

    84020

    在Excel中创建瀑布图

    标签:Excel图表技巧,瀑布图 在Excel中很容易创建瀑布图,因为自Excel 2016就推出了瀑布图。然而,改变瀑布颜色稍微有点困难。...在刚开始选择数据并插入瀑布图时,没有被标记为“汇总”列,这意味着所有列都将是浮动的。我们可以两次单击应该为总计的列,这将选择该列。然后,在该列上单击鼠标右键,选择“设置为汇总”,如下图1所示。...图1 从图1中可以观察到,可以更改每个点的填充和轮廓。如果希望瀑布以橙色表示正,灰色表示负,可能会右键单击每一列并手动更改颜色。这是一种“笨”办法!并且,如果数据从正变为负,则颜色不会改变。...此时,可以单击功能区“页面布局”选项卡,再单击“主题”组中“颜色”下拉列表,选取其底部的“自定义颜色”。其中,着色1用于增加,着色2用于减少,着色3用于汇总。改变这三种颜色,瀑布图中的颜色就会改变。...下图2是设置了颜色的示例瀑布图。 图2 每列都通过一条灰色细线连接到下一列。若要查看这些线条,隐藏图表网格线可能会有所帮助。可以其中一条网格线以选择所有网格线,按Delete(删除)键删除网格线。

    1.5K30

    think-cell chart系列3——瀑布图(上)

    所用到的案例数据如下: 而该图表规定的数据结构又如何呢…… 还是用老办法,首先在ppt中插入一个think-cell chart的demo 看下软件给定的案例数据源是如何组织的。...内置的瀑布图一共有两种:上升瀑布图和下降瀑布图。 两个图表的异同以及数据组织的差异很明显:上升瀑布图汇总值在左侧,下降瀑布图汇总值在右侧。...其中的total列中只有一个值(e),第二行空白,仔细看上面的的demo案例数据结构也是如此,这是该插件制作的瀑布图的时候规定好的数据规则。 然后在excel中选中全部数据——插入——瀑布图。...大家可以看到,从excel中插入到ppt的瀑布图默认是向上汇总的,我们需要进一步的修改。...由于在excel的think-cell chart的菜单中插入瀑布图的时候,菜单只给提供了一个瀑布图的按钮(不再像ppt菜单中那样分为向上、向下瀑布图),不过没关系,通过图表的编辑功能仍然能够达到我们想要的效果

    8.6K91

    【Unity3D】纹理贴图 ( 纹理 Texture 简介 | 为 3D 模型设置纹理贴图 )

    设置材质属性 | 对 3D 物体应用材质 | 资源拖动到 Inspector 检查器中的 Material 属性中 ) 使用了材质来对物体表面进行渲染 , 只能进行纯色渲染 , 实际的物体很少有纯色的..., 大部分的 3D 物体渲染都需要使用图片进行渲染 , 这里引入 纹理 Texture ; 纹理 Texture 用于 覆盖在 3D 物体上 , 其本质是一张图片 , 用于替代 物体 上渲染的颜色 ;...网格 Mesh 只能表示 3D 模型的形状 , 材质 Material 只能进行 3D 模型的纯色渲染 , 纹理 Texture 可以进行 3D 模型的图片渲染 ; 纹理贴图 是在 建模软件 中制作完成的..., 是建模相关工作 ; 二、为 3D 模型设置纹理贴图 ---- 在 Project 文件窗口 中 的 Assets 目录 下 , 创建 Textures 目录 , 将一张图片拖动到该 Textures...检查器窗口 会显示该材质的属性 , 然后直接 将 Textures 中的材质图片拖动到 Inspector 检查器窗口中的 Albedo 左侧的方框中即可 , 操作完成后的效果如下 : 纹理图片如下

    3.2K10

    我们来做瀑布图

    瀑布图能够在反映数据在不同时期或受不同因素影响的程度及结果,还可以直观的反映出数据的增减变化,在工作表中非常有实用价值。 图如其名,瀑布图是指通过巧妙的设置,使图表中数据点的排列形状看似瀑布悬空。...这种效果的图形能够在反映数据在不同时期或受不同因素影响的程度及结果,还可以直观的反映出数据的增减变化,在工作表中非常有实用价值。以下图所示数据为例,一起学习一下如何制作瀑布图。...首先,我们来观察一下上面这个图的效果:上半部分是着色的,而下半部分是透明的。我们或许想到了,这样的图表应该是用到了不同的数据系列,通过对不同系列的颜色设置来实现数据系列的悬空效果。...效果如下: 右键单击横坐标轴,【设置坐标轴格式】主要刻度线类型选择【无】 设置后的效果如下: 4设置系列格式 右键单击“占位”系列,【选择数据】在【选择数据源】对话框中调整数据系列的顺序,将“占位”数据系列调整到上层...右键单击“占位”系列,【设置系列格式】【填充】选择【无填充】 参照上述步骤,右键单击“销量”系列,【设置数据系列格式】【填充】【纯色填充】选择橙色。

    96030

    图表(Chart & Graph)你真的用对了吗?

    y轴起始为0,可以显示各柱状的数值。 2)条形图 条形图基本上是水平的柱形图,可以用于避免在超过10个项目进行比较时产生杂乱。这种图表类型也可用于显示负数。...使用正确的高度,使线条占据y轴高度的2/3左右。 4)双轴图 双轴图可用于显示双Y轴的数据。这种图形由三个数据集组成,两个Y轴数据,一个X轴数据。主要用于显示两个Y轴随X轴变化时的相关性。...10)瀑布图 瀑布图用于显示初始值如何受到中间值(正或负)的影响,并产生最终值,主要用于展示数据的组成。 设计瀑布图的最佳做法: 使用对比色来突出显示数据集中的差异。...设计漏斗图的最佳做法: 根据数据集的大小,准确的显示每个部分的大小。 漏斗图中使用渐变色调中的对比色。 12)子弹图 子弹图用于和标尺做对比,以便显示目标的进展程度。...可以在甘特图中结合地图和其它图表类型。 看完以上常用图表的介绍,你真的用对了图表吗?

    2.6K10

    比CNN表现更好,CV领域全新卷积操作OctConv厉害在哪里?

    —OctConv之诞生 文章摘要(Abstract)部分指出,在自然图像中,信息以不同的频率传输,其中高频率通常以细节进行编码,而较低频率通常以总体结构进行编码,同理卷积层的输出可以看做不同频率的信息混合...,在论文中,研究者提出通过频率对特征融合图进行分解,并设计出了一种新的Octave卷积(OctConv)操作,旨在存储和处理在空间上变化缓慢的较低分辨率的特征图,从而降低内存和计算成本。...为了充分利用紧凑的多频特征表示,我们提出 Octave Convolution,它可以直接在分解张量X={XH,XL}上运行,而不需要任何额外的计算或内存开销。...Octave Convolution的设计目标是有效地处理相应张量中的低频和高频分量,同时使得Octave特征表示的高频分量和低频分量之间能够有效通信。...To do—Just do it 论文的实验部分:研究人员验证了提出的Octave卷积对于2D和3D网络的效能和效率,首先展示了ImageNet图像分类的控制变量研究,然后将其与当前最优的方法进行了比较

    51930

    图表做的好,工资少不了!百分比圆环图详细讲解!

    操作步骤 准备好数据,在A2单元格内输入完成率的百分比,在B2单元格内输入未完成率,为了更具有联动性,B2单元格可以输入公式:【=1-A2】 ?...增加显示数值 ①点击【插入】→②点击【形状】插入一个适当形状,然后修改形状填充和形状轮廓为无填充和无轮廓→③点击形状,然后在编辑栏输入公式:【=$A$2】,也就是等于完成率的百分比,让显示的数值具有联动性...双击圆环图【完成率部分】→在弹出的界面中,点击【填充与线条】→勾选【纯色填充】→选择自己喜欢的颜色进行填充,这里我填充为蓝色。 ?...第二个图表也很简单,我们先在上个图表的基础下,把填充颜色全部更改为黄色。 ? 接着进行简单的调整:双击【未完成率部分】,在弹出的界面,调整填充颜色的透明度。 ?...接着双击【完成率部分】,在弹出的界面,调整边框的线条类型。 ? 也可以修改线条的复合类型,当然,其它的可以进行相应的调整,自己可以去试试! ? 效果图: ?

    2K30

    ELSR:一种高效的线云重建算法

    总的来说,本文是一篇利用场景中的结构化线条来构建线云的算法。...其方法构建的线云如下图所示: Contributions: 1、提出了一种从多个图像中匹配线条和重建3D线条的有效方法,该方法易于使用,只需要SfM的结果作为先验 2、利用二维线和稀疏三维点之间的几何关系来找到局部单应性...3D点;然后匹配两视图的线;最后从图像序列中的所有匹配中提取代表性的3D线。...,通过位置相似性为匹配打分: 从多个视图中提取线: 两个视图中的每个匹配都将重建一个3D线段;因此需要将与同一条线相关的3D线段合并为簇。...提取包含两个步骤: 1)计算3D线之间的空间相似性; 2)基于其与其他线的空间相似度,在所有视图中抽象出具有代表性的3D线 实验: 在五个数据集上与四种现有方法比较评估了其ELSR。

    36920

    手把手教你用plotly绘制excel中常见的16种图表(下)

    旭日图在显示一个环如何被划分为作用片段时最有效,而另一种类型的分层图表树状图适合比较相对大小。...初始值和最终值列通常从水平轴开始,而中间值则为浮动列。由于拥有这样的“外观”,瀑布图也称为桥梁图。...在plotly.express中暂时没有瀑布图,我们需要用到plotly.graph_objects。...瀑布图 6. 漏斗图 漏斗图显示流程中多个阶段的值。 例如,可以使用漏斗图来显示游戏注册付费流程中每个阶段的潜在玩数。通常情况下,值逐渐减小,从而使条形图呈现出漏斗形状。...股价图 以特定顺序排列在工作表的列或行中的数据可以绘制为股价图。 顾名思义,股价图可以显示股价的波动。

    2.5K30

    GFS-VO:基于网格的快速结构化视觉里程计

    最后,使用LBD描述子描述提取的线条。 在GFS-VO中,我们主要引入平面特征以提取MA,它依赖于平面法向量。为了实现准确而高效的提取,我们设计了一种基于广度优先搜索的方法。算法1概述了我们的方法。...我们算法中使用的空间特征主要是MA,该方法利用平面法向量和3D线方向向量,为了获得准确的3D线,经过均匀化后,我们过滤掉深度非法的像素和偏移非法的像素,然后计算3D线的参数。 B....然而,基于中点的四叉树方案在全局视角上表现较为平衡,确保了地图中线条的均匀分布。尽管基于四叉树的方案在检测密集位置时可能面临挑战,但其性能仍然良好,而且这三种策略在整体处理速度上没有明显的差异。...这表明无论采用哪种方法,都可以在图像的密集区域有效地过滤线条,同时保持良好的实时性。 B....实验结果显示,我们的方法在准确性和速度方面都取得了显著的改进,对于未来的工作,将继续完善线同质化策略,并探索用于测量强度的替代方法。

    19310
    领券