Questions tagged «information-graphics»

有关信息图表的问题;信息和数据的图形视觉表示,用于快速而清晰地传达信息。通常使用结合简单的插图,图形,图表,地图或其他可视化效果的文本来创建。

5
在哪里可以找到较大的调色板/一组对比色来为绘图上的许多数据集着色?
我需要大量(超过20种)对比色和容易在视觉上区分的颜色,以便为科学图上的不同数据集着色(颜色集不应包含白色或黑色,并且颜色应尽可能明亮)。 该图以编程方式生成,旨在包含在演示中,该演示将使用投影仪进行显示。 是否有用于此任务的现成颜色集(我需要颜色作为一组RGB值)? 也许有某种算法可以通过编程方式生成这样的一组颜色(我使用Wolfram Mathematica进行绘图生成)? PS情节本身看起来可能类似于以下内容:

2
清晰可辨的科学数字颜色
我正在寻找有关如何选择一组明显可区分的颜色(或颜色渐变)以用于科学图形的指示。是否对此有系统的研究?如果是的话,我会感谢一些链接。 在创建科学图形时,通常使用颜色来区分元素。一个例子是图中的线: 另一个示例是表示值的颜色渐变: 我对两个问题感兴趣: 如何选择在绘图中仍可彼此区分的最大颜色集?同样,什么颜色渐变将使眼睛识别最大的一组值并检测到最小的变化?是否有专门为此设计的配色方案?我正在寻找在屏幕和印刷上都能正常工作的东西。 当转换为灰度时,如何选择仍然可以区分的一组颜色(或渐变),但是以彩色查看时,对比度会增强吗?在这方面,是否存在一个颜色梯度在转换为灰度时不比从全白到全黑的梯度差很多,但在以全色复制时却提供了明显增强的对比度?(例如,从上方以彩虹色为例进行示例:它具有出色的色彩对比,但无法使用灰度。许多科学期刊都会在网上发布彩色图像,但在印刷品中也要求使用灰度图像版。)


4
精心设计的软件架构图的示例
我花了大量时间绘制软件体系结构图,这些图通常由带有箭头的盒子上的变化组成。这些图传达了相关的信息,但从美学的角度来看,它们往往还有很多不足之处。 一些软件架构图示例说明了这一点: http://applicationarchitecture.files.wordpress.com/2011/06/f0039-component-diagram-complete-component-model.png http://applicationarchitecture.files.wordpress.com/2010/03/f0022-sample-network-diagram.png 我浏览了数百个信息图表以查找灵感,但大多数信息往往由离散的视觉元素组成,这些元素仅与整体概念和格式塔原理相关。少数包含箭头来描述某种流程的箭头往往比我的需求要简单得多。 我发现的一个(非软件)示例(http://visual.ly/house-democrats-health-plan-flow-chart)遭受了许多与上述相同的问题(也许是故意演示其复杂性) ... 是否有任何美观的软件体系结构图示例,或至少显示复杂流程的图表,这将是有益的启发?


1
如何使科学绘图的绘图标记大小看起来一致?
通常使用不同的形状(例如圆形,正方形,三角形,菱形,星形,五边形和六角形)来表示科学图中的不同数据集。这些形状可能会更加复杂,以允许在一个图上区分甚至更多的数据集。这是行业标准科学绘图软件Origin中内置的此类形状的子集: Origin产生的绘图上的形状易于区分,并且看起来几乎相等。我的问题是:如何实现这种效果? 我的第一个想法是,如果形状的边界框具有相同的大小,则形状看起来大小相等。但是我很快意识到这是不对的。此外,边界框不能用作创建此类形状的基础,因为对于某些形状,边界框的中心与形状的中心不一致: 我的第二个想法是,如果形状具有相等的面积,则它们看起来大小相等。上图的形状区域为: {4, π, 2, 1.29904, 1.12257} 让我们缩放形状,使所有区域都等于磁盘的面积: 很难相信,但是所有这些数字都有相等的面积!显然,它们看起来不相等。 在第一次尝试自己找到原理之后,我决定检查如何在Origin中解决问题。因此,我在Origin中创建了一个具有基本形状的散点图,将其导出为PDF,然后在Mathematica 10中导入。然后,我计算了形状的面积并获得了下表(所有面积都是相对于磁盘面积而言的): shape area ----------------------- square 0.957802 disk 1 diamond 1.03429 triangle 0.782499 star 0.489003 hexagon 1.01036 pentagon 1.03624 首先,我们看到菱形(只是一个以45°旋转的正方形)的面积大于正方形。这是令人惊讶的,甚至感觉是不正确的实现。但是从视觉上看,差异是显而易见的。至于其他形状,它们在图上看起来确实很相似,但它们占据的面积却大不相同,并且线性尺寸也不同。我无法揭示Origin开发人员选择的形状比例背后的任何简单逻辑原理。看来他们已经按比例放大了它们。 是否有任何有关形状大小感知的研究工作? 为科学地块选择地块标记的相对大小的最佳实践是什么?

