上一篇和大家分享了<可视化之Berkeley Earth>,这次看一看下面这个网站---aqicn.org.先做一个提示:文末有惊喜~ 该网站在中国有一定的权威性,PM2.5数据有一点敏感,它竟能提供全球级别,实时的,详尽的AQI数据,以及每个站点的经纬度(精度在十米内),它的口号"provide information as clean as the air one wish to have"--提供的每一份数据,如同每个人所期望的空气那样干净. 但该网站又有一点神秘感,…

去年冬天雾霾严重的那几天,写了两篇关于空气质量的文章,<可视化之PM2.5>和<谈谈我对雾霾的认识>.坦白说,环境问题是一个无法逃避又无能为力的话题.最近因为工作中有一些数据可视化的内容,借这个机会研究了一下Berkeley Earth,下简称为BE,效果如下: 从产品角度,有三个特点:第一,从可视化的效果来看,是点密度插值后的切片效果,而不是点值显示,这就需要服务端支持缓存切片,对客户端而言,直接加载即可:第二,提供了历史数据和小时,天,月三种模式,能够支持最近半年左右的数据访问…

上两篇我们分别介绍了<Berkeley Earth>和<AQICN>两个网站,今天来看一下Earth NullSchool. 这个网站的特色是风向图,之前有一篇可视化之风向图,曾经提到过这个网站,也详细介绍了风向图的技术实现原理.今天针对这个网站,再详细的介绍一下.同样,在公众号中回复"worldwind",会提供该网站的源码Demo. 如上是该网站的一个动图效果,有兴趣的可以访问网站了解一个大概.作者在github上公布了自己的源码(和网站代码略有不同),气象…

上篇博客<iOS可视化动态绘制八种排序过程>可视化了一下一些排序的过程,本篇博客就来聊聊图的东西.在之前的博客中详细的讲过图的相关内容,比如<图的物理存储结构与深搜.广搜>.当然之前写的程序是比较抽象的.上篇博客我们以可视化的方式看了一下各种排序的过程,今天博客中我们就来可视化的看一下图的相关部分,今天我们要画的图是无向图,并且每个点到其他点都有直接的连线.今天我们就基于此图来做一些事情.当然本篇博客在画图时我们使用的是Bezier曲线来画的,因为之前也聊过关于Bezier的相关东…

1:如何使用 1:点击下载:.NET可视化调试工具 (更新于2016-12-29 19:11:00) (终于彻底兼容了部分VS环境下无法使用的问题) 2:解压RAR后执行:CYQ.VisualierSetup.exe 成功后关掉提示窗口即可. PS:一次运行,支持各个VS版本,终身提高调试的效率,而且没任何副作用. 2:开源及后续升级地址: 开源地址:http://code.taobao.org/svn/cyqopen/trunk/CYQ.Visualizer/ 后续升级获取地址:https:/…

Webstorm+Webpack+echarts   ECharts 特性介绍 ECharts,一个纯 Javascript 的图表库,可以流畅的运行在 PC 和移动设备上,兼容当前绝大部分浏览器(IE8/9/10/11,Chrome,Firefox,Safari等),底层依赖轻量级的 Canvas 类库 ZRender,提供直观,生动,可交互,可高度个性化定制的数据可视化图表. ECharts 3 中更是加入了更多丰富的交互功能以及更多的可视化效果,并且对移动端做了深度的优化.   1.npm…

前面几篇博客都是关于排序的,在之前陆陆续续发布的博客中,我们先后介绍了冒泡排序.选择排序.插入排序.希尔排序.堆排序.归并排序以及快速排序.俗话说的好,做事儿要善始善终,本篇博客就算是对之前那几篇博客的总结了.而本篇博客的示例Demo也是在之前那些博客Demo的基础上做的,也算是集成了各种排序的方法,然后给出了可视化的解决方案.今天博客的内容还是比较有趣的. 因为本猿是做iOS开发的,所以就使用iOS相关的组件来表示上述各种排序的过程.使用可视化方式来感受一下上述这些排序方法的异同.本篇博客所使…

