数据可视化独领风骚：看这6家初创公司如何玩转大数据？
发表于 17:00|
来源GigaOM|
作者Derrick Harris
摘要：如果说大数据时代真的要彻底改变我们的世界，那么可视化绝对起着至关重要的作用。本文列举了六家初创公司Ayasdi、BeyondCORE、ClearStory、Datahero、Platfora以及ZoomData，它们已经改变我们对数据的认知方式。
虽然可视化在数据分析领域算不上最具技术挑战性的部分，但是它绝对可以说是最重要的一个方面。当然，存储、数据库的查询处理以及算法都是非常的重要——可视化离开它们也无法实现——但是在一个数据驱动的世界里，它们只是处在基本层的位置。这里有6家创业公司，他们试图从根本上改变数据的可视化。其中有一些是高度复杂的可视化处理过程，有些不是。虽然没有一个是完美的，但他们所做的一切，会让我们反思：数据究竟意味着什么？
Ayasdi来自印第安语，是“寻找”的意思。斯坦福大学的Gurjeet Singh, Gunnar Carlsson和Harlan Sexton一直在致力于将拓扑学的研究方法应用于数据分析。在2008年，他们联合成立了Ayasdi公司。Ayasdi成立以后，就获得了DARPA(美国国防部高级研究项目组)350万美元的资助。
Ayasdi的底层使用的是HBase数据存储，然后再利用拓扑数据分析技术和上百种机器学习的算法来处理复杂的数据集，最终确定数据节点之间的相似度。而对终端用户而言，这看起来更像是一个数据集的拓扑图，只是强调了集群中有关联的数据点。
Ayasdi的技术有一个重要的特点，它不像别的系统需要类似搜索查询式语句，Ayasdi可以自动从数据中发现隐藏的模式。Ayasdi的一个应用就是在医学研究领域，Mount
Sinai医学院基因与多尺度生物学系的主任Eric Schadt就带领一个团队，利用Ayasdi的技术进行一些疾病的遗传倾向的研究，而且利用Ayasdi的数据分析技术，帮助发现了乳腺癌的14个变种。
BeyondCORE&
实际上BeyondCore运作的基本前提和Ayasdi是相同的——只是展示给用户显著相关的联系，而无需考虑这个结果是如何发现的——虽然BeyondCore使用的是标准化图表，但是事实上还提供了另一种选择：在发现软件发现关联性结果时，会让化身（见图片）通知用户。
ClearStory&
ClearStory拥有一个独一无二的产品，即使该产品的很多细节并没有公布。也许只有在产品正式发布之后，我们才能“一睹真容”。ClearStory将与存储在数据库、网络和其他来源的数据连接，在数据源变化时进行动态的更新，并加入虚拟的数据挖掘组件，使用户分析数据并理解信息。在今年3月份，ClearStory获得了来自谷歌风投、安德里森·霍洛维茨、Khosla
Ventures等多家风投的青睐，融资金额不详。
Datahero是由来自Aster Data的大数据分析业务骨干Chris Neumann、宝马的高级工程师Jeff Zabel联合创立，该公司尚在起步阶段就获得了100万美元的融资。他们打着“你的数据你做主”的口号，试图弥合大数据与普通用户之间的鸿沟，不仅帮助用户分析密切相关的数据，而且通过可视化的形式，让用户更好地理解这些数据。
据外媒报道，Datahero是基于浏览器的一个平台，数据的输出、整理以及解释都会在一个单独的窗口完成，而不是通常意义上的借助不同的应用。通过浏览器，用户可以将多种网络服务的信息输入到Datahero，也可以从公共的数据库下载报告，还可以直接在本地把电子表格及文件上传到Datahero。Datahero会根据它的算法自动为这些信息归类，并给他们加上标签。
声称“要把Hadpoop平民化”。该公司认为只有把冗杂的数据进行有效处理、视觉化，让数据变成普通的用户都能看得懂的东西，“大数据”才能真正变成一盘生意，这家大数据创业公司已经获得了2000万美元B轮融资。
Platfora在Hadpoop的基础上进行数据的操作，并为用户提供一个简单易用的操作平台。因为Hadpoop有很多不同的发行版，所以Platfora的重点之一就是确保它能在所有的发行版上运行，这样大大降低了Hadpoop的使用门槛，让更多的人能够体验Hadpoop的技术优势，实现真正意义上的“平民化”。
初创公司ZoomData是为数不多的支持移动设备的数据分析公司，它们的数据可视化系统能够将实施的大数据流转化为触屏友好的、艺术感十足的三维数据。苹果iPad和Android平板电脑用户可以用手指缩放数据可视化界面，随着界面缩放的级别不同，数据将实时进行更新。ZoomData的数据可视化技术支持多种数据源，包括社交媒体、企业应用系统以及Hadoop
HDFS数据。
（文/王鹏，审校/仲浩）原文链接：“&
”将于-7日在北京国家会议中心隆重举行。猛击！
相关活动已经火热启动：
，欢迎研发者、团队和创业企业参加！
本文为CSDN编译整理，未经允许不得转载。如需转载请联系
推荐阅读相关主题：
CSDN官方微信
扫描二维码,向CSDN吐槽
微信号：CSDNnews
相关热门文章比特客户端
您的位置：
详解大数据
详解大数据
详解大数据
详解大数据
做大数据时代的数据可视化高手
　　做的高手
　　生存者总是在不断寻找可以发展自我、体现价值的途径，总是在寻求更高报酬的工作和职业。然而什么报酬最高，什么样的职业最有挑战，自然是新诞生且在摸索阶段的行业，比如数据可视化。数据可视化是大数据时代特有的行业，这个行业的人才国内并不多，需求却非常多。高薪却招不到人才的问题也让非常苦恼。而求职者要想成为大数据时代的数据可视化高手，就要有专业、有技术、有知识、有实践。那么，具体该怎么做呢?
　　业内人士认为，要想成为大数据时代的数据可视化高手，首先要对专业知识进行了解，无论是数据可视化、还是其他的基础信息，都需要一一掌握，只有在此基础上，才有可能成为数据可视化人才。另外，专业人士认为，尽可能快的去了解这个行业，是从业者非常明智的选择。
　　现在，越来越多的公司开始依靠数据做决策，而和读写的能力其实是一样的，要想保住饭碗，就要掌握关键的技能，如果你本身就非常讨厌数据，那么，你必然不会去研究数据，自然就不可能在这条道路上走的更远。
　　尽管现在，企业在这方面还处于起步阶段，但是并不代表企业不在乎不重视。实际上，百分之八十的企业在了解大数据之后，都纷纷高薪招聘，但是真正能招到高手的很少，为什么?因为国内在这方面的人才非常少。而在这种前提下，公司的员工就会迎难而上，很多员工都已经从单一的行业跳入混合型员工当中，不仅会自己的项目专业，更对其他专业知识了解不少。
　　比如，业务人员在工作中，除了销售技巧需要掌握之外，还需要了解各种数据图表，这些图表也许简单，但是却能帮助他们更好的分析客户拿下客户，为企业带来效益。而以往的方法大多很简单，也存在局限性，不具备交互的性能，因而在分析上也存在一些弊端。然而数据可视化的关键点，恰恰就在数据交互上，帮助企业员工更好的了解。
　　除此之外，业内人员还认为，想要做数据可视化的高手，不仅要知道其基础知识，更要掌握设计、数理统计，了解听众，与数据为伴，这样才能成为真正的数据可视化高手。
[ 责任编辑：shan ]
去年，手机江湖里的竞争格局还是…
甲骨文的云战略已经完成第一阶段…
软件信息化周刊
比特软件信息化周刊提供以数据库、操作系统和管理软件为重点的全面软件信息化产业热点、应用方案推荐、实用技巧分享等。以最新的软件资讯，最新的软件技巧，最新的软件与服务业内动态来为IT用户找到软捷径。
商务办公周刊
比特商务周刊是一个及行业资讯、深度分析、企业导购等为一体的综合性周刊。其中，与中国计量科学研究院合力打造的比特实验室可以为商业用户提供最权威的采购指南。是企业用户不可缺少的智选周刊！
比特网络周刊向企业网管员以及网络技术和产品使用者提供关于网络产业动态、技术热点、组网、建网、网络管理、网络运维等最新技术和实用技巧，帮助网管答疑解惑，成为网管好帮手。
服务器周刊
比特服务器周刊作为比特网的重点频道之一，主要关注x86服务器，RISC架构服务器以及高性能计算机行业的产品及发展动态。通过最独到的编辑观点和业界动态分析，让您第一时间了解服务器行业的趋势。
比特存储周刊长期以来，为读者提供企业存储领域高质量的原创内容，及时、全面的资讯、技术、方案以及案例文章，力求成为业界领先的存储媒体。比特存储周刊始终致力于用户的企业信息化建设、存储业务、数据保护与容灾构建以及数据管理部署等方面服务。
比特安全周刊通过专业的信息安全内容建设，为企业级用户打造最具商业价值的信息沟通平台，并为安全厂商提供多层面、多维度的媒体宣传手段。与其他同类网站信息安全内容相比，比特安全周刊运作模式更加独立，对信息安全界的动态新闻更新更快。
新闻中心热点推荐
新闻中心以独特视角精选一周内最具影响力的行业重大事件或圈内精彩故事，为企业级用户打造重点突出，可读性强，商业价值高的信息共享平台；同时为互联网、IT业界及通信厂商提供一条精准快捷，渗透力强，覆盖面广的媒体传播途径。
云计算周刊
比特云计算周刊关注云计算产业热点技术应用与趋势发展，全方位报道云计算领域最新动态。为用户与企业架设起沟通交流平台。包括IaaS、PaaS、SaaS各种不同的服务类型以及相关的安全与管理内容介绍。
CIO俱乐部周刊
比特CIO俱乐部周刊以大量高端CIO沙龙或专题研讨会以及对明星CIO的深入采访为依托，汇聚中国500强CIO的集体智慧。旨为中国杰出的CIO提供一个良好的互融互通 、促进交流的平台，并持续提供丰富的资讯和服务，探讨信息化建设，推动中国信息化发展引领CIO未来职业发展。
IT专家新闻邮件长期以来，以定向、分众、整合的商业模式，为企业IT专业人士以及IT系统采购决策者提供高质量的原创内容，包括IT新闻、评论、专家答疑、技巧和白皮书。此外，IT专家网还为读者提供包括咨询、社区、论坛、线下会议、读者沙龙等多种服务。
X周刊是一份IT人的技术娱乐周刊，给用户实时传递I最新T资讯、IT段子、技术技巧、畅销书籍，同时用户还能参与我们推荐的互动游戏，给广大的IT技术人士忙碌工作之余带来轻松休闲一刻。
微信扫一扫
关注Chinabyte51CTO旗下网站
数据可视化的7个好处
大量研究结果表明人类通过图形获取信息的速度比通过阅读文字获取信息的速度要快很多，那么将数字以可视化的形式展示出来还有其它什么好处，本文详细列举了7种优势。
作者：Robert Cordray来源：| 09:21
译者注：大量研究结果表明人类通过图形获取信息的速度比通过阅读文字获取信息的速度要快很多，那么将数字以可视化的形式展示出来还有其它什么好处，本文详细列举了7种优势。以下为译文。
数据可视化是指以饼状图等图形的方式展示数据。这帮助用户能够更快地识别模式。交互式可视化能够让决策者深入了解细节层次。这种展示方式的改变使得用户可以查看分析背后的事实。
以下是数据可视化影响企业做决策和战略调整的七种方式。
1.动作更快
人脑对视觉信息的处理要比书面信息容易得多。使用图表来总结复杂的数据，可以确保对关系的理解要比那些混乱的报告或电子表格更快。
这提供了一种非常清晰的沟通方式，使业务领导者能够更快地理解和处理他们的信息。大数据可视化工具可以提供实时信息，使利益相关者更容易对整个企业进行评估。对市场变化更快的调整和对新机会的快速识别是每个行业的竞争优势。
2.以建设性方式讨论结果
向高级管理人员提交的许多业务报告都是规范化的文档，这些文档经常被静态表格和各种图表类型所夸大。也正是因为它制作的太过于详细了，以致于那些高管人员也没办法记住这些内容，因此对于他们来说是不需要看到太详细的信息。
然而，来自大数据可视化工具的报告使我们能够用一些简短的图形就能体现那些复杂信息，甚至单个图形也能做到。决策者可以通过交互元素以及类似于热图、fever
charts等新的可视化工具，轻松地解释各种不同的数据源。丰富但有意义的图形有助于让忙碌的主管和业务伙伴了解问题和未决的计划。
3.理解运营和结果之间的连接
大数据可视化的一个好处是，它允许用户去跟踪运营和整体业务性能之间的连接。在竞争环境中，找到业务功能和市场性能之间的相关性是至关重要的。
例如，一家软件公司的执行销售总监可能会立即在条形图中看到，他们的旗舰产品在西南地区的销售额下降了8%。然后，主管可以深入了解这些差异发生在哪里，并开始制定计划。通过这种方式，数据可视化可以让管理人员立即发现问题并采取行动。
4.接受新兴趋势
现在已经收集到的消费者行为的数据量可以为适应性强的公司带来许多新的机遇。然而，这需要他们不断地收集和分析这些信息。通过使用大数据可视化来监控关键指标，企业领导人可以更容易发现各种大数据集的市场变化和趋势。
例如，一家服装连锁店可能会发现，在西南地区，深色西装和领带的销量正在上升。这可能会让他们推销包括这两种服装在内的服装，或者是一种新的窄领带，远远领先于那些尚未注意到这一潮流的竞争对手。
5.与数据交互
数据可视化的主要好处是它及时带来了风险变化。但与静态图表不同，交互式数据可视化鼓励用户探索甚至操纵数据，以发现其他因素。这就为使用分析提供了更好的意见。
例如，大型数据可视化工具可以向船只制造商展示其大型工艺的销售下降。这可能是由于一系列原因造成的。但团队成员积极探索相关问题，并将其与实际的船销售联系起来，可以找出根源，并找到减少其影响的方法，以推动更多的销售。
6.创建新的讨论
大数据可视化的一个优点是它提供了一种现成的方法来从数据中讲述故事。热图可以在多个地理区域显示产品性能的发展，使用户更容易看到性能良好或表现不佳的产品。这使得高管们可以深入到特定的地点，看看哪些地方做得好，哪些做得不好。
他们可能会认识到，瞄准较高收入市场的细分市场并不会销售价格更高的产品，或者传统的清洁产品销售比环保绿色产品更不受欢迎。这些见解可以被用来集思广益，头脑风暴，以支持更高的销售。
大数据可视化工具提供了一种更有效的使用操作型数据的方法。对于更大多数的商业领袖来说，实时性能和市场指标的变化更容易识别和应对。
7.机器学习：来吧，来吧
围绕机器学习的所有炒作都快将变成现实了。除了一些大公司，比如亚马逊、谷歌正在利用机器学习来消除垃圾邮件，Pinterest利用机器学习向用户展示相关内容，Yelp使用机器学习来整理用户上传的照片。甚至是Disqus这样的公司也在使用机器学习来清除垃圾信息。现在就准备开始将机器学习应用到你自己的或者客户的业务领域里面去吧。
Home Depot使用机器学习来帮助用户更快地找到产品，甚至像Lyst这样的小公司也使用机器学习来帮助客户找到任意一种查询的相关信息。
客户服务正被机器学习的能力所改变，它能够解释客户的电子邮件，并将其分类，以纠正公司内部的部门或区域。这也就意味着以后可能再也用不到电话沟通的方式了。
机器学习的未来是无限的。【编辑推荐】【责任编辑： TEL：（010）】
大家都在看猜你喜欢
关注热点热点热点聚焦
24H热文一周话题本月最赞
讲师：20489人学习过
讲师：290844人学习过
讲师：190981人学习过
精选博文论坛热帖下载排行
本书是关于Spring 2.0的权威教程，是Java/Java EE开发者必备的参考书。本书详尽系统地介绍了Java EE的基础知识、Spring 2.0的各种功能，以...
订阅51CTO邮刊休闲娱乐生活服务其他类别扫扫有惊喜
大数据可视化培训哪家好？光环大数据有数据可视化课程吗？大数据目前主要分为两大方向：大数据开发和大数据可视化分析，就区别而言，大数据开发对于编程要求高，更适合男生学习；而大数据可视化分析，偏分析方向，对于编程的要求不是很高，适合对比编程不感兴趣的女生学习，当然这也仅仅是个人的看法。因为自己就是做大数据工作的，因为自己是通过培训然后找到工作的，所以身边经常会有朋友咨询我关于大数据的一些问题，比如有的人曾经问过我“大数据可视化培训哪家好”，想让我给他推荐个靠谱的大数据培训机构。但是这种问题真的没办法回答，哪个好我也不清楚，毕竟我也没有每家都去学过，而且也没有第三方机构针对这个做过调查评测。但是，别人问了，总不能直接说不知道，毕竟相比他们而言，我对大数据可视化这块还了解点，一般我就会结合我过去的经历，给他们大概讲一下，给点大数据方面的建议。1.首先目前做大数据可视化培训的并不多，更多的是大数据开发方向的。所以选择并不多，比如光环大数据是其中之一。下面有一个关于大数据可视化项目演示的截图，这个是学员在老师带领下完成的可视化项目作品。2.下面我们来了解下大数据可视化的课程内容
上一页&1共2页热门新闻更多
实时热点榜单热门视频
阅读下一篇视频推荐21款酷炫「数据可视化工具」，拿走不谢！2 years ago赞赏1 人赞赏4,664收藏分享举报文章被以下专栏收录知识来源于 www.tezign.com ，特赞出品，就是特赞！{&debug&:false,&apiRoot&:&&,&paySDK&:&https:\u002F\u002Fpay.zhihu.com\u002Fapi\u002Fjs&,&wechatConfigAPI&:&\u002Fapi\u002Fwechat\u002Fjssdkconfig&,&name&:&production&,&instance&:&column&,&tokens&:{&X-XSRF-TOKEN&:null,&X-UDID&:null,&Authorization&:&oauth c3cef7c66aa9e6a1e3160e20&}}{&database&:{&Post&:{&&:{&isPending&:false,&contributes&:[{&sourceColumn&:{&lastUpdated&:,&description&:&【特赞】www.tezign.com 精选设计知识，内行外行都爱看，就是特赞！&,&permission&:&COLUMN_PUBLIC&,&memberId&:,&contributePermission&:&COLUMN_PUBLIC&,&translatedCommentPermission&:&all&,&canManage&:true,&intro&:&知识来源于 www.tezign.com ，特赞出品，就是特赞！&,&urlToken&:&tezign&,&id&:7123,&imagePath&:&bccefb0d5514.jpg&,&slug&:&tezign&,&applyReason&:&&,&name&:&读点儿设计&,&title&:&读点儿设计&,&url&:&https:\u002F\u002Fzhuanlan.zhihu.com\u002Ftezign&,&commentPermission&:&COLUMN_ALL_CAN_COMMENT&,&canPost&:true,&created&:,&state&:&COLUMN_NORMAL&,&followers&:20195,&avatar&:{&id&:&bccefb0d5514&,&template&:&https:\u002F\u002Fpic1.zhimg.com\u002F{id}_{size}.jpg&},&activateAuthorRequested&:false,&following&:false,&imageUrl&:&https:\u002F\u002Fpic1.zhimg.com\u002Fbccefb0d5514_l.jpg&,&articlesCount&:137},&state&:&accepted&,&targetPost&:{&titleImage&:&https:\u002F\u002Fpic1.zhimg.com\u002F78fb385f1ab9e2e134cdd_r.jpg&,&lastUpdated&:,&imagePath&:&78fb385f1ab9e2e134cdd.jpg&,&permission&:&ARTICLE_PUBLIC&,&topics&:[],&summary&:&感谢大家给这篇文章大力点赞！！但贵妃的专栏是其实一个关于设计的专栏，数据可视化也是设计的一部分哟& & 各位对设计感兴趣知友们也请多多关注贵妃专栏的其他文章哦╭( ′o o o′ )╭?\u003Ca href=\&http:\u002F\u002Fzhuanlan.zhihu.com\u002Ftezign\& class=\&\& data-editable=\&true\& data-title=\&读点儿设计 - 知乎专栏\&\u003E读点儿设计 - 知乎专栏\u003C\u002Fa\u003E------------------------------------…&,&copyPermission&:&ARTICLE_COPYABLE&,&translatedCommentPermission&:&all&,&likes&:0,&origAuthorId&:,&publishedTime&:&T18:58:33+08:00&,&sourceUrl&:&&,&urlToken&:,&id&:277907,&withContent&:false,&slug&:,&bigTitleImage&:false,&title&:&21款酷炫「数据可视化工具」，拿走不谢！&,&url&:&\u002Fp\u002F&,&commentPermission&:&ARTICLE_ALL_CAN_COMMENT&,&snapshotUrl&:&&,&created&:,&comments&:0,&columnId&:7123,&content&:&&,&parentId&:0,&state&:&ARTICLE_PUBLISHED&,&imageUrl&:&https:\u002F\u002Fpic1.zhimg.com\u002F78fb385f1ab9e2e134cdd_r.jpg&,&author&:{&bio&:&找设计师，找特赞：www.tezign.com &,&isFollowing&:false,&hash&:&250bdb754f38d8dcf2c68ba0ae449946&,&uid&:382800,&isOrg&:false,&slug&:&guifei&,&isFollowed&:false,&description&:&别说话，点我 www.tezign.com &,&name&:&贵妃奶黄包&,&profileUrl&:&https:\u002F\u002Fwww.zhihu.com\u002Fpeople\u002Fguifei&,&avatar&:{&id&:&1d01a88c5f13aa326b3869e3&,&template&:&https:\u002F\u002Fpic1.zhimg.com\u002F{id}_{size}.jpg&},&isOrgWhiteList&:false,&isBanned&:false},&memberId&:,&excerptTitle&:&&,&voteType&:&ARTICLE_VOTE_CLEAR&},&id&:291311}],&title&:&21款酷炫「数据可视化工具」，拿走不谢！&,&author&:&guifei&,&content&:&\u003Cp\u003E感谢大家给这篇文章大力点赞！！但贵妃的专栏是其实一个关于设计的专栏，数据可视化也是设计的一部分哟& & 各位对设计感兴趣知友们也请多多关注贵妃专栏的其他文章哦╭( ′o o o′ )╭?\u003Ca href=\&http:\u002F\u002Fzhuanlan.zhihu.com\u002Ftezign\& class=\&internal\&\u003E读点儿设计 - 知乎专栏\u003C\u002Fa\u003E\u003C\u002Fp\u003E\u003Cp\u003E-------------------------------------------------------------\u003C\u002Fp\u003E\u003Cp\u003E辛辛苦苦分析一堆大数据，竟然没人看！如果你正着手于从数据中洞察出有用信息，那你所需要的正是——数据可视化。俗话说，有图有真相，一图胜千言，取悦了眼球，剩下的都好说。\u003C\u002Fp\u003E\u003Cp\u003E贵妃周一巨献！！挖掘了21款炙手可热的数据可视化工具，干净利落的高颜值信息图，就要这样做！\u003C\u002Fp\u003E\u003Cul\u003E\u003Cli\u003EFushionCarts\u003C\u002Fli\u003E\u003C\u002Ful\u003E\u003Cfigure\u003E\u003Cnoscript\u003E\u003Cimg src=\&https:\u002F\u002Fpic2.zhimg.com\u002F3c8159afb3cc864edc858c5f3b680b78_b.jpg\& data-rawwidth=\&640\& data-rawheight=\&264\& class=\&origin_image zh-lightbox-thumb\& width=\&640\& data-original=\&https:\u002F\u002Fpic2.zhimg.com\u002F3c8159afb3cc864edc858c5f3b680b78_r.jpg\&\u003E\u003C\u002Fnoscript\u003E\u003Cimg src=\&data:image\u002Fsvg+utf8,&svg%20xmlns='http:\u002F\u002Fwww.w3.org\u002FFsvg'%20width='640'%20height='264'&&\u002Fsvg&\& data-rawwidth=\&640\& data-rawheight=\&264\& class=\&origin_image zh-lightbox-thumb lazy\& width=\&640\& data-original=\&https:\u002F\u002Fpic2.zhimg.com\u002F3c8159afb3cc864edc858c5f3b680b78_r.jpg\& data-actualsrc=\&https:\u002F\u002Fpic2.zhimg.com\u002F3c8159afb3cc864edc858c5f3b680b78_b.jpg\&\u003E\u003C\u002Ffigure\u003E\u003Cp\u003EFusionCharts Suite XT不仅可以为带给你漂亮的图表，还能帮你制作出生动的动画、巧妙的设计和丰富的交互性。它在PC端、Mac、iPad、iPhone和Android平台都可兼容，具有很好的用户体验一致性，同时也适用于所有的网页和移动应用，甚至包括IE6、7、8这些绝大部分插件都不支持的主儿。在这软件里，创建你的首幅图表也只需要15分钟。\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cp\u003EFusionCharts套件提供了超过90种图表和图示，从最基本款的到进阶版，例如漏斗图、热点地图、放缩线图和多轴图等。\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cp\u003E网址请戳
\u003Ca href=\&https:\u002F\u002Flink.zhihu.com\u002F?target=http%3A\u002F\u002Fwww.fusioncharts.com\& class=\& wrap external\& target=\&_blank\& rel=\&nofollow noreferrer\&\u003EJavaScript Charts, JavaScript Graphs for Web, Mobile & Apps\u003C\u002Fa\u003E\u003C\u002Fp\u003E\u003Cbr\u003E\u003Cbr\u003E\u003Cul\u003E\u003Cli\u003E\u003Cstrong\u003E\u003Cstrong\u003E\u003Cstrong\u003E
Dygraphs \u003C\u002Fstrong\u003E\u003C\u002Fstrong\u003E\u003Cbr\u003E\u003C\u002Fstrong\u003E\u003C\u002Fli\u003E\u003C\u002Ful\u003E\u003Cfigure\u003E\u003Cnoscript\u003E\u003Cimg src=\&https:\u002F\u002Fpic2.zhimg.com\u002F028bd14b8ec7072fbf52_b.jpg\& data-rawwidth=\&640\& data-rawheight=\&267\& class=\&origin_image zh-lightbox-thumb\& width=\&640\& data-original=\&https:\u002F\u002Fpic2.zhimg.com\u002F028bd14b8ec7072fbf52_r.jpg\&\u003E\u003C\u002Fnoscript\u003E\u003Cimg src=\&data:image\u002Fsvg+utf8,&svg%20xmlns='http:\u002F\u002Fwww.w3.org\u002FFsvg'%20width='640'%20height='267'&&\u002Fsvg&\& data-rawwidth=\&640\& data-rawheight=\&267\& class=\&origin_image zh-lightbox-thumb lazy\& width=\&640\& data-original=\&https:\u002F\u002Fpic2.zhimg.com\u002F028bd14b8ec7072fbf52_r.jpg\& data-actualsrc=\&https:\u002F\u002Fpic2.zhimg.com\u002F028bd14b8ec7072fbf52_b.jpg\&\u003E\u003C\u002Ffigure\u003EDygraphs是一款快捷、灵活的开源JavaScript图表库，用户可以自由探索和编译密集型数据集。它具有极强的交互性，比如缩放、平移和鼠标悬停等都是默认动作。更棒的是，它还对误差线有很强的支持。Dygraphs也是高度兼容的，所有的主流浏览器都可正常运行（包括不受待见的IE8）。你甚至可以在手机和平板设备上使用双指缩放！\u003Cbr\u003E\u003Cbr\u003E\u003Cp\u003E网址请戳 \u003Ca href=\&https:\u002F\u002Flink.zhihu.com\u002F?target=http%3A\u002F\u002Fdygraphs.com\u002Fdownload.html\& class=\& external\& target=\&_blank\& rel=\&nofollow noreferrer\&\u003E\u003Cspan class=\&invisible\&\u003Ehttp:\u002F\u002F\u003C\u002Fspan\u003E\u003Cspan class=\&visible\&\u003Edygraphs.com\u002Fdownload.h\u003C\u002Fspan\u003E\u003Cspan class=\&invisible\&\u003Etml\u003C\u002Fspan\u003E\u003Cspan class=\&ellipsis\&\u003E\u003C\u002Fspan\u003E\u003C\u002Fa\u003E\u003C\u002Fp\u003E\u003Cbr\u003E\u003Cul\u003E\u003Cli\u003E\u003Cstrong\u003E\u003Cstrong\u003E\u003Cstrong\u003E\u003Cstrong\u003E Datawrapper
\u003C\u002Fstrong\u003E\u003C\u002Fstrong\u003E\u003C\u002Fstrong\u003E\u003C\u002Fstrong\u003E\u003C\u002Fli\u003E\u003C\u002Ful\u003E\u003Cfigure\u003E\u003Cnoscript\u003E\u003Cimg src=\&https:\u002F\u002Fpic2.zhimg.com\u002F46f03aa4d64f1d3e5dbecc9_b.jpg\& data-rawwidth=\&640\& data-rawheight=\&214\& class=\&origin_image zh-lightbox-thumb\& width=\&640\& data-original=\&https:\u002F\u002Fpic2.zhimg.com\u002F46f03aa4d64f1d3e5dbecc9_r.jpg\&\u003E\u003C\u002Fnoscript\u003E\u003Cimg src=\&data:image\u002Fsvg+utf8,&svg%20xmlns='http:\u002F\u002Fwww.w3.org\u002FFsvg'%20width='640'%20height='214'&&\u002Fsvg&\& data-rawwidth=\&640\& data-rawheight=\&214\& class=\&origin_image zh-lightbox-thumb lazy\& width=\&640\& data-original=\&https:\u002F\u002Fpic2.zhimg.com\u002F46f03aa4d64f1d3e5dbecc9_r.jpg\& data-actualsrc=\&https:\u002F\u002Fpic2.zhimg.com\u002F46f03aa4d64f1d3e5dbecc9_b.jpg\&\u003E\u003C\u002Ffigure\u003E\u003Cp\u003EDatawrapper让你只需4步就可以创建出图表和地图。这款工具帮你将数据可视化的时间从几小时减少到了几分钟。它的操作非常简单，你只需上传数据，选择一个图表或地图，然后点击发布就可以了。Datawrapper是为你的需求定制化而存在的，版式和视觉效果都可以按照你的样式规范而调整。\u003C\u002Fp\u003E\u003Cbr\u003E网址请戳 \u003Ca href=\&https:\u002F\u002Flink.zhihu.com\u002F?target=https%3A\u002F\u002Fdatawrapper.de\& class=\& wrap external\& target=\&_blank\& rel=\&nofollow noreferrer\&\u003EDatawrapper\u003C\u002Fa\u003E\u003Cbr\u003E\u003Cul\u003E\u003Cli\u003E\u003Cstrong\u003E\u003Cstrong\u003E Leaflet \u003C\u002Fstrong\u003E\u003C\u002Fstrong\u003E\u003Cbr\u003E\u003C\u002Fli\u003E\u003C\u002Ful\u003E\u003Cfigure\u003E\u003Cnoscript\u003E\u003Cimg src=\&https:\u002F\u002Fpic1.zhimg.com\u002Fc258df3a8eddd7065afd95e349ea146c_b.jpg\& data-rawwidth=\&640\& data-rawheight=\&280\& class=\&origin_image zh-lightbox-thumb\& width=\&640\& data-original=\&https:\u002F\u002Fpic1.zhimg.com\u002Fc258df3a8eddd7065afd95e349ea146c_r.jpg\&\u003E\u003C\u002Fnoscript\u003E\u003Cimg src=\&data:image\u002Fsvg+utf8,&svg%20xmlns='http:\u002F\u002Fwww.w3.org\u002FFsvg'%20width='640'%20height='280'&&\u002Fsvg&\& data-rawwidth=\&640\& data-rawheight=\&280\& class=\&origin_image zh-lightbox-thumb lazy\& width=\&640\& data-original=\&https:\u002F\u002Fpic1.zhimg.com\u002Fc258df3a8eddd7065afd95e349ea146c_r.jpg\& data-actualsrc=\&https:\u002F\u002Fpic1.zhimg.com\u002Fc258df3a8eddd7065afd95e349ea146c_b.jpg\&\u003E\u003C\u002Ffigure\u003E\u003Cp\u003ELeaflet是为移动端友好型交互地图所做的开源JavaScript库，其中包含了大部分在线地图开发人员都需要的所有特征。Leaflet被设计为简单易用、性能优良的工具。归功于HTML5和CSS3，它得以支持所有主流电脑和移动平台。如果你还想扩展这个app，有大量可供选择的插件能安装。\u003C\u002Fp\u003E\u003Cbr\u003E网址请戳 \u003Ca href=\&https:\u002F\u002Flink.zhihu.com\u002F?target=http%3A\u002F\u002Fleafletjs.com\u002Fdownload.html\& class=\& wrap external\& target=\&_blank\& rel=\&nofollow noreferrer\&\u003EDownload - Leaflet\u003C\u002Fa\u003E\u003Cbr\u003E\u003Cul\u003E\u003Cli\u003E\u003Cstrong\u003E\u003Cstrong\u003E
Tableau Public \u003C\u002Fstrong\u003E\u003C\u002Fstrong\u003E\u003C\u002Fli\u003E\u003C\u002Ful\u003E\u003Cfigure\u003E\u003Cnoscript\u003E\u003Cimg src=\&https:\u002F\u002Fpic3.zhimg.com\u002Fb67c8cfd29fc5ca05372b9_b.jpg\& data-rawwidth=\&640\& data-rawheight=\&282\& class=\&origin_image zh-lightbox-thumb\& width=\&640\& data-original=\&https:\u002F\u002Fpic3.zhimg.com\u002Fb67c8cfd29fc5ca05372b9_r.jpg\&\u003E\u003C\u002Fnoscript\u003E\u003Cimg src=\&data:image\u002Fsvg+utf8,&svg%20xmlns='http:\u002F\u002Fwww.w3.org\u002FFsvg'%20width='640'%20height='282'&&\u002Fsvg&\& data-rawwidth=\&640\& data-rawheight=\&282\& class=\&origin_image zh-lightbox-thumb lazy\& width=\&640\& data-original=\&https:\u002F\u002Fpic3.zhimg.com\u002Fb67c8cfd29fc5ca05372b9_r.jpg\& data-actualsrc=\&https:\u002F\u002Fpic3.zhimg.com\u002Fb67c8cfd29fc5ca05372b9_b.jpg\&\u003E\u003C\u002Ffigure\u003E\u003Cp\u003E这是一款操作简便的app，它可以轻松帮你创建令人眼前一亮的可视化作品。只需打开数据，用Tableau桌面版来进一步探索。然后，把可视化内容存储在你1GB Tableau Public在线文件空间，最后，将他们放进网站或Blog，通过社交媒体把你的作品分享给全世界吧！\u003C\u002Fp\u003E\u003Cbr\u003E网址请戳 \u003Ca href=\&https:\u002F\u002Flink.zhihu.com\u002F?target=https%3A\u002F\u002Fpublic.tableau.com\u002Fs\u002Fdownload\& class=\& wrap external\& target=\&_blank\& rel=\&nofollow noreferrer\&\u003EDownload Now\u003C\u002Fa\u003E\u003Cbr\u003E\u003Cul\u003E\u003Cli\u003E\u003Cstrong\u003E\u003Cstrong\u003E
PiktoChart \u003C\u002Fstrong\u003E\u003C\u002Fstrong\u003E\u003C\u002Fli\u003E\u003C\u002Ful\u003E\u003Cfigure\u003E\u003Cnoscript\u003E\u003Cimg src=\&https:\u002F\u002Fpic3.zhimg.com\u002Fe75d6cc8c5_b.jpg\& data-rawwidth=\&640\& data-rawheight=\&288\& class=\&origin_image zh-lightbox-thumb\& width=\&640\& data-original=\&https:\u002F\u002Fpic3.zhimg.com\u002Fe75d6cc8c5_r.jpg\&\u003E\u003C\u002Fnoscript\u003E\u003Cimg src=\&data:image\u002Fsvg+utf8,&svg%20xmlns='http:\u002F\u002Fwww.w3.org\u002FFsvg'%20width='640'%20height='288'&&\u002Fsvg&\& data-rawwidth=\&640\& data-rawheight=\&288\& class=\&origin_image zh-lightbox-thumb lazy\& width=\&640\& data-original=\&https:\u002F\u002Fpic3.zhimg.com\u002Fe75d6cc8c5_r.jpg\& data-actualsrc=\&https:\u002F\u002Fpic3.zhimg.com\u002Fe75d6cc8c5_b.jpg\&\u003E\u003C\u002Ffigure\u003E\u003Cp\u003E这是一款很赞的app，你可以用它创作出漂亮、清晰、透明的信息图表。PiktoChart提供了单击编辑器，有着超过400种模板、图标、图表，一个极大的图片素材库和无限制的自定义服务，保证了你的信息图表是独一无二的。一切只需要三步：在图库里预览主题然后选择一个；在图库中超过1000张图像之间选择你要的素材或是自己上传；最后，分享这幅信息图表给全世界看吧。\u003C\u002Fp\u003E\u003Cp\u003E网址请戳 \u003Ca href=\&https:\u002F\u002Flink.zhihu.com\u002F?target=http%3A\u002F\u002Fpiktochart.com\& class=\& wrap external\& target=\&_blank\& rel=\&nofollow noreferrer\&\u003ECreate Easy Infographics, Reports, Presentations\u003C\u002Fa\u003E\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cbr\u003E\u003Cul\u003E\u003Cli\u003E\u003Cstrong\u003E\u003Cstrong\u003E\u003Cstrong\u003E\u003Cstrong\u003E Google Charts \u003C\u002Fstrong\u003E\u003C\u002Fstrong\u003E\u003C\u002Fstrong\u003E\u003C\u002Fstrong\u003E\u003C\u002Fli\u003E\u003C\u002Ful\u003E\u003Cfigure\u003E\u003Cnoscript\u003E\u003Cimg src=\&https:\u002F\u002Fpic4.zhimg.com\u002F81b2b1cb3b0e61b0a92dac5_b.jpg\& data-rawwidth=\&640\& data-rawheight=\&263\& class=\&origin_image zh-lightbox-thumb\& width=\&640\& data-original=\&https:\u002F\u002Fpic4.zhimg.com\u002F81b2b1cb3b0e61b0a92dac5_r.jpg\&\u003E\u003C\u002Fnoscript\u003E\u003Cimg src=\&data:image\u002Fsvg+utf8,&svg%20xmlns='http:\u002F\u002Fwww.w3.org\u002FFsvg'%20width='640'%20height='263'&&\u002Fsvg&\& data-rawwidth=\&640\& data-rawheight=\&263\& class=\&origin_image zh-lightbox-thumb lazy\& width=\&640\& data-original=\&https:\u002F\u002Fpic4.zhimg.com\u002F81b2b1cb3b0e61b0a92dac5_r.jpg\& data-actualsrc=\&https:\u002F\u002Fpic4.zhimg.com\u002F81b2b1cb3b0e61b0a92dac5_b.jpg\&\u003E\u003C\u002Ffigure\u003E\u003Cp\u003EGoogle Charts为你的网站提供完美的数据可视化处理。从简单的折线图到复杂的分级树形图，他的图表库里提供了海量的模版可供选择。Google Charts如同JavaScript的类（classes）一样是开放的，你可以按需定制，但通常默认样式就能满足你的所有需求。所有的图表样式都是使用数据库表类（DataTable class）来填充数据的，这意味着你可以在挑选完美表现效果的时候轻松转换表格类型。\u003C\u002Fp\u003E\u003Cbr\u003E网址请戳 \u003Ca href=\&https:\u002F\u002Flink.zhihu.com\u002F?target=https%3A\u002F\u002Fdevelopers.google.com\u002Fchart\u002F%3Fhl%3Den\& class=\& external\& target=\&_blank\& rel=\&nofollow noreferrer\&\u003E\u003Cspan class=\&invisible\&\u003Ehttps:\u002F\u002F\u003C\u002Fspan\u003E\u003Cspan class=\&visible\&\u003Edevelopers.google.com\u002Fc\u003C\u002Fspan\u003E\u003Cspan class=\&invisible\&\u003Ehart\u002F?hl=en\u003C\u002Fspan\u003E\u003Cspan class=\&ellipsis\&\u003E\u003C\u002Fspan\u003E\u003C\u002Fa\u003E\u003Cbr\u003E\u003Cul\u003E\u003Cli\u003E\u003Cstrong\u003E\u003Cstrong\u003E
Raw \u003Cfigure\u003E\u003Cnoscript\u003E\u003Cimg src=\&https:\u002F\u002Fpic2.zhimg.com\u002Fe2afc9c98_b.jpg\& data-rawwidth=\&640\& data-rawheight=\&395\& class=\&origin_image zh-lightbox-thumb\& width=\&640\& data-original=\&https:\u002F\u002Fpic2.zhimg.com\u002Fe2afc9c98_r.jpg\&\u003E\u003C\u002Fnoscript\u003E\u003Cimg src=\&data:image\u002Fsvg+utf8,&svg%20xmlns='http:\u002F\u002Fwww.w3.org\u002FFsvg'%20width='640'%20height='395'&&\u002Fsvg&\& data-rawwidth=\&640\& data-rawheight=\&395\& class=\&origin_image zh-lightbox-thumb lazy\& width=\&640\& data-original=\&https:\u002F\u002Fpic2.zhimg.com\u002Fe2afc9c98_r.jpg\& data-actualsrc=\&https:\u002F\u002Fpic2.zhimg.com\u002Fe2afc9c98_b.jpg\&\u003E\u003C\u002Ffigure\u003E\u003C\u002Fstrong\u003E\u003C\u002Fstrong\u003E\u003C\u002Fli\u003E\u003C\u002Ful\u003E\u003Cbr\u003E\u003Cp\u003ERaw是一款开放的Web app，可以按需创作矢量图形可视化作品。它是使用LGPL许可（GNU Lesser General Public License －GNU宽通用公共许可证的缩写，许多自由软件(Free Software)使用GPL作为其授权声明，译注）的定制项目，允许随意下载并修改。但是Raw只是Web app，你所上传的数据只能用网页浏览器处理，因此没有实质性服务器端数据交互。你可将可视化作品导出为矢量图形（SVG）格式或者栅格化为（PNG）格式。\u003C\u002Fp\u003E\u003Cp\u003E网址请戳 \u003Ca href=\&https:\u002F\u002Flink.zhihu.com\u002F?target=http%3A\u002F\u002Fraw.densitydesign.org\& class=\& wrap external\& target=\&_blank\& rel=\&nofollow noreferrer\&\u003ERaw\u003C\u002Fa\u003E\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cbr\u003E\u003Cul\u003E\u003Cli\u003E\u003Cstrong\u003E\u003Cstrong\u003E iCharts \u003Cfigure\u003E\u003Cnoscript\u003E\u003Cimg src=\&https:\u002F\u002Fpic3.zhimg.com\u002F728c32ccb45f_b.jpg\& data-rawwidth=\&640\& data-rawheight=\&257\& class=\&origin_image zh-lightbox-thumb\& width=\&640\& data-original=\&https:\u002F\u002Fpic3.zhimg.com\u002F728c32ccb45f_r.jpg\&\u003E\u003C\u002Fnoscript\u003E\u003Cimg src=\&data:image\u002Fsvg+utf8,&svg%20xmlns='http:\u002F\u002Fwww.w3.org\u002FFsvg'%20width='640'%20height='257'&&\u002Fsvg&\& data-rawwidth=\&640\& data-rawheight=\&257\& class=\&origin_image zh-lightbox-thumb lazy\& width=\&640\& data-original=\&https:\u002F\u002Fpic3.zhimg.com\u002F728c32ccb45f_r.jpg\& data-actualsrc=\&https:\u002F\u002Fpic3.zhimg.com\u002F728c32ccb45f_b.jpg\&\u003E\u003C\u002Ffigure\u003E\u003C\u002Fstrong\u003E\u003C\u002Fstrong\u003E\u003C\u002Fli\u003E\u003C\u002Ful\u003E\u003Cbr\u003E\u003Cp\u003EiCharts是基于云端的趋势预测视觉分析平台，它可以快速地将复杂的商业信息、大规模调查数据和动态数据研究的结果可视化。它非常的快速简便，但却可以根据实时数据创造出富有冲击力的视觉智能图像，并且可以为你带来全方位信息聚合和信息对比。\u003C\u002Fp\u003E\u003Cp\u003E网址请戳 \u003Ca href=\&https:\u002F\u002Flink.zhihu.com\u002F?target=http%3A\u002F\u002Fwww.icharts.in\& class=\& wrap external\& target=\&_blank\& rel=\&nofollow noreferrer\&\u003EiCharts - NSE, BSE, MCX Realtime Charts\u003C\u002Fa\u003E\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cbr\u003E\u003Cul\u003E\u003Cli\u003E\u003Cstrong\u003E\u003Cstrong\u003E\u003Cstrong\u003E\u003Cstrong\u003E Gliffy \u003Cfigure\u003E\u003Cnoscript\u003E\u003Cimg src=\&https:\u002F\u002Fpic1.zhimg.com\u002Fa5d617fca556dae4abbc01_b.jpg\& data-rawwidth=\&640\& data-rawheight=\&330\& class=\&origin_image zh-lightbox-thumb\& width=\&640\& data-original=\&https:\u002F\u002Fpic1.zhimg.com\u002Fa5d617fca556dae4abbc01_r.jpg\&\u003E\u003C\u002Fnoscript\u003E\u003Cimg src=\&data:image\u002Fsvg+utf8,&svg%20xmlns='http:\u002F\u002Fwww.w3.org\u002FFsvg'%20width='640'%20height='330'&&\u002Fsvg&\& data-rawwidth=\&640\& data-rawheight=\&330\& class=\&origin_image zh-lightbox-thumb lazy\& width=\&640\& data-original=\&https:\u002F\u002Fpic1.zhimg.com\u002Fa5d617fca556dae4abbc01_r.jpg\& data-actualsrc=\&https:\u002F\u002Fpic1.zhimg.com\u002Fa5d617fca556dae4abbc01_b.jpg\&\u003E\u003C\u002Ffigure\u003E\u003C\u002Fstrong\u003E\u003C\u002Fstrong\u003E\u003C\u002Fstrong\u003E\u003C\u002Fstrong\u003E\u003C\u002Fli\u003E\u003C\u002Ful\u003E\u003Cp\u003EGliffy可以帮助你制作专业级流程图、组织图、UML分析图（Unified Modeling Language，统一建模语言，译注）、线框图、技术制图等等，而且它兼容所有的浏览器。Gliffy使用HTML5编辑器，速度是Flash的两倍。它提供一个可读的URL地址展示你的分析图，也可以将成果分享到社交媒体上。你只需从海量库里把你想要的图形拖拖拽拽，然后单击选择需要的格式，通过简单的重选就能定制你的图表。\u003C\u002Fp\u003E\u003Cbr\u003E网址请戳 \u003Ca href=\&https:\u002F\u002Flink.zhihu.com\u002F?target=https%3A\u002F\u002Fwww.gliffy.com\& class=\& wrap external\& target=\&_blank\& rel=\&nofollow noreferrer\&\u003EOnline Diagram Software and Flow Chart Software\u003C\u002Fa\u003E\u003Cbr\u003E\u003Cul\u003E\u003Cli\u003E\u003Cstrong\u003E\u003Cstrong\u003E Canva \u003Cfigure\u003E\u003Cnoscript\u003E\u003Cimg src=\&https:\u002F\u002Fpic3.zhimg.com\u002F8a7ae9a91d956dbb8b1a0b2d7ef9c687_b.jpg\& data-rawwidth=\&640\& data-rawheight=\&209\& class=\&origin_image zh-lightbox-thumb\& width=\&640\& data-original=\&https:\u002F\u002Fpic3.zhimg.com\u002F8a7ae9a91d956dbb8b1a0b2d7ef9c687_r.jpg\&\u003E\u003C\u002Fnoscript\u003E\u003Cimg src=\&data:image\u002Fsvg+utf8,&svg%20xmlns='http:\u002F\u002Fwww.w3.org\u002FFsvg'%20width='640'%20height='209'&&\u002Fsvg&\& data-rawwidth=\&640\& data-rawheight=\&209\& class=\&origin_image zh-lightbox-thumb lazy\& width=\&640\& data-original=\&https:\u002F\u002Fpic3.zhimg.com\u002F8a7ae9a91d956dbb8b1a0b2d7ef9c687_r.jpg\& data-actualsrc=\&https:\u002F\u002Fpic3.zhimg.com\u002F8a7ae9a91d956dbb8b1a0b2d7ef9c687_b.jpg\&\u003E\u003C\u002Ffigure\u003E\u003C\u002Fstrong\u003E\u003C\u002Fstrong\u003E\u003C\u002Fli\u003E\u003C\u002Ful\u003E\u003Cbr\u003E\u003Cp\u003ECanva让每个人都能简单做设计，它提供你所需要的一切来帮助你把想法转变成杰出的设计。你可以从一个定制版面或一个空白页面开始。你所需的工具都在一个地方，简明的界面才不会限制你发挥创造力。只需通过搜索并拖拽，就能创造出漂亮的设计，那些无聊的编程就让Canva来处理吧。Canva可以在线免费使用。\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cbr\u003E网址请戳 \u003Ca href=\&https:\u002F\u002Flink.zhihu.com\u002F?target=http%3A\u002F\u002Fwww.canva.com\& class=\& wrap external\& target=\&_blank\& rel=\&nofollow noreferrer\&\u003EAmazingly simple graphic design\u003C\u002Fa\u003E\u003Cbr\u003E\u003Cul\u003E\u003Cli\u003E\u003Cstrong\u003E\u003Cstrong\u003E HighCharts \u003C\u002Fstrong\u003E\u003C\u002Fstrong\u003E\u003C\u002Fli\u003E\u003C\u002Ful\u003E\u003Cfigure\u003E\u003Cnoscript\u003E\u003Cimg src=\&https:\u002F\u002Fpic4.zhimg.com\u002F00d7f89d42e45db79129e_b.jpg\& data-rawwidth=\&640\& data-rawheight=\&302\& class=\&origin_image zh-lightbox-thumb\& width=\&640\& data-original=\&https:\u002F\u002Fpic4.zhimg.com\u002F00d7f89d42e45db79129e_r.jpg\&\u003E\u003C\u002Fnoscript\u003E\u003Cimg src=\&data:image\u002Fsvg+utf8,&svg%20xmlns='http:\u002F\u002Fwww.w3.org\u002FFsvg'%20width='640'%20height='302'&&\u002Fsvg&\& data-rawwidth=\&640\& data-rawheight=\&302\& class=\&origin_image zh-lightbox-thumb lazy\& width=\&640\& data-original=\&https:\u002F\u002Fpic4.zhimg.com\u002F00d7f89d42e45db79129e_r.jpg\& data-actualsrc=\&https:\u002F\u002Fpic4.zhimg.com\u002F00d7f89d42e45db79129e_b.jpg\&\u003E\u003C\u002Ffigure\u003E\u003Cp\u003E通过HighCharts你可以为网站项目制作交互式图表。它的用户非常广泛（全世界最大的100家公司里面有61家以及成千上万的开发人员都在使用）。如果是为个人网站或非盈利组织使用这个软件，它将是免费的。HighCharts是建立在HTML5上的，在现代的浏览器包括移动、平板设备上运行，也支持过时的IE浏览器（IE6之后的都可以）。它同时也是动态的，你可以自由添加、移除、修改数据列（Series）和关键点（Points）。这款app支持多种类型的图表：折现图、样条曲线、面积图、曲线面积图、柱状图、条状图、饼状图和散点图等等。\u003C\u002Fp\u003E\u003Cbr\u003E网址请戳 \u003Ca href=\&https:\u002F\u002Flink.zhihu.com\u002F?target=http%3A\u002F\u002Fwww.hcharts.cn\& class=\& wrap external\& target=\&_blank\& rel=\&nofollow noreferrer\&\u003EHighcharts中文网\u003C\u002Fa\u003E\u003Cbr\u003E\u003Cul\u003E\u003Cli\u003E\u003Cstrong\u003E\u003Cstrong\u003E
ZingChart \u003Cfigure\u003E\u003Cnoscript\u003E\u003Cimg src=\&https:\u002F\u002Fpic2.zhimg.com\u002Fa88b573aeefccf02ff5a77_b.jpg\& data-rawwidth=\&640\& data-rawheight=\&292\& class=\&origin_image zh-lightbox-thumb\& width=\&640\& data-original=\&https:\u002F\u002Fpic2.zhimg.com\u002Fa88b573aeefccf02ff5a77_r.jpg\&\u003E\u003C\u002Fnoscript\u003E\u003Cimg src=\&data:image\u002Fsvg+utf8,&svg%20xmlns='http:\u002F\u002Fwww.w3.org\u002FFsvg'%20width='640'%20height='292'&&\u002Fsvg&\& data-rawwidth=\&640\& data-rawheight=\&292\& class=\&origin_image zh-lightbox-thumb lazy\& width=\&640\& data-original=\&https:\u002F\u002Fpic2.zhimg.com\u002Fa88b573aeefccf02ff5a77_r.jpg\& data-actualsrc=\&https:\u002F\u002Fpic2.zhimg.com\u002Fa88b573aeefccf02ff5a77_b.jpg\&\u003E\u003C\u002Ffigure\u003E\u003C\u002Fstrong\u003E\u003C\u002Fstrong\u003E\u003C\u002Fli\u003E\u003C\u002Ful\u003E\u003Cbr\u003E\u003Cp\u003EZingChart是一个强大的库，为用户提供了快速创造漂亮的图表、操作面板和信息图表的可能性。你可以在上百种图表类型中自由选择，你的设计和个性化要求不会受到任何限制。你也可以使你的用户通过交互式图表特性参与到你的作品之中。\u003C\u002Fp\u003E\u003Cbr\u003E网址请戳 \u003Ca href=\&https:\u002F\u002Flink.zhihu.com\u002F?target=http%3A\u002F\u002Fwww.zingchart.com\& class=\& wrap external\& target=\&_blank\& rel=\&nofollow noreferrer\&\u003EJavaScript Charts For Interactive Big Data\u003C\u002Fa\u003E\u003Cbr\u003E\u003Cul\u003E\u003Cli\u003E\u003Cstrong\u003E\u003Cstrong\u003E
D3.js \u003Cfigure\u003E\u003Cnoscript\u003E\u003Cimg src=\&https:\u002F\u002Fpic1.zhimg.com\u002F8cf52f5e75cc3a7b5e6f57_b.jpg\& data-rawwidth=\&640\& data-rawheight=\&281\& class=\&origin_image zh-lightbox-thumb\& width=\&640\& data-original=\&https:\u002F\u002Fpic1.zhimg.com\u002F8cf52f5e75cc3a7b5e6f57_r.jpg\&\u003E\u003C\u002Fnoscript\u003E\u003Cimg src=\&data:image\u002Fsvg+utf8,&svg%20xmlns='http:\u002F\u002Fwww.w3.org\u002FFsvg'%20width='640'%20height='281'&&\u002Fsvg&\& data-rawwidth=\&640\& data-rawheight=\&281\& class=\&origin_image zh-lightbox-thumb lazy\& width=\&640\& data-original=\&https:\u002F\u002Fpic1.zhimg.com\u002F8cf52f5e75cc3a7b5e6f57_r.jpg\& data-actualsrc=\&https:\u002F\u002Fpic1.zhimg.com\u002F8cf52f5e75cc3a7b5e6f57_b.jpg\&\u003E\u003C\u002Ffigure\u003E\u003C\u002Fstrong\u003E\u003C\u002Fstrong\u003E\u003C\u002Fli\u003E\u003C\u002Ful\u003E\u003Cp\u003ED3.js是数据驱动文件（Data-Driven Documents）的缩写，他通过使用HTML\\CSS和SVG来渲染精彩的图表和分析图。D3对网页标准的强调足以满足在所有主流浏览器上使用的可能性，使你免于被其他类型架构所捆绑的苦恼，它可以将视觉效果很棒的组件和数据驱动方法结合在一起。\u003C\u002Fp\u003E\u003Cbr\u003E网址请戳 \u003Ca href=\&https:\u002F\u002Flink.zhihu.com\u002F?target=http%3A\u002F\u002Fd3js.org\& class=\& wrap external\& target=\&_blank\& rel=\&nofollow noreferrer\&\u003ED3.js - Data-Driven Documents\u003C\u002Fa\u003E\u003Cbr\u003E\u003Cul\u003E\u003Cli\u003E\u003Cstrong\u003E\u003Cstrong\u003E Timeline.js
\u003C\u002Fstrong\u003E\u003C\u002Fstrong\u003E\u003Cbr\u003E\u003C\u002Fli\u003E\u003C\u002Ful\u003E\u003Cp\u003ETimeline.js会让你爱上制作漂亮的时间轴，因为它的操作非常简单直观。这是一款支持40种语言的开源工具，通过它你可以建立自己的可视化互动时间轴，还可从各种途径置入到媒体中，目前已支持Twitter、Flickr、Google Maps、YouTube、Vimeo、Vine、Dailymotion、Wikipedia、SoundCloud等等。如果想看到由这款app创建的时间轴案例，请移步\u003Ca href=\&https:\u002F\u002Flink.zhihu.com\u002F?target=http%3A\u002F\u002Ftimeline.knightlab.com\u002F\& class=\& wrap external\& target=\&_blank\& rel=\&nofollow noreferrer\&\u003ETimeline JS3\u003C\u002Fa\u003E 查看。\u003C\u002Fp\u003E\u003Cbr\u003E网址请戳 \u003Ca href=\&https:\u002F\u002Flink.zhihu.com\u002F?target=http%3A\u002F\u002Ftimeline.knightlab.com\u002F\& class=\& wrap external\& target=\&_blank\& rel=\&nofollow noreferrer\&\u003ETimeline JS3\u003C\u002Fa\u003E\u003Cbr\u003E\u003Cul\u003E\u003Cli\u003E\u003Cstrong\u003E\u003Cstrong\u003E
InstantAtlas \u003C\u002Fstrong\u003E\u003C\u002Fstrong\u003E\u003Cbr\u003E\u003C\u002Fli\u003E\u003C\u002Ful\u003E\u003Cp\u003EInstantAtlas让信息分析师和研究者得以创建交互式动态分配图报告，并结合统计数据和地图数据来优化数据可视化效果。如果你正在寻找一个可以制图的数据映射工具，那么恭喜你，就是它了。\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cbr\u003E网址请戳 \u003Ca href=\&https:\u002F\u002Flink.zhihu.com\u002F?target=http%3A\u002F\u002Fwww.instantatlas.com\& class=\& wrap external\& target=\&_blank\& rel=\&nofollow noreferrer\&\u003EInformation visualization software & solutions from InstantAtlas\u003C\u002Fa\u003E\u003Cbr\u003E\u003Cul\u003E\u003Cli\u003E\u003Cstrong\u003E\u003Cstrong\u003E
WolframAlpha \u003C\u002Fstrong\u003E\u003C\u002Fstrong\u003E\u003Cbr\u003E\u003C\u002Fli\u003E\u003C\u002Ful\u003E\u003Cbr\u003E\u003Cp\u003EWolframAlpha把自己称作计算型知识引擎、谷歌在分析领域的劲敌。它最棒的一点是在显示图表时可以不需要任何配置就响应数据请求。如果你用的是公开的数据，那么你只需一个简单的小部件生成器就能在你的网页上轻松加入可视化数据。\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cp\u003E网址请戳 \u003Ca href=\&https:\u002F\u002Flink.zhihu.com\u002F?target=http%3A\u002F\u002Fwww.wolframalpha.com\& class=\& wrap external\& target=\&_blank\& rel=\&nofollow noreferrer\&\u003EWolfram|Alpha: Computational Knowledge Engine\u003C\u002Fa\u003E\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cbr\u003E\u003Cul\u003E\u003Cli\u003E\u003Cstrong\u003E\u003Cstrong\u003E\u003Cstrong\u003E\u003Cstrong\u003E
\u003Ca href=\&https:\u002F\u002Flink.zhihu.com\u002F?target=http%3A\u002F\u002FVisual.ly\& class=\& external\& target=\&_blank\& rel=\&nofollow noreferrer\&\u003E\u003Cspan class=\&invisible\&\u003Ehttp:\u002F\u002F\u003C\u002Fspan\u003E\u003Cspan class=\&visible\&\u003EVisual.ly\u003C\u002Fspan\u003E\u003Cspan class=\&invisible\&\u003E\u003C\u002Fspan\u003E\u003C\u002Fa\u003E \u003C\u002Fstrong\u003E\u003C\u002Fstrong\u003E\u003Cbr\u003E\u003C\u002Fstrong\u003E\u003C\u002Fstrong\u003E\u003C\u002Fli\u003E\u003C\u002Ful\u003E\u003Cbr\u003E\u003Cp\u003E\u003Ca href=\&https:\u002F\u002Flink.zhihu.com\u002F?target=http%3A\u002F\u002FVisual.ly\& class=\& external\& target=\&_blank\& rel=\&nofollow noreferrer\&\u003E\u003Cspan class=\&invisible\&\u003Ehttp:\u002F\u002F\u003C\u002Fspan\u003E\u003Cspan class=\&visible\&\u003EVisual.ly\u003C\u002Fspan\u003E\u003Cspan class=\&invisible\&\u003E\u003C\u002Fspan\u003E\u003C\u002Fa\u003E是一个综合图库和信息图表生成器。它的工具很简单，却可创造出亮眼的数据展示作品。另外，你还可以在它的平台上分享你的图像。他能在内容上比一般的视觉分析工具表达更深入。\u003C\u002Fp\u003E\u003Cp\u003E网址请戳 \u003Ca href=\&https:\u002F\u002Flink.zhihu.com\u002F?target=http%3A\u002F\u002Fvisual.ly\& class=\& wrap external\& target=\&_blank\& rel=\&nofollow noreferrer\&\u003EVisually | Premium Content Creation for Better Marketing\u003C\u002Fa\u003E\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cbr\u003E\u003Cul\u003E\u003Cli\u003E\u003Cstrong\u003E\u003Cstrong\u003E\u003Cstrong\u003E\u003Cstrong\u003E Dipity \u003C\u002Fstrong\u003E\u003C\u002Fstrong\u003E\u003Cbr\u003E\u003C\u002Fstrong\u003E\u003C\u002Fstrong\u003E\u003C\u002Fli\u003E\u003C\u002Ful\u003E\u003Cbr\u003E\u003Cp\u003EDipity也是一款做时间轴的工具，用于管理网站上的时间和日期相关内容非常有效。用户可以创造并分享他们精彩的交互式时间轴，内容形式多种多样，包括音频、视频和图像甚至社交媒体频道。它对纸媒从业者、记者和博主来说简直必不可少。\u003C\u002Fp\u003E\u003Cp\u003E网址请戳 \u003Ca href=\&https:\u002F\u002Flink.zhihu.com\u002F?target=http%3A\u002F\u002Fwww.dipity.com\& class=\& external\& target=\&_blank\& rel=\&nofollow noreferrer\&\u003E\u003Cspan class=\&invisible\&\u003Ehttp:\u002F\u002Fwww.\u003C\u002Fspan\u003E\u003Cspan class=\&visible\&\u003Edipity.com\u003C\u002Fspan\u003E\u003Cspan class=\&invisible\&\u003E\u003C\u002Fspan\u003E\u003C\u002Fa\u003E\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cbr\u003E\u003Cul\u003E\u003Cli\u003E\u003Cstrong\u003E\u003Cstrong\u003E\u003Cstrong\u003E\u003Cstrong\u003E
Polymaps \u003C\u002Fstrong\u003E\u003C\u002Fstrong\u003E\u003Cbr\u003E\u003C\u002Fstrong\u003E\u003C\u002Fstrong\u003E\u003C\u002Fli\u003E\u003C\u002Ful\u003E\u003Cp\u003E如果你在找一款可同时使用位图和SVG矢量地图的JavaScript库，那么Polymaps正是你需要的。它为地图提供的多级缩放数据集方面表现非常迅速，并且可支持矢量数据的多种视觉表现形式。更棒的是，Polymaps可以在很大的尺度范围上加载数据。它使用的是球形墨卡托投影的tile格式，因此快到弹指间便可发布信息。\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cbr\u003E网址请戳 \u003Ca href=\&https:\u002F\u002Flink.zhihu.com\u002F?target=http%3A\u002F\u002Fpolymaps.org\& class=\& wrap external\& target=\&_blank\& rel=\&nofollow noreferrer\&\u003EPolymaps\u003C\u002Fa\u003E\u003Cbr\u003E\u003Cul\u003E\u003Cli\u003E\u003Cstrong\u003E\u003Cstrong\u003E Excel \u003C\u002Fstrong\u003E\u003C\u002Fstrong\u003E\u003Cbr\u003E\u003C\u002Fli\u003E\u003C\u002Ful\u003E\u003Cp\u003EExcel现在作为微软商用Office套件里的组成部分，它提供了一些漂亮而复杂的东西，从单元热度图到散点坐标图都有。虽然只是一款入门级工具，但这对于想要探索数据的初学者来说倒不失为一个快速上手的好东西。你绝对应该将其放入工具箱。不过，如果你没办法得到Office套件，还可以试试Google Docs——它们也能干一样的事（作者绝对是微软高级黑）。\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cbr\u003E\u003Cbr\u003E\u003Cbr\u003E\u003Cp\u003E拿走，不谢！用得顺手别忘了回来留言告诉我们你的最爱哦。\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cbr\u003E\u003Cbr\u003E\u003Cbr\u003E\u003Cp\u003E文 | Piotr Ku?niewicz\u003C\u002Fp\u003E\u003Cp\u003E译 | 高雨滴\u003C\u002Fp\u003E\u003Cp\u003E校 | 郭瑽\u003C\u002Fp\u003E\u003Cbr\u003E\u003Cbr\u003E\u003Cp\u003E---------------------------------------------------------------------------\u003C\u002Fp\u003E\u003Cp\u003E转载请与我联系，并注明文章来源：\u003C\u002Fp\u003E\u003Cp\u003E特赞（\u003Ca href=\&https:\u002F\u002Flink.zhihu.com\u002F?target=http%3A\u002F\u002Fwww.tezign.com\u002F\& class=\& wrap external\& target=\&_blank\& rel=\&nofollow noreferrer\&\u003Ewww.tezign.com\u003C\u002Fa\u003E ）| 产品策划 |\u003Ca href=\&http:\u002F\u002Fwww.zhihu.com\u002Fpeople\u002Fgui-fei-nai-huang-bao\& class=\&internal\&\u003E贵妃奶黄包\u003C\u002Fa\u003E\u003C\u002Fp\u003E\u003Cp\u003E知乎专栏：\u003Ca href=\&http:\u002F\u002Fzhuanlan.zhihu.com\u002Ftezign\& class=\&internal\&\u003E读点儿设计 - 知乎专栏\u003C\u002Fa\u003E\u003C\u002Fp\u003E&,&updated&:new Date(&T10:58:33.000Z&),&canComment&:false,&commentPermission&:&anyone&,&commentCount&:78,&collapsedCount&:0,&likeCount&:4664,&state&:&published&,&isLiked&:false,&slug&:&&,&lastestTipjarors&:[{&isFollowed&:false,&name&:&大沐&,&headline&:&&,&avatarUrl&:&https:\u002F\u002Fpic1.zhimg.com\u002Fv2-fbecf95e88b5_s.jpg&,&isFollowing&:false,&type&:&people&,&slug&:&chen-mu-58-52&,&bio&:&data cruncher&,&hash&:&39a53b6e077c99ecb16a82d3f7f569ed&,&uid&:784100,&isOrg&:false,&description&:&&,&profileUrl&:&https:\u002F\u002Fwww.zhihu.com\u002Fpeople\u002Fchen-mu-58-52&,&avatar&:{&id&:&v2-fbecf95e88b5&,&template&:&https:\u002F\u002Fpic1.zhimg.com\u002F{id}_{size}.jpg&},&isOrgWhiteList&:false,&isBanned&:false}],&isTitleImageFullScreen&:false,&rating&:&none&,&titleImage&:&https:\u002F\u002Fpic1.zhimg.com\u002F78fb385f1ab9e2e134cdd_r.jpg&,&links&:{&comments&:&\u002Fapi\u002Fposts\u002F2Fcomments&},&reviewers&:[],&topics&:[],&adminClosedComment&:false,&titleImageSize&:{&width&:829,&height&:419},&href&:&\u002Fapi\u002Fposts\u002F&,&excerptTitle&:&&,&column&:{&slug&:&tezign&,&name&:&读点儿设计&},&tipjarState&:&activated&,&tipjarTagLine&:&真诚赞赏，手留余香&,&sourceUrl&:&&,&pageCommentsCount&:78,&tipjarorCount&:1,&annotationAction&:[],&hasPublishingDraft&:false,&snapshotUrl&:&&,&publishedTime&:&T18:58:33+08:00&,&url&:&\u002Fp\u002F&,&lastestLikers&:[{&bio&:null,&isFollowing&:false,&hash&:&637d5f05b98dcd4567bcf5cc76b8ff35&,&uid&:558700,&isOrg&:false,&slug&:&cao-yin-yin-67&,&isFollowed&:false,&description&:&&,&name&:&Bum CYY&,&profileUrl&:&https:\u002F\u002Fwww.zhihu.com\u002Fpeople\u002Fcao-yin-yin-67&,&avatar&:{&id&:&cd73abfe7bf9ca81de54d7&,&template&:&https:\u002F\u002Fpic4.zhimg.com\u002F{id}_{size}.jpg&},&isOrgWhiteList&:false,&isBanned&:false},{&bio&:&新闻&,&isFollowing&:false,&hash&:&7ec9116bec470e1c1d0ad&,&uid&:529300,&isOrg&:false,&slug&:&jiang-yu-jie-31-1&,&isFollowed&:false,&description&:&&,&name&:&墨泽&,&profileUrl&:&https:\u002F\u002Fwww.zhihu.com\u002Fpeople\u002Fjiang-yu-jie-31-1&,&avatar&:{&id&:&da8e974dc&,&template&:&https:\u002F\u002Fpic4.zhimg.com\u002F{id}_{size}.jpg&},&isOrgWhiteList&:false,&isBanned&:false},{&bio&:null,&isFollowing&:false,&hash&:&2e94b33e1a20c87744aaa987bb536d33&,&uid&:84,&isOrg&:false,&slug&:&tao-guan-guan-41&,&isFollowed&:false,&description&:&&,&name&:&陶罐罐&,&profileUrl&:&https:\u002F\u002Fwww.zhihu.com\u002Fpeople\u002Ftao-guan-guan-41&,&avatar&:{&id&:&v2-fd128c320a&,&template&:&https:\u002F\u002Fpic1.zhimg.com\u002F{id}_{size}.jpg&},&isOrgWhiteList&:false,&isBanned&:false},{&bio&:&物业&,&isFollowing&:false,&hash&:&6ef63ac17e7a65beba9fed74ce4197ae&,&uid&:155300,&isOrg&:false,&slug&:&yi-mo-5-85&,&isFollowed&:false,&description&:&&,&name&:&已陌&,&profileUrl&:&https:\u002F\u002Fwww.zhihu.com\u002Fpeople\u002Fyi-mo-5-85&,&avatar&:{&id&:&da8e974dc&,&template&:&https:\u002F\u002Fpic4.zhimg.com\u002F{id}_{size}.jpg&},&isOrgWhiteList&:false,&isBanned&:false},{&bio&:&&,&isFollowing&:false,&hash&:&5dfecde85&,&uid&:08,&isOrg&:false,&slug&:&peter-lee-40&,&isFollowed&:false,&description&:&&,&name&:&Peter Lee&,&profileUrl&:&https:\u002F\u002Fwww.zhihu.com\u002Fpeople\u002Fpeter-lee-40&,&avatar&:{&id&:&b61704c0bfb4e18e7f2b1&,&template&:&https:\u002F\u002Fpic4.zhimg.com\u002F{id}_{size}.jpg&},&isOrgWhiteList&:false,&isBanned&:false}],&summary&:&\u003Cimg src=\&https:\u002F\u002Fpic2.zhimg.com\u002F3c8159afb3cc864edc858c5f3b680b78_200x112.jpg\& data-rawwidth=\&640\& data-rawheight=\&264\& class=\&origin_image inline-img zh-lightbox-thumb\& data-original=\&https:\u002F\u002Fpic2.zhimg.com\u002F3c8159afb3cc864edc858c5f3b680b78_r.jpg\&\u003E感谢大家给这篇文章大力点赞！！但贵妃的专栏是其实一个关于设计的专栏，数据可视化也是设计的一部分哟& & 各位对设计感兴趣知友们也请多多关注贵妃专栏的其他文章哦╭( ′o o o′ )╭?\u003Ca href=\&http:\u002F\u002Fzhuanlan.zhihu.com\u002Ftezign\& class=\&\& data-editable=\&true\& data-title=\&读点儿设计 - 知乎专栏\&\u003E读点儿设计 - 知乎专栏\u003C\u002Fa\u003E------------------------------------…&,&reviewingCommentsCount&:0,&meta&:{&previous&:{&isTitleImageFullScreen&:false,&rating&:&none&,&titleImage&:&https:\u002F\u002Fpic3.zhimg.com\u002F50\u002F4c568c7f11bac2951def1f03deed9838_xl.jpg&,&links&:{&comments&:&\u002Fapi\u002Fposts\u002F2Fcomments&},&topics&:[],&adminClosedComment&:false,&href&:&\u002Fapi\u002Fposts\u002F&,&excerptTitle&:&&,&author&:{&bio&:&找设计师，找特赞：www.tezign.com &,&isFollowing&:false,&hash&:&250bdb754f38d8dcf2c68ba0ae449946&,&uid&:382800,&isOrg&:false,&slug&:&guifei&,&isFollowed&:false,&description&:&别说话，点我 www.tezign.com &,&name&:&贵妃奶黄包&,&profileUrl&:&https:\u002F\u002Fwww.zhihu.com\u002Fpeople\u002Fguifei&,&avatar&:{&id&:&1d01a88c5f13aa326b3869e3&,&template&:&https:\u002F\u002Fpic1.zhimg.com\u002F{id}_{size}.jpg&},&isOrgWhiteList&:false,&isBanned&:false},&column&:{&slug&:&tezign&,&name&:&读点儿设计&},&content&:&\u003Cp\u003E前几周贵妃在专栏扔了两篇字体排印的教程，引得各路知友纷纷点赞，开心 :))\u003C\u002Fp\u003E\u003Cp\u003E今天继续聊聊射激狮和字体之间的爱恨情仇。本文主要围绕一部神作《品位字体：字体如何影响用户》展开，作者是“字体品味站”的创始人、设计师Sarah Hyndman。\u003C\u002Fp\u003E\u003Cp\u003E这本书主要研究人和字体的关系，看字体如何影响人的决策，反映人的性格。她的研究结果表明: \u003Cb\u003E字体会影响人的决策，引起人的情感共鸣，也在很大程度上忠实反应了人的个性。\u003C\u002Fb\u003E用大白话翻译一下就是：\u003Cb\u003E用性感字体的设计狮，本人往往也比较性感\u003C\u002Fb\u003E；用Comic Sans的人，本人也很......总之，人生已经如此艰难，有些事实还要被字体拆穿。\u003C\u002Fp\u003E\u003Cbr\u003E\u003Cp\u003E\u003Ci\u003E\u003Cfigure\u003E\u003Cimg src=\&https:\u002F\u002Fpic1.zhimg.com\u002Fecfc5bd154d28d7c7be40a_b.jpg\& data-rawwidth=\&564\& data-rawheight=\&424\& class=\&origin_image zh-lightbox-thumb\& width=\&564\& data-original=\&https:\u002F\u002Fpic1.zhimg.com\u002Fecfc5bd154d28d7c7be40a_r.jpg\&\u003E\u003C\u002Ffigure\u003E《品位字体：字体如何影响用户》封面&红蓝眼镜\u003C\u002Fi\u003E\u003C\u002Fp\u003E\u003Cp\u003E一、字体研究的几大方向\u003C\u002Fp\u003E\u003Cp\u003E书的开篇就说明了字体对人们的重要性，简短地介绍了\u003Cb\u003E字体从15世纪50年代到现在的主要发展历程，以及流传下来的一般规律\u003C\u002Fb\u003E。Hydnman主要通过一系列的图表、小测验、游戏和经验来探讨\u003Cb\u003E人们如何对字形做出反应\u003C\u002Fb\u003E。\u003C\u002Fp\u003E\u003Cp\u003E20世纪早期到现在，Clive Lewis和Peter Walker研究过\u003Cb\u003E字体如何影响阅读速度\u003C\u002Fb\u003E；作家Errol Morris研究过\u003Cb\u003E字体如何影响可信度\u003C\u002Fb\u003E，他用六种不同的字体显示同一篇文章，看阅读者更认同哪篇文章的观点，结果显示，大多数人认为Baskervile（巴斯克维尔体）书写的文章更可信；此外，还有在一些研究关于\u003Cb\u003E字线和字形如何传达特定情感\u003C\u002Fb\u003E。\u003C\u002Fp\u003E\u003Cbr\u003E\u003Cp\u003E二、“字体品位站”的趣味活动\u003C\u002Fp\u003E\u003Cp\u003E自从2013年\&字体品味站\&成立以来，Hyndman会定期举办一些鼓励非设计师们了解字体的活动，比如\u003Cb\u003E“字体狩猎旅行”（徒步旅行搜寻伦敦东部的导视标识）\u003C\u002Fb\u003E，还有字体品位研讨会，在研讨会上参与者可以吃到各种字母（?﹃?），海德曼想看看\u003Cb\u003E字体是否会影响味觉\u003C\u002Fb\u003E。\u003C\u002Fp\u003E\u003Cp\u003E其中具有特色活动是\u003Cb\u003E“字体约会游戏”（击穿单身狗hiahia）\u003C\u002Fb\u003E，在游戏中，参与者们要选择一种字型代表他们自己，并选择一些他们想与之约会的字型。\u003Cb\u003E“字体人口调查”\u003C\u002Fb\u003E是一个线上调查活动，参与者会随机看到一些字体，然后描述这些字体的个性，比如，\u003Cb\u003E这个看起来像威武霸气的大哥，那个看起来像软糯的程序猿鼓励师。\u003C\u002Fb\u003E\u003C\u002Fp\u003E\u003Cp\u003E三、有心机的封面\u003C\u002Fp\u003E\u003Cp\u003E这本书有四个封面可以选！每个封面都配以不同的字型，简直是深谙天秤座的弱点。另外，每一个版本都配以一副红色或是蓝色的字体眼镜。这副眼镜的作用在于强调哪种字体可能会潜意识地与读者交流（读者可佩戴这副眼镜阅读一系列的红蓝图片，这种方式可同时显示哪种字型看起来是更为直接的，哪种字型可能传达得比较含蓄）。\u003C\u002Fp\u003E\u003Cp\u003E四、写作的初衷\u003C\u002Fp\u003E\u003Cp\u003E这本书意在让那些\u003Cstrong\u003E在传媒以及科技领域工作的字体消费者（非设计师）\u003C\u002Fstrong\u003E更多地学习了解字型的魅力，也给那些想要了解字型现状的专业设计师和学生提供一种\u003Cstrong\u003E可供选择的、相对轻松的阅读方式\u003C\u002Fstrong\u003E。不仅传播了字型的前沿知识，也给专家们提供了一些有趣的研究结论。\u003C\u002Fp\u003E\u003Cp\u003E写这本书之前，Hyndman花了大约\u003Cb\u003E8个月左右的时间调研字体的研究现状和历史文献\u003C\u002Fb\u003E。她阅读了大量的跨学科资料，包括大约一个世纪前的研究，之后才开始着手设计我的调查问卷和实验项目。这本书涉及的参考文献目录令人钦佩，但Hyndman在编译时只是引用了很小一部分当代关于字型如何表达情感的文献著作。\u003C\u002Fp\u003E\u003Cbr\u003E\u003Cp\u003E“在整个过程中，我观察到了平面设计领域已经有了大量充满信心的观点，但当你开始深入研究时，你会发现并没有充足的参考文献或数据去支持这些观点。\u003Cstrong\u003E设计师对于设计的大多数知识储备基于经验和对生活的观察，但有些时候做一些严谨的研究是有好处的\u003C\u002Fstrong\u003E，通过这种方式，我们可以知道是否我们的猜想与假设经得起检验。” Hyndman补充道。\u003C\u002Fp\u003E\u003Cp\u003E平面设计师已经对书中谈到的许多要点很熟悉了，像是某种典型字体如何唤起某种情绪或代表某种字体流派，从浪漫到科幻，从奢华到传统……但Hyndman的研究发现还是展示了一些发人深思的结果。比如\u003Cstrong\u003E非设计师与设计师在看待某种字体时是多么的不同\u003C\u002Fstrong\u003E。\u003C\u002Fp\u003E\u003Cp\u003E“作为一个平面设计师我知道相较于非设计师，\u003Cstrong\u003E我们可能会赋予字型更复杂的特质（特别是那些更具有历史性重大意义的字型）\u003C\u002Fstrong\u003E。但当我看到‘字体人口普查’的实验结果时，我总是会被这样清晰提出的概念结果感到震惊。” Hyndman说道：“平面设计师总是可以对字体的起源和他们传达的价值滔滔不绝，例如，\u003Cb\u003EGill Sans不仅被形容为一种‘绝佳的、稳固的英式现代字体’，而且‘看起来有其权威性’。对比之下，非设计师们对于Gill Sans这种字体不太感冒，他们使用更少的诸如‘嗯……’、‘中立但有些古怪’、‘无趣’、‘普通’等词汇来形容它。\&\u003C\u002Fb\u003E\u003C\u002Fp\u003E\u003Cp\u003E\u003Cb\u003E虽然字体品味社做了很多严谨的实验项目，但它们的形式很有趣、非常规。\u003C\u002Fb\u003EHyndman认为这种方式是字体品味社成功的关键。她希望通过这种方式鼓励人们更多地去讨论有关字体字型的问题，这种方式也帮助人们\u003Cstrong\u003E挑战字体是“感性设计中最后才考量的准则”这一固化思想\u003C\u002Fstrong\u003E（引自Nice That editor Rob Alderson一书）。\u003C\u002Fp\u003E\u003Cblockquote\u003E“我不能确定字体设计是否能够与时尚与摄影争夺最为性感设计的头衔，但我希望它\u003Cstrong\u003E能够摆脱目前人们惯常认为它枯燥乏味又有点‘书呆子’的刻板印象\u003C\u002Fstrong\u003E。”\u003C\u002Fblockquote\u003E\u003Cp\u003E\u003Cb\u003E注：\u003C\u002Fb\u003EHyndman是一位在心理学与字体排版设计方面有独特研究偏好的平面设计师，也做过TED的嘉宾，而关于她更多的实验成果，请移步她的个人网站：\u003Ca href=\&http:\u002F\u002Flink.zhihu.com\u002F?target=http%3A\u002F\u002Fwww.sarahhyndman.com\& class=\& wrap external\& target=\&_blank\& rel=\&nofollow noreferrer\&\u003ESarah Hyndman\u003C\u002Fa\u003E\u003C\u002Fp\u003E\u003Cbr\u003E\u003Cp\u003E最后的最后，再推荐一部字体相关的纪录片——\u003Cstrong\u003E《字体传奇》\u003C\u002Fstrong\u003E！这部纪录片由独立制片人导演Gary Hustwit执导拍摄，影片访谈了不同时期的老中青三代设计师，讲述了传奇的\u003Cb\u003EHelvetica字体\u003C\u002Fb\u003E背后的故事。\u003C\u002Fp\u003E\u003Cbr\u003E\u003Cbr\u003E\u003Cp\u003E作者 | Rachael Steven\u003C\u002Fp\u003E\u003Cp\u003E翻译 | Yeee\u003C\u002Fp\u003E\u003Cp\u003E校对 | Ting Zhou\u003C\u002Fp\u003E\u003Cbr\u003E\u003Cbr\u003E\u003Cp\u003E---------------------------------------------------------------------------\u003C\u002Fp\u003E\u003Cp\u003E转载请与我联系，并注明文章来源：\u003C\u002Fp\u003E\u003Cp\u003E特赞（\u003Ca href=\&http:\u002F\u002Flink.zhihu.com\u002F?target=http%3A\u002F\u002Fwww.tezign.com\u002F\& class=\& wrap external\& target=\&_blank\& rel=\&nofollow noreferrer\&\u003Ewww.tezign.com\u003C\u002Fa\u003E ）| 产品策划 |\u003Ca href=\&http:\u002F\u002Fwww.zhihu.com\u002Fpeople\u002Fgui-fei-nai-huang-bao\& class=\&internal\&\u003E贵妃奶黄包\u003C\u002Fa\u003E\u003C\u002Fp\u003E\u003Cp\u003E知乎专栏：\u003Ca href=\&http:\u002F\u002Fzhuanlan.zhihu.com\u002Ftezign\& class=\&internal\&\u003E读点儿设计 - 知乎专栏\u003C\u002Fa\u003E\u003C\u002Fp\u003E&,&state&:&published&,&sourceUrl&:&&,&pageCommentsCount&:0,&canComment&:false,&snapshotUrl&:&&,&slug&:,&publishedTime&:&T16:33:51+08:00&,&url&:&\u002Fp\u002F&,&title&:&这个字看起来好性感？关于字如其人的科学解读&,&summary&:&前几周贵妃在专栏扔了两篇字体排印的教程，引得各路知友纷纷点赞，开心 :))今天继续聊聊射激狮和字体之间的爱恨情仇。本文主要围绕一部神作《品位字体：字体如何影响用户》展开，作者是“字体品味站”的创始人、设计师Sarah Hyndman。这本书主要研究人和字…&,&reviewingCommentsCount&:0,&meta&:{&previous&:null,&next&:null},&commentPermission&:&anyone&,&commentsCount&:1,&likesCount&:30},&next&:{&isTitleImageFullScreen&:false,&rating&:&none&,&titleImage&:&https:\u002F\u002Fpic2.zhimg.com\u002F50\u002F98dbbfcf8f348c8cec68f8d_xl.jpg&,&links&:{&comments&:&\u002Fapi\u002Fposts\u002F2Fcomments&},&topics&:[],&adminClosedComment&:false,&href&:&\u002Fapi\u002Fposts\u002F&,&excerptTitle&:&&,&author&:{&bio&:&找设计师，找特赞：www.tezign.com &,&isFollowing&:false,&hash&:&250bdb754f38d8dcf2c68ba0ae449946&,&uid&:382800,&isOrg&:false,&slug&:&guifei&,&isFollowed&:false,&description&:&别说话，点我 www.tezign.com &,&name&:&贵妃奶黄包&,&profileUrl&:&https:\u002F\u002Fwww.zhihu.com\u002Fpeople\u002Fguifei&,&avatar&:{&id&:&1d01a88c5f13aa326b3869e3&,&template&:&https:\u002F\u002Fpic1.zhimg.com\u002F{id}_{size}.jpg&},&isOrgWhiteList&:false,&isBanned&:false},&column&:{&slug&:&tezign&,&name&:&读点儿设计&},&content&:&\u003Cp\u003E只有5步的用户研究方法，真的只有5步哦。全文后还有相关书籍的推荐，想国庆期间深入研究的各位可以抱走(￣ε(#￣)☆╰\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cp\u003E-----------------------------------------------------------------------\u003C\u002Fp\u003E\u003Cp\u003E昨天一个在做金融的妹纸给贵妃吐槽用研太难。她让我打开脑洞想一下，这是你知道的客户：男，36岁，本科毕业；有一台MacBook Pro和一部iPhone5手机，平时会Chrome浏览网页；有微博账号，在上面你会看到他喜欢巧克力和矮脚狗；已婚；座驾是丰田花冠；黑发棕眼；信用卡记录可以看到他最近一次订的酒店的位置和他最喜欢的餐厅。然后这就是你手上关于客户的所有数据，老板问你能不能告诉他，客户为什么决定把储蓄账户转到另一家银行？你肯定会想这是在搞笑吧。\u003C\u002Fp\u003E\u003Cp\u003E确实，仅仅凭借这么一点点信息，这么看都不可能知道客户为什么弃你而去。但不仅仅是金融行业，用户调研已经成为了各行各业成功的一大因素。在互联网行业，交互设计师们很有可能遇到一个项目，\u003Cb\u003E他们所拥有的全部信息只有人口统计数据或者网站使用数据。\u003C\u002Fb\u003E\u003C\u002Fp\u003E\u003Cp\u003E我们当然可以根据用户\u003Cstrong\u003E何时\u003C\u002Fstrong\u003E做了\u003Cstrong\u003E什么\u003C\u002Fstrong\u003E来从这些数据中挖掘到很多有价值的信息。但是我们却无法得知他们的\u003Cstrong\u003E动机\u003C\u002Fstrong\u003E，无法从他们的网站、产品或服务中找到更有效的设计\u003Cstrong\u003E方案\u003C\u002Fstrong\u003E。我们需要更多信息。用户研究可以提供这些信息。用户研究让我们了解到人们的生活习惯，从而提供更多信息，激发我们的灵感，针对人们的真实需求提供更有效的解决方案。用户研究还能避免我们的个人偏见，因为通常我们要为与我们不同的人群提供设计方案。\u003C\u002Fp\u003E\u003Cp\u003E那么，废话说了那么多，说好的五步做用研呢？我想分享一个Frog（青蛙设计）使用的用来设计并进行用户研究的过程——“\u003Cb\u003E研究学习螺旋\u003C\u002Fb\u003E”。这个螺旋是我们一位资深交互设计师、设计研究专家Erin Sanders提出的。它共有五个步骤，当我们需要更多信息来完成一项设计或提出一个解决方案的时候，就可以通过这五个步骤来收集信息。\u003C\u002Fp\u003E\u003Cp\u003E名字那么炫，来，我们来看看这个螺旋究竟长啥样\u003C\u002Fp\u003E\u003Cfigure\u003E\u003Cimg src=\&https:\u002F\u002Fpic2.zhimg.com\u002F548f633afca7da42fc178e_b.jpg\& data-rawwidth=\&500\& data-rawheight=\&310\& class=\&origin_image zh-lightbox-thumb\& width=\&500\& data-original=\&https:\u002F\u002Fpic2.zhimg.com\u002F548f633afca7da42fc178e_r.jpg\&\u003E\u003C\u002Ffigure\u003E\u003Cp\u003E前三个步骤是关于提出问题和解答问题的，从而找到你在研究中需要了解哪些内容:\u003C\u002Fp\u003E\u003Cp\u003E\u003Cstrong\u003E1. \u003C\u002Fstrong\u003E\u003Cstrong\u003E目标 \u003C\u002Fstrong\u003E我们希望解答的问题。在当前设计过程中，哪些是我们需要掌握的？哪些知识缺口是我们需要填补的？\u003C\u002Fp\u003E\u003Cp\u003E\u003Cstrong\u003E2. \u003C\u002Fstrong\u003E\u003Cstrong\u003E假设\u002F假说 \u003C\u002Fstrong\u003E我们认为已知的内容。我们团队的假设是什么？在用户行为习惯和可能的解决方案方面，我们认为我们知道哪些信息？\u003C\u002Fp\u003E\u003Cp\u003E\u003Cstrong\u003E3. \u003C\u002Fstrong\u003E\u003Cstrong\u003E方法 \u003C\u002Fstrong\u003E我们怎样填补知识的空白。在时间及测试者有限的情况下，我们应该选择哪些研究方法？\u003C\u002Fp\u003E\u003Cp\u003E一旦你解答了上述问题，并将它们整理成一页可以展示给相关人员看的解决方案时，你就可以开始通过选定的研究方法来收集信息了。\u003C\u002Fp\u003E\u003Cp\u003E\u003Cstrong\u003E4. \u003C\u002Fstrong\u003E\u003Cstrong\u003E执行 \u003C\u002Fstrong\u003E用选定的方法来收集数据。\u003C\u002Fp\u003E\u003Cp\u003E\u003Cstrong\u003E5. \u003C\u002Fstrong\u003E\u003Cstrong\u003E整合 \u003C\u002Fstrong\u003E解答我们要研究的问题，证实或证伪我们的假设。分析我们搜集到的数据，找到发现其中隐含的机遇和启示。\u003C\u002Fp\u003E\u003Cp\u003E说了辣么多还是不怎么明白？接下来我们分步看看：\u003C\u002Fp\u003E\u003Ch2\u003E\u003Col\u003E\u003Cli\u003E\u003Cb\u003E 目标：我们想要解答的问题 \u003C\u002Fb\u003E\u003C\u002Fli\u003E\u003C\u002Fol\u003E\u003C\u002Fh2\u003E\u003Cp\u003E想象一下，你正在一个为西欧的电视观众设计新一代节目指南的项目中，你的团队正在讨论是否应该为笔记本和手机用户增加一个功能，让他们可以将简短的视频片段添加评论后分享到社交网站。团队称它为“视频片段分享”，听起来很炫，但是你无法十分确定这项功能针对的人群，或者用户想要用这个功能的动机。\u003C\u002Fp\u003E\u003Cp\u003E你不妨先从制作流程图和编码中抽身出来，和团队坐在一起，快速讨论一下关于产品的目标你们知道并理解哪些信息。为了让讨论顺利进行，可以先让团队成员写下一些框架问题，来帮助他们确定需要补上的知识空白。可以将这些问