3
在失去清晰度之前,我可以用图形表示多少个变量?
让我们看看我是否可以正确解释这个图形经济问题。我是该领域的新手,值得一提的是,这纯粹是出于好奇,我的例子是-就像您很快就能知道的-完全构成了。 在图表失去通信质量之前,可以用图形表示多少个变量?例如,假设我的听众是星期天的报纸读者。 假设我有这个设定:体重(x)/年龄(y),以及两个人:简,10岁,30公斤;还有乔,20岁,60公斤。图形表示可能是这样的: 现在,我知道我可以使用圆圈的大小添加另一个变量,因此,如果要添加一个表示简和乔一周吃多少汉堡(分别为10和20)的表示,我可能会遇到以下情况: 我什至可以使用形状或颜色+大小添加第四个变量,例如,如果他们吃的芝士汉堡比牛肉汉堡多(这里的限制是汉堡的类型是布尔值,只有两个可能的值),但是无论如何: 我认为这开始变得混乱。将形状添加到组合以表示第五个变量将有可能使图形“易于理解”。当我查看图表时,我的(特定的)大脑仅处理2或3个变量,没有更多。例如,他们吃组合早餐还是汉堡? 我想到的也许是第三维,但这看起来太可怕了。我可能会以完全错误的方式考虑这个问题,而我很可能在这里遗漏了一些我无法理解的明显东西(例如,如果尝试表示三个或四个以上的变量在实践中是错误的),对我的问题: 对于在两轴图中同时表示的最大变量,4(如果图形像我的一样非常简单,则可能是5)是否合理? 是否有其他图形类型允许更多变量而又不失清晰性? 有一个很好的图表示例,成功表示大量变量吗?

9
您将如何以图形方式表示距离?
好, 因此,这可能有点“主观”,但我正在寻找一些想法。 我想用条形图(种类)来表示距离,人们越近,条形图就变得越“饱满”。 它们越远,条形图的填充就越少。 我不确定如何代表这一点。我创建了此图以向您展示我的思考过程。 您认为人们会理解吗?我应该指定“ FAR”和“ CLOSE”边缘吗?还是只是显示距离? 人们会理解,随着条形图的填充,人们会越来越近吗? 我还应该指定实际距离吗?(是米,公里等?)还是完全放弃了条形图? 您将如何以图形方式表示距离,以便人们乍一看就知道另一个人的距离是多少? 编辑:好的,所以与客户交流以获取更多详细信息,他们想出了什么,类似于@Scott提供的圈子,当前用户位于“中间”,周围的人处于“轨道”。他们已经在某个地方看到它并想要它,而不是显示每个用户的距离。 因此,我将不得不显示诸如“ 150m”或“ Nearby”之类的文本,而不是带有距离的条形图。 但是,我也要感谢每个人提供的答案,其中一些示例太棒了,我喜欢它们,它提供了很多可以借鉴的想法。由于“简要”与最初的请求有所不同,我认为最好编辑此问题以提供更多反馈。