首先说明一下,即使不熟悉fis3,阅读文本应该也会有所收获. 本文以fis-parser-imweb-tplv2插件为模板插件,目的不在于使用哪个模板,而是组件可视化的实现思路,不必担心. 先说说模板插件 首先说明一下,我们的项目使用的fis3自带的mod.js做模块化开发. fis-parser-imweb-tplv2插件是同事在imweb待着的时候写的.模板使用和jsp写法一致,文件类型为tpl类型 <div class="tips"> <em> <i…

前言: 最近飞机失联的太多,明天要飞北京处理服务器双机热备的问题,航空保险已买,单号是:TF10122913. 至于我的银行卡密码,在我枕头下面的字条里,要是我之后没再更新文章,请通知我家人,哈哈哈哈. 好了,Joke 被 Play 后,下面 Enter 正文. 背景: 话说:使用CYQ.Data时,会经常断点MDataTable的对象,为了查看表格的数据内容,在监视里会常ToDataTable(),然后借可DataTable的可视化方式查看表格. 近日:心中莫名就来了一句话,不转行不行?狠想直…

前言: 很久前,我发过两篇文章,分别介绍自定义代码版和可视化调试: 1:Visual Studio 小技巧:自定义代码片断 2:自定义可视化调试工具(Microsoft.VisualStudio.DebuggerVisualizers) 具体可以用两张图来表示: 1:自定义代码片断: 2:可视化调试工具: 问题来源: 某次,我发现自己的可视化调试的类库有点旧,想更新一下,却发现: 电脑上安装了VS2005.VS2008.Vs2012几个版本的VS,要到处打开路径,复制,粘贴,很烦. 复制完还得测…

记得有朋友问老周,系统中的“计算器”应用的界面菜单是怎么做的.其实,你可以用VS 2015的新工具来查看它的界面结构. 实时可视化树工具只能查看XAML定义的界面,如WPF和Win App.现在,Win App都编译为本地代码,直接找可执行文件是走不通了. 但有了新的实时可视化工具,你可以自己去研究Win 10 App的界面,包括小娜面板在内都是可以查看的. 好,屁话不多说,就简单介绍一下如何用吧.其实很简单. 1.以管理员身份运行VS 2015,有的应用需要管理员权限,有的不用,以防万一,还是…

星期一的早上,我在办公区鸟瞰窗外,目光所到之处,用顾城的那首"你看天时很近,看我时很远"倒是格外的应景.作为一名父亲,看着工位上3M的口罩,想想此刻还在熟睡的孩子,多少有些无奈--又是PM25指数200+的一天.这么大的中国,如何给孩子找一方净土,让孩子能够健康快乐的成长.正是带着这样的一个想法,我查询了几个我比较关注的城市的PM值,比如北京,成都,杭州,深圳,厦门等地方,都不理想,一种赶尽杀绝的节奏,难道在中国只能做君子,自强不吸?同时,我个人发现一个情况,我的手机是华为荣耀6plu…

概念: visual formatting model,可视化格式模型 The CSS visual formatting model is an algorithm that processes a document and displays it on visual media. 它是一种规则,用于规定用户代理如何将DOM树展示在可视化媒体中. 通俗的说,我们在HTML中写一个p标签,在浏览器中打开之后,他会是以什么样子展现出来(他的宽度.高度是多少,他在哪里,他与相邻的元素是什么关系.)这…

flask+sqlite3+echarts2+ajax数据可视化报错: UnicodeDecodeError: 'utf8' codec can't decode byte 解决方法: 将 py文件和html文件用用记事本打开,然后另存为,将编码ANSI改成:UTF-8…

