数据可视化是科学、艺术和设计的结合，当枯燥隐晦的数据被数据科学家们以优雅、简明、直观的视觉方式呈现时，带给人们的不仅仅是一种全新的观察世界 的方法，而且往往具备艺术作品般的强大冲击力和说服力。如今数据可视化已经不局限于商业领域，在社会和人文领域的影响力也正在显现，以下我们将介绍的是是 个让人耳目一新、拍案叫绝的数据可视化项目。 一、富人区、穷人区 “富人区、穷人区”是一个互动地图项目，能直观显示美国每个城市的居民收入和房租水平，不同的颜色谱系代表着不同区域的收入水平，你可以搜索每个州、每座城市甚至每个街区的收入状况。 二、谷歌流感趋势 谷歌流感趋势（Google Flu Trends）通过分析人们的搜索关键词来跟踪预测全球流感趋势，这是Google.org的一个公益项目。 三、LoTRProject LOTRProject其实是一个数据可视化项目，它把托尔金《指环王》系列小说（霍比特人，指环王， 以及精灵之钻）里表述的一个巨大而复杂的家谱关系， 通过图表， 地图， 时间轴以及简单文字说明生动地表现了出来。 四、GE 医学影像创新大赛 2011年9月份GE斥资1亿美元启动了GE创新挑战赛，挖掘能够提高早期乳腺癌诊断水平的创意想法。该视觉可视化项目收到了7大类500个提案，其中五位获胜者获得种子资金用于将创意付诸实施。 五、英国同性婚姻法案 英国卫报发起的这个视觉可视化项目能够分析展示在2013年同性婚姻法案上投票的英国议会议员的个人情况，数据包括议员的性别、所在政党和当选时间。 六、2010年美国枪支杀人统计 Periscopic（潜望镜）公司推出的这个数据可视化项目展示了2010年枪支暴力如何提前终止了9595人的生命。数据来自FBI的联合犯罪报告以及世界卫生组织。 图形中的弧线代表受害者理论上可以活到的生命长度，鼠标停留在弧线上将显示更多信息，你还能将图形与枪支型号、种族、性别等进行关联分析。 七、皇后乐队：四个视角 “四个视角”项目显示了语言在皇后乐队歌曲中的重要性，通过分析皇后乐队歌词中的关键词汇，能发现皇后乐队音乐中表达的重要主题，以及每位歌曲作词人的影响力。 八、1851年至今的飓风统计 通过分析来自美国海洋与大气管理局（NOAA）的数据，开发人员John Nelson创建了这个能够分析1851年以来的热带风暴和飓风的数据可视化项目。该项目用颜色区分飓风的强度，卫报的一篇报道中可以看到这个项目的动画版本。 九、纽约市政交通的一天 YouTube用户STLTransit用可视化的方式展示了纽约人一天中如何使用包括地铁在内的市政交通，数据来自General Transit Feed规范数据，STLTransit还未其他城市的交通系统创建了视频。 十、Facebook照片分享 在地图数据可视化方面拥有专长的旧金山一家设计与技术工作室Stanmen制作了一系列视频演示Facebook用户的照片分享行为，该项目将该工作室的George Takei发布的三张照片在三个月内的传播情况进行了可视化分析。 文章来自IT经理网
View Details<embed type=”application/x-shockwave-flash” src=”http://static.youku.com/v1.0.0201/v/swf/qplayer_taobao.swf?VideoIDS=XNDQ4ODMzMzQ4=&isAutoPlay=false&isShowRelatedVideo=false&embedid=-&showAd=0″ id=”movie_player” name=”movie_player” bgcolor=”#FFFFFF” quality=”high” wmode=”transparent” allowfullscreen=”true” flashvars=”isShowRelatedVideo=false&showAd=0&show_pre=1&show_next=1&isAutoPlay=false&isDebug=false&UserID=&winType=interior&playMovie=true&MM Control=false&MMout=false&RecordCode=1001,1002,1003,1004,1005,1006,2001,3001,3002,3003,3004,3005,3007,3008,9999″ pluginspage=”http://www.macromedia.com/go/getflashplayer” width=”450″ height=”327″></embed> <embed src=”http://static.youku.com/v/swf/qplayer.swf?winType=adshow&VideoIDS=XNDQ4ODMzMzQ4&isAutoPlay=false&isShowRelatedVideo=false” wmode=”transparent” width=”600″ align=”center” border=”0″ height=”500″></embed> 注意把上面代码的VideoIDS=XNDQ4ODMzMzQ4里的XNDQ4ODMzMzQ4换成你自己视频的ID就可以了
View Details打开 C:\Windows\System32\drivers\etc 的 hosts 文件，hosts文件属性要改成可写，最好用管理员账号 administrator 修改 在hosts文件中添加以下内容后保存， #B#HostsX: HostsX 国内站点广告/视频类网站/优酷网 0.0.0.0 atm.youku.com 0.0.0.0 Fvid.atm.youku.com 0.0.0.0 html.atm.youku.com 0.0.0.0 nc.youku.com 0.0.0.0 speed.lstat.youku.com 0.0.0.0 stat.youku.com 0.0.0.0 static.atm.youku.com 0.0.0.0 static.lstat.youku.com 0.0.0.0 urchin.lstat.youku.com 0.0.0.0 valb.atm.youku.com 0.0.0.0 valc.atm.youku.com 0.0.0.0 valf.atm.youku.com 0.0.0.0 valo.atm.youku.com 0.0.0.0 valp.atm.youku.com 0.0.0.0 vid.atm.youku.com 0.0.0.0 walp.atm.youku.com 0.0.0.0 lstat.youku.com #E#HostsX: HostsX 国内站点广告/视频类网站/优酷网 之后 打开优酷，随便播放一个视频，待广告提示后关掉浏览器。打开文件夹（这里的演示地址win7的） C:\Users\用户文件夹\AppData\Roaming\Macromedia\Flash Player\#SharedObjects\5SK83KL2\static.youku.com XP地址： C:\documents and settings \当前用户AppData\Roaming\Macromedia\Flash Player\#SharedObjects\Q6TU75SP 看到该文件夹之后，删掉，新建一个文本文件，把名字改为static.youku.com，然后取出文本的后缀.txt，并把该文件设为只读（右击该文件选择“属性”，勾选“只读”） 这就可以搞定优酷播放视频等待10秒的黑色广告了！再去浏览器去看看，是不是大功告成了
View DetailsJavaScript 本身可以算是一门简单的语言，但我们也不断用智慧和灵活的模式来改进它。昨天我们将这些模式应用到了 JavaScript 框架中，今天这些框架又驱动了我们的 Web 应用程序。很多新手开发者被各种强大的 JavaScript 框架吸引进来，但他们却忽略了框架身后浩如星海的 JavaScript 实用技巧。本文将为你呈献其中七个基础知识点： 1. 在 String.prototype.replace 方法中使用 /g 和 /i标志位 令很多 JavaScript 初学者意外的是，字符串的 replace 方法并不会 替换所有匹配的子串——而仅仅替换第一次匹配。当然 JavaScript 老手们都知道这里可以使用正则表达式，并且需要加上一个全局标志位（/g）： 1 // Mistake 2 // 踩到坑了 3 var str = "David is an Arsenal fan, which means David is great"; 4 str.replace("David", "Darren"); // "Darren is an Arsenal fan, which means David is great" 5 6 // Desired 7 // 符合预期 8 str.replace(/David/g, "Darren"); // "Darren is an Arsenal fan, which means Darren is great" 另一个基本的逻辑错误就是在大小写不敏感的校验场合（字母可大写可小写）没有忽略大小写，此时 /i标志位就很实用： 1 str.replace(/david/gi, "Darren"); // "Darren will always be an Arsenal fan, which means Darren will always be great" （译注：上面这段例程我没有看懂用意，可能是注释有误吧……） 每个 JavaScript 开发者都曾踩过这两个标志位的坑——因此别忘了在适当的时候用上它们！ 2. […]
View Details