7
制作图表的工具
制作图表的最佳工具是什么-结合了图形,图表和文本以简洁地传达许多信息的有吸引力的显示。我对可在网络上观看的内容和用于印刷的海报都感兴趣。 具体来说,我在问: 使用了哪些工具组合(例如,一种用于制作图形的工具,另一种用于将图形和文本组合到最终信息图中的工具)? 是否有任何矢量图形工具(例如Illustrator)比其他工具更适合或不太适合该任务? 是否有任何在线工具在组装过程中有用? (作为我感兴趣的事情的示例,[但规模要小得多,请访问http://xkcd.com/980/)

7
制作吸引人的图表的最佳方法是什么?
我有一堆饼图和条形图来弥补客户。他们给了我原始数据,并且希望它们构成有吸引力并且易于理解。 这是否意味着我必须弄清楚这些划分并自己重新绘制所有图形,然后才能变得更具吸引力?有更快的方法吗? 更新: 为避免混乱。基本上,由于它们具有强大的矢量功能,因此它们将是矢量图形,可以作为EPS文件输出,也可以在Illustrator中输出。 干杯

1
有什么可以读取,导入或转换CMYK SVG的东西吗?
简短的问题:我有CMYK颜色的SVG文件,根据SVG规范指定。我想将其纳入设计程序(任何设计程序)中,以完成设计并准备打印。但是,我找不到任何真正关注SVG中CMYK颜色的东西(无论如何不是Illustrator或Inkscape)。 颜色很复杂,而且不容易转换:想象一下动态生成的数百种阴影,就像品牌准则指定的CMYK的色调和混合必须正确一样。 背景:越来越普遍的是设计使用javascript和SVG从数据生成的数据驱动的图形,然后,使用javascript和SVG将Web的一种变体发布,例如通过D3(或通过Raphael / D34Raphael的IE支持) ,然后使用相同的代码生成用于打印的变体,该变体在Illustrator(或Inkscape)中完成,并以PDF的形式发送给打印机或版面设计人员。 这是《纽约时报》图形博客中通过此工作流程进行讨论的示例。下面的图形是为网络编码的,然后将SVG从浏览器复制到Illustrator中,然后最终确定为打印图形(对他们来说,颜色很简单,所以我没有问题,可以从RGB转换) : SVG 可以指定CMYK颜色(对于那里的所有SVG编码器,语法如下:)<circle fill="#CD853F device-cmyk(0.11, 0.48, 0.83, 0.00)"/>。但是大多数设计软件都忽略了这一点。我在Inkscape社区中看到过有关支持CMYK SVG的思考,以及涉及Scribus(“开源InDesign”)的一些复杂问题,但是我都没有设法工作(我可能误解了Scribus之一) - 编辑: 本文建议的scribus可以导入CMYK SVG如果将它定义为一个ICC色彩配置文件 ...不太mades它的意义还没有,但它看起来很有希望)。 因此,我可以创建代码,在“ Web模式”下生成RGB SVG可视化效果,在“打印模式”下生成CMYK SVG的代码,动态生成正确的颜色。问题是,这些CMYK SVG文件无法执行任何操作-Illustrator和Inkscape只是将它们视为黑色。 是否有任何图形程序,或插件,可以采取SVG图像用CMYK形状并将其转换为任何矢量格式的方法(ai,pdf,eps...),其中设计软件会听取CMYK颜色? 这是一个简单的SVG文件,其中包含带有CMYK中指定颜色的一些文本。只需复制并粘贴并另存为.svg文件即可。 <?xml version="1.0" encoding="utf-8"?> <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="176.18px" height="111.59px" viewBox="0 0 176.18 111.59" …


6
在简历上有技能条形图是个好主意吗?
我正在查看此问题的简历,并且注意到了技能条形图。我已经在几位设计师的简历中看到了这一点,并且想知道这是否是一种新时尚,是否应该考虑将其添加到我的简历/网站等中。 如果您忘记了或者没有腾出空间来添加您所知道的每一个软件以及您所说软件的技能水平,这是否会使您的客户减少?我可以理解添加诸如Photoshop和Illustrator之类的基本软件,但是所有我不经常使用的小程序又如何使用,但我仍然知道如何使用呢?如果我列出所有这些,简历将长达3页。 这是有用的图形吗?

2
缩放后是否重置/避免扭曲的Illustrator图形文本标签?
Adobe Illustrator的图形工具非常特殊。众多软件更新的资深人士(成功地使所有这些更新毫发无损地...),它的许多怪癖之一是您无法调整尚未取消分组的图形对象的大小,除非使用“缩放”工具(S)。 因此,如果您有这样的图形: ...并且您需要对其进行调整以适合较小的垂直(或水平)空间,最终会出现如下所示: 请注意,Y轴上的挤压的扭曲文本标签难看。 您可以使用组选择工具(带有加号的白色箭头,没有键盘快捷键)并在标签上单击两次来仅选择文本标签。有什么办法告诉每个重置其缩放比例?(Transform Each变灰,因为它是一张图,不会满足于任何新的废话)。 或者,采用其他任何方法缩放图表以将文本标签保持在正确的位置,正确的尺寸? 我知道一些选项,所有这些都有些垃圾: 更换它们。将标签的填充设置为无,然后仅放入自己的标签,并使用“对齐”调板中的工具将其对齐并隔开。当您有很多图表或需要经常更新图表时,这很痛苦 画出Y轴刻度。更改图表的Y轴比例,而不是缩放比例。因此,在我的示例中,我可能会将Graph type > Value Axis > Override calculated values“最大”设置为4,000,将图表的高度减半,并将除法量加倍。然后,使用直接选择工具,将垂直轴线向下拖动到2000标记,并将2000以上的所有内容的填充都设置为none。这行得通(这是我目前最喜欢的选项),但这是一个严重的漏洞,并用看不见的图表碎片分散了我的文件(并且每次数据更新时都需要重新进行直接选择工具的工作)。 滥用Illustrator的文字工具进行补偿。例如,如果将文本垂直缩放到50%,则将“字符”窗口中的“垂直缩放”选项设置为200%,希望这两个扭曲的缩放将相互抵消。听起来像是可怕的不干净类型的食谱。 重新开始。删除图表并以适当的大小创建一个新的图表。有时这是最简单的方法,并且不会产生碎片,但这显然不是理想的解决方案。 还有其他/更好的方法吗?

By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.