Atitit.可视化与报表原理与概论 1.  信息可视化1 2. Gui可视化1 3. 报表系统(三大图表,金字塔,组织结构图等)1 4. <可视化数据>目录3 5. 可视化的具体实现(canvas,svg ,dom)4 6. 报表图表框架4 1.  信息可视化 Chapter01 做好准备,了解信息可视化 Chapter02 信息可视化中的结构模型 Chapter03 信息可视化中的图表模型 Chapter04 信息可视化中要素的选择与设计 2. Gui可视化 3. 报表系统(三大图表,金字…

随着通信行业改革的不断深化,行业的发展形势和生存环境正发生巨大变化,通信和信息的边界越来越模糊,市场竞争也随之愈演愈烈.近年来,某通讯运营商在业务的转型.网络的转型取得了巨大的突破,但人力资源管理的转型的步伐相对缓慢,已在某种程度上成为影响企业转型和精细化管理的短板. 人力资源作为企业核心竞争力,是企业的第一资源.某国内电信巨头,在系统中已经存在部门.岗位.人员等统一的,完整的架构信息:业务系统和业务流程中也富含大量的人员信息,但是对于人力部门来说,公司人员.岗位.薪酬.KPI等资源的调整指导却…

前些日子公司引进了帆软商业智能FineBI,在接受了简单的培训后,发现这款商业智能软件用作可视分析只用一个词形容的话,那就是“轻盈灵动”!界面简洁.操作流畅,几个步骤就可以创建分析,获得想要的效果.此番学习也算让我入了数据可视化的门,今天就在这里和你们分享我做数据可视化的心得. 先来说说Dashboard,商业智能仪表盘,是可视化分析的重点.它可以组合多个不同的表格,图表控件,所有指标和维度一键生成.很多BI工具在建立全局分析时,组件都是单独设立然后拼接而成,这里FineBI创造性地将分析容器和…

意识到数据探索带来的无尽信息,越来越多的企业开始建立自有的数据分析平台,打造数据化产品,实现数据可视化. 在零售商超行业,沃尔玛"啤酒与尿布"的故事已不再是传奇.无论是大数据还是小数据,众多智者都意识到,与其逐波随流,不如就地落实,深化管理,打造数据于战略的联盟. 永辉也深知这样的道理.作为首批将生鲜农产品引进现代超市的流通企业,十几年来,永辉一路经历了家门口永辉.百姓永辉.绿色永辉.科技永辉.生态永辉的发展.在企业管理上,注重员工文化,注入了很多理想,推行合伙人机制.员工.供应商和企…

初识 echarts ECharts,一个纯 Javascript 的数据可视化图表库,可以流畅的运行在 PC 和移动设备上,兼容当前绝大部分浏览器(IE8/9/10/11,Chrome,Firefox,Safari等),底层依赖轻量级的 Canvas 类库 ZRender.   提供的图表类型 提供了常规的折线图,柱状图,散点图,饼图,K线图,用于统计的盒形图,用于地理数据可视化的地图,热力图,线图,用于关系数据可视化的关系图,treemap,多维数据可视化的平行坐标,还有用于 BI 的漏斗图…

//刚刚学Java,写的小程序 package cn.xiaocangtian.testDate; import java.text.DateFormat; import java.text.ParseException; import java.text.SimpleDateFormat; import java.util.Calendar; import java.util.Date; import java.util.GregorianCalendar; import java.util.…

Windows.UI.Composition API是可以从任何通用Windows平台应用程序调用的声明性保留模式API,从而可以直接在应用程序中创建合成对象.动画和效果. Composition API在 10586SDK 中就已经出现,但是在年度更新之后,该SDK变得更加完善,也有了更多样性的功能.今天我们就来谈谈如何在基于 Anniversary SDK 的UWP应用中使用Composition API创建DropShadow效果. 1.首先,假如我们想要为一个Ellipse对象创造Dro…

一.安装VS2013,下载wpdpack,为VS2010配置WinpCap环境: ⑴首先在View中选择Property Manager,然后展开工程,再展开Debug|Win32 ,接着右击 Mircrosoft.Cpp.Win32.user选择Properties(此处设置全局有效) ⑵之后分三步: ①设置环境目录 在VC++ Directiories中 Include Directories和Library Directories中添加路径. 假如将wpdpack放到c盘.则: Inclu…

XAML天生就是用来呈现用户界面的,这是由于它具有层次化的特性.在WPF中,用户界面由一个对象树构建而成,这棵树叫作逻辑树.逻辑树的概念很直观,但是为什么要关注它呢?因为几乎WPF的每一方面(属性.事件.资源等)都有与逻辑树相关联的行为.例如,属性值有时会沿着树自动传递给子元素,而触发的事件可以自底向上或自顶向下遍历树. 与逻辑树类似的一个概念是可视树.可视树基本上是逻辑树的扩展,在可视树中,节点都被打散,分放到核心可视组件中.可视树提供了一些详细的可视化实现,而不是把每个元素当作一个“黑盒”.…

可视化和了解代码综合了如何使用visual studio可视化代码来帮助理解代码: 理解代码和代码之间的关系:(1)Code Map(2)Dependency Graphs 理解代码交互:Sequence Diagrams 理解类结构:(1)UML Diagram(2)Class Diagram 描述系统设计和验证按照设计进行的编码:Layer Diagram 用户需求和系统架构之间的沟通:(1)需求建模(2)架构建模 Code Map and Debugger Integration in V…

HTML5真是太多炫酷的东西了,其中Web Audio API算一个,琢磨着弄了个音乐可视化的demo,先上效果图: 项目演示:别说话,点我!  源码已经挂到github上了,有兴趣的同学也可以去star或者fork我,源码注释超清楚的哦~~之前看刘大神的文章和源码,感觉其他方面的内容太多了,对初学者来说可能一下子难以抓到Web Audio API的重点,所以我就从一个初学者的角度来给大家说说Web Audio API这些事吧. Web Audio API与HTML5提供的Audio标签并不是同…

阅读本篇博客之前需要了解VS窗体设计器的工作原理,详细可参见本系列博客(十).(十一).(十二).必须需要知道的一条结论就是:处于窗体设计器(Form Designer)中的任何组件(包含控件,下同),都是实际存在的一个实例.也就是说,拖进去的button1,其实就是实例化一个Button控件. 通常编码中,我们在使用一个类型对象时,通过以下方式: Car c = new Car(); //实例化对象 c.Type = “标致308”; //设置属性 c.Color = Color.Black;…

概述 G2作为一款技术产品,自诞生以来,服务于广大的Web工程师群体和一部分数据分析师.一直来,G2 因其易用的语法和扎实的可视化理论基础,广受使用者好评.G2 1.x 的可视化能力已经非常强大,使用者已经能够在掌握图形语法的基础上结合自己对数据的理解,从而绘制出各种各样的可视化图表.然而,随着DT时代的更加深化,随着G2的发展,我们还是遇到了各种各样的,以往G2无法满足的可视化需求.经总结发现,大体上有以下几点: 数据导向,同一张图表中,绘制异构数据图形的需求 设计导向,对图形高度订制的需求…

MongoDB 是一款非常热门的NoSQL,面向文档的数据库管理系统,官方下载地址是:MongoDB,博主选择的是 Enterprise Server (MongoDB 3.2.9)版本,安装在Windows环境中. MongoDB使用BSON对象来存储,与JSON格式类型的键值对(key/value)类似,MongoDB数据库和关系型DB的存储模型对应关系: 一,设置Path环境变量 在Windows 环境中,MongoDB默认的安装文件存储目录是:C:\Program Files\Mongo…

Divshot 是一个在线网站,通过可视化方式进行 Web 界面的设计,并直接生成 HTML 和 CSS 代码.该工具提供常用的 Web UI 组件.界面基于 Twitter 的 Bootstrap 框架构建,生成的界面也基于 Bootstrap 框架运行.…

在前面的系列文章中,我们介绍了官方有关获取数据,以及建模的原始文档和基本介绍.今天继续给大家介绍官方文档中,有关可视化的内容.实际上获获取数据和建模更注重业务关系的处理,而可视化则关注对数据的解读.这是我的理解,因为可视化的手段非常丰富,在面对大量的数据和模型,如何从中提取重要的关系,发现重要的数据趋势,并来指导生产和业务开展,这个才是体现数据价值的地方.可视化虽然很简单,但过程非常体现你对业务的理解和发现问题的思路,并不是一个拖动图表的过程.这一块内容非常多,以后有机会再根据实际案例来一步步掌…