为什么一年也做不出一个亮眼的可视化项目? 2019 转瞬即逝,过去了一年,我们却没有真正意义上做出一个标杆性的可视化项目,我需要深刻反思一下。 最关键的原因,我觉得是对于业务和数据的不了解导致的。业务这关都没过,后面的设计、动效、实现,不管怎么做,肯定都是错的。 以最近的并购重组项目来说,改了三版,直到今天,我发现自己对于并购重组的业务仍然没有摸透,别人随便问几个问题,我就被卡住了。 这里面的关键,在于我了解一个业务的方法不对,一个是投入 2019-12-26 #数据可视化
优秀动效集合 金融类瑞达里奥(Ray Dalio)经济机器是怎样运行的(How the economic machine works): https://www.bilibili.com/video/av42862757?from=search&seid=5021097684038465434 里面有很多金融相关的名词的形象化设计、动作设计,值得我们学习。 成功的原则: https://www.bili 2019-12-26 #数据可视化 #动画
为什么要做动效、该如何推广? 公司的团队类型我们公司的团队一般分为两种类型,一种是业务型团队,一种是探索型团队。业务团队主要针对的是具体某个业务,比如PC的统一版,或者语音小象这种;探索型团队则类似问财这种,对具体某个技术,比如搜索、语音进行探索,然后制定一系列的服务、工具等基础内容,把系统建设起来,然后扩展新的业务,或者将这些技术应用到公司的各个业务线上。我们可视化属于探索型团队。 为什么现在要做动效?公司在发展的不同阶段, 2019-12-26 #随想 #数据可视化
如何在公司内部推广我们可视化的产品 对于我们可视化小组而言,我们探索的技术、实践经验、开发的工具、组件,都是我们的产品。产品要产生价值,就必须被大量用户使用才行。而现在我们面临的一个问题就是:用户太少。 所以2020年的一个重点就是:推广。 口碑推广俗话说:酒香不怕巷子深。如果产品够好,你不去推广也自然有人愿意用。所以首先我们得打造几个亮眼的东西出来,作为标杆。 比如几篇分享率超高的数据新闻、几个应用到具体业务上的动效和组件、几个炫 2019-12-25 #数据可视化
近期写总结计划过程中的一些想法 不要将自己定义为程序员企业最关心的(或者说唯一在乎的)事情,就是增加收入、降低成本。企业实际上需要的不是程序员,而是能够帮助它们增加收入、降低成本的人。企业雇佣你,是为了让你帮它们完成某个可以增加收入、降低成本的项目,而不是为了让你追求个人的软件成就。 遇到我搞不定的事情怎么办?找能搞得定的人帮我搞!主管、Boss、招聘,都是方法 这次的并购重组,说到底就是没有找对人 这是一个运行于资源之上的社会 2019-12-23 #随想 #目标与计划
如何播放和存储音频流文件 今天有个需求,想用一下文本转语音的功能。转换接口返回给我们的音频是一个字符串,因此需要做一些转换才能使用。这里记录下。 播放接口返回的是一个base64加密的字符串,因此我们需要先对其做解密,然后将其转为Blob对象(Binary Large Object,在Web领域,Blob被定义为包含只读数据的类文件对象),赋值给audio标签的src属性。 这是浏览器端执行的代码(我从MDN找了base6 2019-12-16 #JavaScript
笛卡尔坐标系 笛卡尔坐标系与平面几何坐标系的区别最大的区别就是: Y轴是反向的。 平面直角坐标系的Y轴,向下是负数,向上是正数,其象限是从X轴正方向,逆时针开始,分为1、2、3、4象限: 笛卡尔坐标系的Y轴,向上是负数,向下是正数,其象限是从X轴正方向,顺时针开始,分为1、2、3、4象限。图就不画了。 应用案例求一条线段上,距离起点长度为distance的点的坐标这个计算我们会经常用到,比如画两个节点之间 2019-12-12 #数据可视化
D3.js-事件监听 D3 的官方 API 文档,外链了很多资料,阅读该文档及其附带的资料,可以大大提升前端知识广度和深度。 绑定方式绑定/解绑事件的相关 API,可以查阅D3 的官方文档。 平时用得最多的,就是这个绑定接口: selection.on(typenames[, listener[, options]]) Adds or removes a listener to each selecte 2019-12-12 D3.js #数据可视化 #D3
如何在模块化项目中实现全局传递的数据对象 方案由于export输出的接口与其对应的值是动态绑定关系,即通过该接口可以设置/获取模块内部实时的值,因此只需要直接使用模块导出一个对象即可,如下: 1234567891011let data = { relationships: [], nodes: [], nodeMap: {}, options: {}, 2019-12-09 #JavaScript