当前访客身份:游客 [ 登录  | 注册加入尚学堂]
直播

easychart

拥有积分:4
这家伙太懒,还没有签名!

博客分类

笔记中心

课题中心

提问中心

答题中心

解答题中心

  • D3.js学习笔记(三)——创建基于数据的SVG元素
    目标   在这一章,你将会使用D3.js,基于我们的数据来把SVG元素添加到网页中。这一过程包括:把数据绑定到元素上,然后在使用这些元素来可视化我们的数据。   注意:不同于前几章,我们从一个完整的代码开始,然后去一步步理解它,从这一章开始...
  • D3.js学习笔记(二)——使用绑定在DOM上的数据
    简单例子   在这个例子中,你将会使用D3.js来将数据绑定到DOM元素上。然后再使用D3.js利用绑定到DOM元素上的数据来更新网页。   在上一章中,我们以下面这个页面作为开始的: 1 <!DOCTYPE html> 2 <html>...
  • D3.js学习笔记(六)——SVG基础图形和D3.js
    目标   在这一章,我们将会重温SVG图形,学习如何使用D3.js来创建这些图形。   这里会包括前面例子中的SVG基础图形以及如何使用D3.js设置图形的属性。 使用D3.js画一个SVG 的 圆 circle   可以使用如下代码创建:...
  • d3.js学习笔记(五)——将数据结构化为D3.js可处理的
    目标 在这一章,你将会理解如何对数据进行结构化,来更好的使用D3.js。 我们将会回顾我们之前已经学习的,学习D3.js如何使用选集(selections),JavaScript对象基础,以及如何最优的结构化数据。 到目前我们已经学到了哪些...
  • 【 D3.js 入门系列 --- 10.2 】 可拖动的地图
     本节是结合 9.2节 和 10节 的内容制作的一个可力学导向的中国地图,用户可以拖动中国的各个省份。     数据用的是 10.1节 中简化的中国地图文件: china_simplify.json     1. 定义各函数 var pr...
  • 【 D3.js 入门系列 --- 9.4 】 集群图的制作
     集群图( Cluster )通常用于表示包含与被包含关系。     现在我们给出数据,并将其可视化。数据的内容为:中国里包含的部分省份,省份里包含的部分城市。我们讲数据文件写在一个 JSON 文件中,再用 D3 来读取。 JSON(Jav...
  • 【 D3.js 入门系列 --- 9.5 】 树状图的制作
     树状图( Tree )通常用于表示层级、上下级、包含与被包含关系。树状图的制作和 9.4节集群图的制作 的代码几乎完全一样。不错,你没看错,几乎完全一样。那么为什么要把这两种图分开,它们有什么不同呢?先来看看对于同一组数据,它们的结果有什...
  • D3.js学习笔记(一)——DOM上的数据绑定
    开始学习D3.js,网上没有找到很满意的中文教程,但是发现了一个很好的英文教程,讲解的非常详细。从一个初始简单的HTML网页开始,逐步加入D3.js的应用,几乎是逐句讲解。学习的时候,就顺便翻译成中文,来和大家分享 。当然,更推荐看英文原文...
  • 【 D3.js 入门系列 --- 9.6 】 打包图的制作
     打包图( Pack ),用于包含与被包含的关系,也表示各个对象的权重,通常用一圆套一圆来表示前者,用圆的大小来表示后者。     先看本节所使用的数据:  city2.json     这是各城市所属关系的数据。我们现在要用 D3 的 l...
  • 【 D3.js 入门系列 --- 9.3 】 弦图的制作
      弦图( Chord ),主要用于表示两个节点之间的联系。如下图:     两点之间的连线表示,谁和谁具有联系:     线的粗细表示权重:     上面的介绍源于: http://circos.ca/guide/tables/  ,我就...
北京总部地址:北京市海淀区西三旗桥东建材城西路85号神州科技园B座三层尚学堂 咨询电话:400-009-1906 010-56233821
Copyright 2007-2015 北京尚学堂科技有限公司 京ICP备13018289号-1 京公网安备11010802015183