摘要：
D3 selections选择DOM元素以便可以对这些dom元素做相应的操作，比如：更改其style,修改其属性，执行data-join操作，或者插入、删除相应elements 比如，如果给定5个circles: 我们可以使用d3.selectAll来选中所有的circles，并且通过.style和 阅读全文
摘要：
比例尺函数是这样的javascript函数： 接收通常是数字，日期，类别等data输入并且： 返回一个代表可视化元素的值，比如坐标，颜色，长度或者半径等 比例尺通常用于变换(或者说映射）抽象的数据值到可视量化变量（比如位置，长度，颜色等） 比如，假设我们有以下数组数据： [ 0, 2, 3, 5, 阅读全文
摘要：
本文将视图了解d3js提供的帮助我们创建矢量图形的helper函数，比如下面的: http://d3indepth.com/shapes/ lines curves pie chart segments symbols SVG 首先我们来认识一下SVG(scalable vector graphic 阅读全文
摘要：
凡是做过mobile网页web app开发的朋友一定对开发效率的底下会有吐槽。现在chrome dev tool改变了程序员们的苦比。 0.登录google chrome 1. chrome://inspect/#devices 2. android手机中打开chrome android 3. us 阅读全文
摘要：
在css布局中，有时会出现以下现象：父亲元素可能为0x0，而子元素实际上是有尺寸的。总结一下有以下几种场景会导致这种情况发生： If the child uses position: relative; top: 200px and move away from the parent. If the 阅读全文
摘要：
原文转自 http://www.yanshiba.com/archives/638 1: 为什么需要base64? ASCII码一共规定了128个字符的编码,这128个符号,范围在[0,127]之间.其中,[0,31],及127, 33个属于不可打印的控制字符. 在电子邮件传输信息时,有些邮件网关会 阅读全文
摘要：
今日在网页设计时，遇到了希望页面的几列同高需求的实现问题，搜罗了一下google,找到以下文章，感觉不错，翻译过来，同时作为学习加深印象。 https://css-tricks.com/fluid-width-equal-height-columns/ 相同高度的列布局在web design领域是个 阅读全文
摘要：
SVG不像canvas，SVG的所有元素都是以DOM元素存在于文档中的，我们可以像给任何普通的dom元素添加css样式一样，可以对svg的元素做styling.不过SVG元素的css样式名称和普通html元素的css样式属性名称还是有所区别的。下面给出一个完整的列表供参考 text元素拥有的css属 阅读全文
摘要：
vuejs 是一个数据驱动视图的前端框架，一切皆可以作为可重用的组件加以使用。 d3则是数据可视化javascript库，如何将二者的长处相结合是一个挑战。 https://tyronetudehope.com/2016/12/13/composing-d3-visualizations-with- 阅读全文
摘要：
翻译自https://sarasoueidan.com/blog/svg-coordinate-systems/ SVG元素不像传统的HTML elements一样受制于css box model。这就使得position或者transform这些svg元素有些不是很直观.然而，一旦我们理解了SVG 阅读全文