D3 API总览

学习外国的框架，零零星星和点点滴滴是不行的，还是要有一个高屋建瓴总揽全局的看法，所以就看看D3都有哪些方法。

core：selection, transition, arrays, math, loading external resources, string
formatting, csv formatting, localization(?), colors, Namesapce, Internal(?)

scales:quantitative, ordinal

svg:shapes, axex, control(局部)

time:formatting, scales, intervals

layouts:bubble, chord, cluster, force, hierarchy, histogram(直方图), pack,
partition(分隔), pie, stack, tree, treemap

geograph:paths, projections(投影), streams

geometry(几何):voronoi(沃罗诺伊), quantree(四叉树), polygon(多边形), hull(船壳形状)

behaviors:drag, zoom

D3 API总览,码迷,mamicode.com

时间： 2024-12-23 10:28:32

D3 API总览的相关文章

【D3 API 中文手册】提交记录

[D3 API 中文手册]提交记录声明:本文仅供学习所用,未经作者允许严禁转载和演绎 <D3 API 中文手册>是D3官方API文档的中文翻译.始于2014-3-23日,基于VisualCrew小组的六次协作任务之上,目前已经大致翻译完毕,将陆续向官网提交D3 API 中文版. 本文主要内容有: 列举初版翻译/校对人员列表记录中文翻译的官网提交情况提供校对联系方式提供D3 API简版翻译翻译/校对人员列表翻译人员列表 API项目文档页数单词数翻译校对 core.select

d3 API axis

场景 1.画网格线使用方法.innerTickSize(): 指定内刻度大小或者 .tickSize(inner, outer): 2.内外刻度线 innerTickSize outerTickSize tickSize 看需求调吧. 3. tickFormat 格式化 tickPadding 刻度和刻度线的间距 tickValues 指定刻度值,要根据xScale Test.prototype.xScale = function(length) { return d3.scale.line

d3 API zoom

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>d3</title> </head> <body> <div class="test"> </div> <script src="../js/jquery-2.1.4.js&

d3 API scale

1.d3.scale.category10() var colors = d3.scale.category10(); for (var i = 9; i >= 0; i--) { console.log(i+':'+colors(10-i)); } 注意:colors.length = 1; colors(key),key是什么不重要,顺序很重要. 2..range() 取值:.range([]) 赋值 3.rangePoints() rangeRoundPoints() 有点复杂,不常用关

d3可视化实战04：事件绑定机制

首先说明,d3支持所有的JS事件——甚至其他代码的自定义事件.这里有一个列表,The MDN Event Reference, 包含了几乎所有浏览器创建的事件类型.大家有需要可以去查看. D3的事件绑定的语法,与jquery等其他类库用起来区别不大,都是object.on( event, listener )的形式.但是在具体实践中,我们经常会遇到给同一个对象绑定多个事件监听器的问题.这里就原生js.jquery和d3分别进行讨论. 一.原生JS的事件绑定在探讨这个问题之前,我们首先需要看一下

d3可视化实战00：d3的使用心得和学习资料汇总

最近以来,我使用d3进行我的可视化工具的开发已经3个月了,同时也兼用其他一些图表类库,自我感觉稍微有点心得.之前我也写过相关文章,我涉及的数据可视化的实现技术和工具,但是那篇文章对于项目开发而言太浅了.于是想写关于d3进行项目实战的系列文章,就像我之前的angularjs实战系列文章一样把整个开发过程中遇到的各种问题及解决办法梳理成章,以为留存.作为开篇,我还是想先把这段时间来我一直参考的资料做一个整理,并谈一些宏观的体会. 一.前方有坑,注意! ————————————————————————

TIMAC 学习笔记１

TIMAC是TI公司推出的基于IEEE 802.15.4的通讯协议栈,编译环境为IAR,使用IAR自带的CLIB库,CLIB库提供了轻量级的C库,它不支持嵌入式C++.适用于RF4CE协议和ZigBee-Pro产品. 目前学习的MAC层协议版本为1.5.0. 为什么要学习TIMAC呢?在开发基于ZigBee的项目中,遇到了一些底层上的问题,再深入时,发现卡在底层封装的库中去,TIMAC比ZStack的底层开放程度更高,为了更好的理解无线传输的一些细节问题,才会去看TIMAC协议. 特点 1. 多

Supporting Multiple Screens 翻译支持各种屏幕（上）

Supporting Multiple Screens 支持各种各样的屏幕尺寸.屏幕密度 Android runs on a variety of devices that offer different screen sizes and densities. For applications, the Android system provides a consistent development environment across devices and handles most of t

蓝牙在小程序中的应用

1. 背景介绍蓝牙是爱立信公司创立的一种无线技术标准,为短距离的硬件设备提供低成本的通信规范.蓝牙规范由蓝牙技术联盟(Bluetooth Special Interest Group,简称SIG)管理,在计算机,手机,传真机,耳机,汽车,家用电器等等很多场景广泛使用.蓝牙具有以下一些特点: (1) 免费使用:蓝牙技术免费使用,并且使用的工作频段在2.4GHz的工科医(ISM)频段,无需申请许可证. (2) 功耗低:BLE4.0包含了一个低功耗标准(Bluetooth Low Energy),可