当前位置：
微信扫一扫分享到朋友圈
NO1. 我个人最喜欢的：http://Visual.ly Visually | Content Marketing for Brandshttp://Visual.ly 用社交网络功能来连接在世界各地的所有成员。设计师们通过提交自己的项目进入他们的网站画廊，从而能够对数据实现可视化。它理想的目标是提供一个接口，用于直接在浏览器中创建动态的信息图表。该工具目前未发布，虽然我听说过一些私人beta测试。你可以注册您的电子邮件地址以接收更新消息，并可能邀请测试。至于他们的网络功能，http://Visual.ly 提供了极少数的合作伙伴页面。这些类似于个人资料页面，您可以查看评论，喜欢，意见和信息图表意见，但这些都是有针对性的对大品牌 - 国家地理、易趣、Skype、CNN 等。NO2. Better World FluxBetter World Flux这是一款漂亮的可视化工具！Better World Flux 是一个可以互动信息、图形的网站。选择一个国家，根据指示操作，比如可以选择预期寿命或饮水作为指标。有一个小的视频演示如何操作，你可以在YouTube上观看（/watch?v=xck1Alcyh2A）。NO3.We Feel FineWe Feel Fine / by Jonathan Harris and Sep KamvarWe Feel Fine 标榜为人类情感而探索，这是我见过最独特的可视化引擎之一。开始前要点击其主页上的大按钮，该应用程序将据此加载操作系统。沿上面一行，你会发现飞出选项对数据进行排序。其标准包括年龄，性别，气候位置，甚至日期。该项目提供了整个世界的喜怒哀乐情绪，在任何给定的点，数据超级详细！这是对人类来说，真正令人震惊的实验。当你点击画布的任何地方，飞球会分散。如果您将鼠标放在他们中的一个，它会提供更多的细节，点击打开，顶部有一个全新的选项。许多结果都来自Twitter。情绪和情感的数据数量级是令人难以置信。NO4.Rss VoyageRss Voyage - RSS feed reader with a difference另一个我个人最喜欢，且确实有助于形象化各地数据的网络数据的网站。如果您登录到Rss Voyage, 你可以导入自定义RSS供稿到您的帐户一整个数据图。在他们的网页，你可以点击“开始”与默认提供的应用程序。在这种情况下Rss Voyage将拉动几个流行的博客，如纽约时报，瘾科技，卫报，等等。如果您通过移动图形，点击一个特定的文章的观点时，他将固定在屏幕上。这包括标题，简短描述，元数据连同它的URL出版日期。如果在任何时候你想开始创建自己的RSS可视化，所有你需要做的就是创建一个帐户！注册是完全免费的，你可以在页面的底部创建通过注册表格您的帐户。作为另一奖励功能。Rss Voyage可以让你轻松设置全屏模式浏览风格的RSS源。NO5.Revisitmoritz.stefaner.eu客观来讲，Revisit是一种重新定义我们如何看待微博的工具。有了这个工具，你可以与一个或多个关键字的数据创建连接。您可以将额外的标题添加到您的图形和分享的链接（甚至到微博） 。点击一个单独的分离线，关闭图形将显示更多细节。通常包括元数据，如时间发布和相关的关键字。搜索条件仅限于标准的Twitter符号，使用逗号分隔的关键字列表。如果有兴趣，我建议查看位于同一网站的创作数据可视化等项目。Truth & BeautyNO6.Tag GalaxyTag GalaxyTag Galaxy是一个非常独特的可视化工具。他们的主页干净且易于理解，因为标签Flickr上有单独的一个搜索表单。此外左下角设有为新用户一些流行的建议。只需输入一个词，然后按Enter，通过Flickr的照片就可在Tag Galaxy查询。他们的渲染引擎复制我们的太阳系的中心，太阳代表主要搜索项的外观，外部行星的轨道代表类似的标签。这是我见过的最酷的可视化演示渲染和Flash之一。注意，当您在每个星球上悬停它会为你提供一个小的预览数。这是发现在Flickr的该标签的询问的照片总数。点击太阳将打开相关照片缩略图的球体，而旋转的行星会增加他们的搜索字词的查询。当然，你可以找到更多有关照片通过点击弹出完整视图。NO7.Google Fusion TablesAbout Fusion Tables我们都知道的龙头企业是谷歌。他们的实验室的后面几年已经运行了一些很有趣的实验，Google Fusion Tables就是其中之一。你需要的是一个谷歌账户。此工具可以公开在网上共享数据，并建立自定义的可视化图形。这些可以从csv或Excel电子表格导入。尽管目前并不支持。登录后，会发现公共数据列表的表格与演示。这些都在不断更新，新的用户提交 ，打开文档后，顶部的工具栏会有其他菜单可视化链接，自定义图形。NO8.Dipity/没有什么比我们在地球上的历史更有趣。已经有很多的事件在过去10年到20年，更不用说十年到百年！ Dipity 是一个奇妙的工具，他用来创建和嵌入自定义的互动时间表。用户可以在重要日期进行标记，包括照片，链接，音频,视频和其他形式的媒体。该服务需要您在创建时间表前注册一个帐号。选择一个免费的计划，在日后他们提供升级到保费计划/premium/plans。幸运的是，该网站会提供公共的最流行的时间表成员，所以你可以很容易地通过排序动态时间表去发现一个令人兴奋的细目清单。我个人最喜欢的是史蒂夫工作的生活和事业照片甚至直到2011完全格式化。/StevePro/Steve-Jobs-Life-and-Career/NO9.WIkiMindMapWikiMindMap说到独特的展示台,维基百科也是一个网络，虽然你没有看到尽可能多的开发商，但是Wiki包含一个大的离谱的数据量！ WikiMindMap可以让你选择一个区域，然后输入网址的页面。如果您的关键字不完全匹配了一个页面，应用程序将提供给您最亲近的建议。圆圈内产生的链接将引出到主Wiki页面，而刷新链接打开的选项的树。这些都是相关的链接拉断主维基页面协调您的关键字。它也很容易通过点击链接刷新图标切换到一个新的根节点。NO.10Axiis- Browser Market Sharehttp://www.axiis.org/examples/BrowserMarketShare.htmlAxiis 是用于数据可视化软件的最流行的网站之一。在他们的网页，你可以把酷炫的程序下载到您的PC或Mac电脑上运行。W3Schools已经记录用户和跟踪浏览器几年了。 Axiis编制从与最流行的Web浏览器形成一个美丽的可视化图形。和众多上市的包括Safari浏览器，网景，IE浏览器和谷歌Chrome浏览器合作。名单尚未更新为 ，但我们可能会看到公布在未来数月更新的信息图表。
分享给好友
分享到微信朋友圈：
第一步 打开微信底部扫一扫
第二步 扫下面的文章二维码
第三步 右上角点击转发
相关文章Relevant
现如今,飞机以舒适、方便与节省时间等原因成为出行首选的交通方式之一.可你是否知道,为何不能喝飞机上的冲泡茶饮,又为何在...
【最费脑力的14部电影】《盗梦空间》、《记忆裂痕》、《生死停留》、《死亡幻觉》、《禁闭岛》、《穆赫兰道》、《蝴蝶效应》、...
■ 点击上面蓝字一键关注 ▲QIBU生活微刊建议在WIFI下观看,土豪请随意~~1、每一次接吻 会消耗体内至少12个卡路里科学家指出:...
因女儿未出世便患肿瘤,柴静离职后首发雾霾调查.雾霾是什么?它从哪儿来?我们怎么办?看完这些,才知道雾霾的真相.震撼!震...
我是主播 贝妮~(微信号:Voaoao)每天提供最热门、最火爆、最精彩的视频!口味有点儿重喔~笑死!笑死!笑死!如果觉得这些还...
感知CG,感触创意,感受艺术,感悟心灵 在CG世界的一期中我们展示了 Vince Low的一部分作品,今天再次翻看CG网站时发现他的...超实用！四个方法帮你搞定数据可视化界面设计（附神器）
优秀网页设计联盟-SDC-网页设计师交流平台-听讲座，聊设计，找素材，尽在优设网
& / & & / & 正文
Hi,我是优设小编
超实用！四个方法帮你搞定数据可视化界面设计（附神器）
：“仪表板”、“大数据”、“数据可视化”、“数据分析”——越来越多人和企业，开始运用他们的数据来做一些有趣的事情。在我的职业生涯中，有幸参与一大批数据为重的界面设计，我要在此分享一些观点，讲讲如何造就这种特殊且有意义的产品。
很多人已经讨论过这个议题，我会围绕创作过程中最具影响力的部分。
一、用户不同，数据不同
任何时候设计一套复杂的系统，都不可避免要为很多用户和角色进行设计。总裁、经理和分析师是几个常见角色，每个都有自己的工作流程和对数据的需求。
定义好角色，产生不同视角，这本身就是一种艺术。我就不在此详细解释了。如果你对此有兴趣，请看Cooper的这篇。
关于角色，重要的一点是预先确定好，围绕它们来组织信息结构与线框图。
下面是我们去年做的一款健康报告应用的最终成品。这套系统有着不同的用户群，他们各自都需要不同的数据管理。创建了关键角色后，我们每次评审会将它们放在旁边。
注意画板上的那些角色。我们的客户都接受这种方式。
在满屋子客户面前展示作品是件难事。无论是在解释线框图、流程图，还是就视觉设计进行讨论，都很难让每个人跟上你的观点。
通过角色来组织作品，会防止你（和客户）在这些讨论中跑题。
二、制作页面模型
我多年所用的一个技巧，是制作页面模型。核心点很简单：
首先为用户呈现他们需要的，再将页面余下的信息根据用户故事或信息层级，进行结构化处理。
制作页面模型的概念，正是写散文（和其他很多种沟通形式）的核心原则，我在写过一本书之后就对它了如指掌了。多年来，我花费大量时间在这本书
上。它除了作为绝佳的写作参考之外，还清晰阐明这项观点：
如果一开始就使人分心，那么用户不仅难以分辨每个元素是什么，也难以集中精力于整个流程。
这是进行用户体验设计时需要牢记的一项准则。下面是制作页面模型的两个常用方式。
给画板创建某种结构。问问自己——通过这些信息要讲述怎样的故事？
我在Behance和Dribbble上看到很多仪表板和数据画报项目，（视觉上）设计得很漂亮，但通常都使人眼花缭乱、过目即忘。它们要么是各种图表组件以缺乏层级的瀑布流形式排列，要么视觉上过度设计，并不适合这项数据。
左图展示的就是眼花缭乱的数据画报。右图例子则是装饰物分散注意力，注意不到数据。
在上面的图中（左图），这个数据面板用了控制台的方式来呈现信息……相当有压迫感。为避免如此，我们试着以组织信息的方式处理这类界面，让人们感觉像是在阅读杂志文章。
并不是说控制台式的界面就没有用武之地……我个人愿意设计成那样。但多数情况下，没有必要时刻看见所有信息。
最关键的一点——避免创造出令人一知半解的图形。为页面信息建立模型，首先给用户呈现关键信息，然后才是支撑内容。
三、选择正确的图形
在美学方面，有很多（太多了）设计都在误用图表。
最糟的是——这些“坏习惯”似乎在成倍增加。随处可见本应是饼形图的面积图，还有本应该是柱状图的曲线图。让我们一起来制止这些设计……下面这些建议有助于你正确对待数据：
未经处理的原始数据表格一点也没有吸引力。但它是最佳的起点。它帮你开始思考数据中有哪些变量可用，这些变量数据如何关联。
原始数据的单调特性，会帮你思考系统中各种变量间的关联。
除了从空白数据行列入手，等待灵感忽然进入你意识。你还可以更积极一些，通过下面这些很棒的资源，帮你揭示出有趣的关联：
——Medium开发的一款自动。
——这个工具是最好的，不过相当昂贵。
在整个过程中，这部分并没有灵丹妙药。别对深入研究数据心存恐惧，试着混合搭配不同变量，创建基本图表。这需要时间，但它是值得的。我想到的一些绝妙点子，都来自这些原始数据文件的拼拼凑凑。
处理离散数据和连续数据
我花了很长时间才意识到这点，有些图表比其他更能表达你的数据。在创作中很容易陷入这样的境地，选择一种好看的图表，然后指望它能发挥作用。我经常这么做（我挺喜欢散点图），并为此感到内疚。
有些图形比其他更好，这取决于你所处理的数据类型。选择合适图表的方法之一，是评估你手中的数据。有两种主要数据：
离散数据——数值可清晰计数。比如进球数或Facebook点赞。
柱状图最适合表现离散数据
连续数据——任何范围值。比如一季的降雨量，或一个人的身高体重。
曲线图最适合表现连续数据
简单说，曲线图最适合表现连续数据，柱状图最适合表现离散数据。
Dona Wong的一项资源帮我凝练了其中精髓。真希望几年前我就有这本书。这是本无价的参考书，帮你选用合适的图表，阐明信息展现的行为准则。
四、基本的或定制化的图形
最后，作为这些海量数据系统的设计师，你得反复问自己“我应该选择非常规方式来定制化设计？还是使用久经考验的图表来展现信息？”
最近无意中读到这篇来自37 Signals的文章——。作者强烈表达一个观点，图形的“有效性”胜过它的视觉特征。我非常赞同文中这一观点。不过，我觉得他的观点代表着一种极端实用主义的视角。我相信定制化的图形通常也能提升数据的易用性，同时独具一格引人入胜。
基本柱状图的例子
对我来说，有“一种尺寸通行”的图表，还有“适用于最佳尺寸”的图表。表格、曲线图和柱状图就很好，可以容纳各种类型的数据，但它们也非常普通（一种尺寸通行）。作为专业的设计师，我希望我的作品看起来和感觉上是独特且有用的。
比如，纽约时报做得很好，通过定制化的交互式图形，来为他们的文章添彩。可以在看到更多他们的作品。我们来看一些完美的定制化图表案例：
这个案例对曲线图做了调整，让人“一睹”那些支撑图表的基本数据。
在这个3D图表中，透视角度的改变在视觉上非常有冲击力，也让用户更好理解数据间的关联。
的这个例子做得很好，用了真实内容来创建图表。
最后，来自我们为CNN做的一个。我们用了颜色编码来展表现政党偏好，同时立体突起在视觉上表现人口统计信息。
作为首要准则——数据与技术所需，我们需要尝试各种定制化图形。但我们还是要有备选计划，以防设计并不奏效，或者客户喜欢相对保守的方式。
五、那又如何？
我们为什么要把所有这些数据放在页面上？答案是：这样人们才能使用——做决策、调研、预测未来，什么都行。关键是，用户不会沉浸于你所选的漂亮色彩，他们是来工作的。
我的建议是——在你排布好页面一切就绪后，问问自己“那又如何？”。看看每个图表、组件、表格，仔细考虑人们从中能获取到什么。通常你会得出这样的结论，“这些都不重要”，这就意味着要减少或是重新思考。
这在我身上发生过好几次——我创作了复杂漂亮的仪表板，包含了一系列时尚的图表、饼形图，还有成千上万数据点构成的地图。但总是被客户质疑“我只想知道这样有效吗……我要的东西在哪？”还有“我只要3样东西……X、Y和Z。哪里可以看到它们？”
哎，这时候你才会意识到自己迷失在杂草丛中，遗失了重点。
我会有个办法，尝试使用文字来精确表达人们所要的东西。
在重要信息上，文字总结可能比图表更有效。
上面的图来自我们最近的两个项目。两者都通过文字展现用户所需的信息，并没有依赖需要解释说明的图表。
这个方法使我们的客户产生共鸣，尤其在重要信息上。但我之前提过，总要考虑各种角色，所以要用在适当的地方。
就像其他所有形式的设计一样，它也需要一种平衡。
力求使你的数据与众不同，但是要避免过度设计和无谓的分心。
为数据选择正确的图形，但别忘了有层次地构建页面。
无论多么单调、令人沮丧，还要打磨每个小细节……还有别忘了问自己，“那又如何？”
【青椒姑娘的设计课免费开班啦】
原文地址：
译文地址：
【优设网 原创文章 投稿邮箱：】
================关于优设网================
“优设网“是国内人气最高的师学习平台，专注分享、无线端设计以及PS教程。
【特色推荐】
设计师需要读的100本书：史上最全的设计师图书导航：。
设计微博：拥有粉丝量97万的人气微博 ，欢迎关注获取资源、下载顶尖设计素材。
设计导航：全球顶尖设计网站推荐，设计师必备导航：
———————————————————–
想在手机上、被窝里获取设计教程、经验分享和各种意想不到的”福利”吗？
添加 优秀网页设计 微信号：【youshege】优设哥的全拼
您也可以通过扫描下方二维码快速添加：
我们的团队
大家在关注当前位置： >
>Axiis:数据可视化制作工具
网站详情来源：
收录时间：
名称： Axiis:数据可视化制作工具
英文网址：
Axiis:数据可视化制作工具是一个数据可视化框架，于五月份使用MIT许可证发布。&数据可视化&这个词经常用来描述应用数据的图形化视图，如图表和图形。
Axiis构建在Degrafa之上，Degrafa是为Flex应用的一个开源声明式图形框架，可简化图形绘制&&Axiis极大地利用了这一优点。Degrafa本身并不足以构建一个类似Axiis的框架，因为它不具备把数据绑定到图形的默认能力。Axiis可以认为是对Degrafa的扩展。Axiis.org做了如下说明:
Axiis让开发人员通过简洁直观的标记，清晰明白地定义数据可视化方式。Axiis在设计上就非常强调代码优雅，可以让你的代码像输出的图形一样美观。
Axiis的设计目标是成为一个简明的、富有表现力的、模块化的框架，可以使开发者和设计人员通过组装简单而且容易理解的构图元素，就可以创建迷人的数据可视化方案，该项目目前的一些成果可以在这些例子中一窥究竟。
Axiis框架的特色有以下几个方面:
富有表现力，Axiis给予开发者通过简明而且直观的标记语言来定义具有丰富表现力的图形组件，该框架的设计对代码的优雅给与足够的重视，这使得你的代码像你的表现内容一样优美。
代码简洁，通过利用内嵌的Flex绑定和Axiis标记语法，你不需要写几页代码来创建惊人的图形，事实上，一些复杂的例子不超过200行代码。
模块化构建，Axiis被设计成为一个模块化的框架，它允许开发者混合并搭配组件，通过组合一些基本的构成元素来建立复杂的图形内容，我们已经特地避免了长长的OO集成关系，从而保持类结构扁平而且可交换，用Axiis你可以通过简单的步骤就可以创建复杂的图形。
开源项目，Axiis是一个开源项目，使用MIT许可，这意味着你可以使用它在个人项目、内容，以及任何你想用的地方，而没有任何限制，我们只要求你在代码中保留我们的商标和许可声明。
Axiis使用一种非常可视化的方法来进行数据可视化的开发，它包括标记式语言以及一些概念，在Axiis中有两个基本概念需要理解:几何体和布局方法(Geometry and Layout)
几何体:所有的数据可视化最终被表现为一个或者多个简单或者复杂几何体的集合，他们按照相关的可视坐标来描绘具体的数据点。说到底，Axiis使用Degrafa框架来描述它的几何体。
布局方法:Axiis布局类是该框架的核心，因为它允许开发者用简单的方式来描述他们想要转换的数据成为几何体的表现形式，布局类允许开发者使用并结合预定义的布局结构，以及他们自己的结构来创建任何图形，无论是笛卡尔标准的图形，还是不着边际的从未想像到的数据可视化方式。
Axiis成为广大图形组件开发者创建自己所需的图形内容的新框架，而且更简单、更直观，因为它提供了一种新思路，一种简化的数据可视化方式，有别于Adobe方式的图形组件创建方式，这对于高级图形组件开发者来说是一件利器，同时，如果该框架能将这些构图单元封装成类似于目前Flex图形组件一样简单的组件，那么其普及就更快了。
分享给小伙伴们：
赫赫无敌：探索互联网世界，收集和分享实用互联网资源，推荐国内和国外知名、实用、创新、科技、优质的站点资源！互联无极限，探索无止境；分享求真知，网络无国界！
本文地址:/topics/3865.html 转载请注明
同类站点推荐}