Currently browsing tag

javascript

初学 D3.js (二)世界地图之Map

好久没有写博客了,最近都在忙另外一个项目,D3.js的学习稍微放下了一段时间,现在闲下来了继续学D3.js。这篇文章中我们将用D3.js画世界地图。效果可以点这里,完整的代码和地图数据可以点这里

首先我们准备地图数据,这是我在网上找到的稍微做了修改,主要的修改是将某省合并到大陆,避免不必要的纠纷。 world-countries.json

我们用了默卡托投影后,南极洲太大了,所以我们先过滤南极洲,这里我们用到了 underscorejs。

var features = _.filter(data.features, function(value, key) {
  return value.properties.name != 'Antarctica';
});

阅读全文 “初学 D3.js (二)世界地图之Map” »

初学 D3.js (一)第一印象之helloworld

最近开始尝试着去学习一些数据可视化的技术,虽然我不是做前端的,但我觉得还是有必要掌握一些可视化的技能的,特别是在项目的前期,没有前端和美工帮你的时候,我们需要自己掌握一些可视化的技术,做出一个可以演示的原型系统。

当自己尝试着去学习 D3.js 时,才发现这个学习曲线不是一般的陡峭。这里记下自己刚开始学习的时候,一些简单的理解。或许可能是错误的一些理解,不过我会回过头来修正这些的。

常见的数据可视化的前端类库
  1. Highcharts JS 应用非常广的一个 Javascript 图表类库,经常可以在各类报表应用中看到影子。
  2. jqPlot 也非常的漂亮,最关键的是 Free and Open Source,项目中有些模块已经在用了。
  3. Echarts 百度做的,看上去很漂亮的样子,不过没用过。
  4. LimeJS 一个 HTML5 的游戏框架,以前用它做过一个简单的游戏,也很不错。
  5. 还有很多其他的吧,不过都没有一个个的考察过去。

阅读全文 “初学 D3.js (一)第一印象之helloworld” »