D3.js

D3 是最流行的可视化库之一,它被很多其他的表格插件所使用。它允许绑定任意数据到DOM,然后将数据驱动转换应用到Document中。你可以使用它用一个数组创建基本的HTML表格,或是利用它的流体过度和交互,用相似的数据创建惊人的SVG条形图。D3-js D3JS

相关文章

加载中

[博客] d3.js

https://my.oschina.net/u/1992917/blog/366624

/** * Created by ll0u on 1/12/2015. */ //曲线图 //var width = 500, // height = 250, // margin = {top: 30, right: 30, bottom: 30, left: 30}, // g_width = width - margin.left - m...

2015/01/12 00:00

[博客] D3.js学习

https://my.oschina.net/u/2356474/blog/468650

什么是D3.js? 一句话:D3.js是一个操纵数据的javascript库! 从一个简单的例子开始 学习一个新的东西其实很简单,我们先来一个效果图,然后我们再一条条改它的语句,对比呈现的效果来学习这条...

2015/06/19 00:00

[博客] d3.js 纪要

https://my.oschina.net/u/157514/blog/174821

// Enter & Exit var p = d3.select("body").selectAll("p").data([4, 8, 15, 16, 23, 42]).text(String); p.enter().append("p").text(String); p.exit().remove(); //scale var x = d3.sca...

2013/11/07 00:00

[博客] D3.js v5 Tutorials

https://my.oschina.net/u/4262536/blog/3614550

D3.js v5 Tutorials D3.js v5 教程 https://github.com/d3/d3/blob/master/API.md CHANGES https://github.com/d3/d3/blob/master/CHANGES.md & 16 进制转换 d3-scale https://github.com/d3...

2019/03/13 00:00

[博客] D3.js入门指南

https://my.oschina.net/u/4347889/blog/3347127

近期略有点诸事不顺,趁略有闲余之时,玩起D3.js。之前实际项目中主要是用各种chart如hightchart、echarts等,这些图形库玩起来貌都是完美的,一切皆可配置,但几年前接触了D3之后,觉得前面...

2019/11/14 00:00

[问答] d3.js chord+pack问题

https://www.oschina.net/question/2704663_2162887

@刘铭-Mink 你好,想跟你请教个问题:看到您发的博客,刚好我也想做一个类似的东西。但是我对js还不熟悉,我想问这两种图结合是需要更改d3.js的源码吗?如何让两个图叠在一起显示呢?都是svg...

2016/04/06 00:00

[博客] d3.js的基础使用

https://my.oschina.net/u/4365362/blog/4533407

d3的介绍 D3.js(Data-Driven Documents)是一个使用动态图形进行数据可视化的JavaScript程序库。与W3C标准兼容, d3和echarts的区别 ECharts,一个使用 JavaScript 实现的开源可视化库,可以...

08/28 00:00

[博客] D3.js学习(一)

https://my.oschina.net/u/4343451/blog/3936508

从今天开始我将和大家一起学习D3.js(Data-Driven Documents),由于国内关于D3的学习资料少之又少,所以我觉得很有必要把自己学习过程记录下来,供同学们参考,如果文章有有哪些表达有错误的...

2018/06/15 00:00

[博客] D3.js学习(一)

https://my.oschina.net/u/3687565/blog/1554374

从今天开始我将和大家一起学习D3.js(Data-Driven Documents),由于国内关于D3的学习资料少之又少,所以我觉得很有必要把自己学习过程记录下来,供同学们参考,如果文章有有哪些表达有错误的...

2017/10/21 00:00

[博客] D3.js学习(二)

https://my.oschina.net/u/3687565/blog/1554375

上一节中我们已经画出了一个基本的图表,不过忘了给坐标轴添加标签了,所以在本节中我们要给坐标轴加上标签,目标效果如下 给X轴添加标签 很明显,标签是不是一个text内容块啊,所以我们只要...

2017/10/21 00:00

[博客] D3.js学习(三)

https://my.oschina.net/u/3687565/blog/1554376

上一节中,我们已经画出了图表,并且给图表添加了坐标轴的标签和标题,在这一节中,我们将要学习几个绘制线条不同特性的几个函数,以及给图表添加格栅。ok,进入话题! 如何给线条设置绘制的样...

2017/10/21 00:00

[博客] D3.js 的气泡demo

https://my.oschina.net/u/4382976/blog/3548868

2019/05/06 00:00

[博客] d3.js 实现烟花鲜果

https://my.oschina.net/u/4267381/blog/3253341

今天在d3.js官网上看到了一个烟花的DEMO,是canvas制作的,于是我想用d3.js来实现它,js代码只有几行。好了废话不多说,先上图。 1 js 类 因为烟花要有下落的效果,所以里面用到了一些简单的...

04/16 00:00

[博客] d3.js学习笔记(未完待续)

https://my.oschina.net/u/249274/blog/114012

d3.js和jQuery一样,是链式语法。 d3.js常用方法: 1. d3.select():使用CSS选择器语法从DOM中选择单一元素。 如:d3.select("body"); 2. d3.selectAll():选择所有符合要求的元素。 如:d3....

2013/03/15 00:00

[博客] [译]D3.js 漫游指南

https://my.oschina.net/u/3413999/blog/1831645

原文: https://medium.com/@enjalot/the-hitchhikers-guide-to-d3-js-a8552174733a 译文源代码地址: https://github.com/ssthouse/d3-blog/blob/master/d3-guide/d3roadmapcn.md 如果这篇文章...

2018/06/18 00:00

[博客] D3.js学习(四)

https://my.oschina.net/u/3687565/blog/1554377

上一节我们已经学习了线条样式和格栅的绘制,在这一节中我们将要根据之前绘制的线条对图表进行填充,首先来看一下我们的目标吧 在这个图表中,我们对位于线条下面的空间进行了填充,那么,如...

2017/10/21 00:00

[博客] D3.js area函数

https://my.oschina.net/u/861926/blog/395030

var area = d3.svg.area().interpolate("monotone").x(function(d) { return x(d.date); }).y0(260).y1(function(d) { return y(d.price); }); //.x()数据点在x轴的坐标d.date //.y1数据点在...

2015/04/02 00:00

[博客] d3.js数据布局

https://my.oschina.net/u/2858792/blog/3042231

数据未核实,只是样式,版本d3.V.3.5;每一帧的动画,是鼠标放置某处的状态。 数据格式:JSON 主要应用交互关系方面的大数据 备注:这不是UI设计出来,而是d3.v.3.5进行逆向思维编程而实现出...

2019/04/25 00:00

[博客] d3.js 坐标轴与刻度

https://my.oschina.net/u/4257869/blog/3489310

2019/06/24 00:00

[博客] d3.js 入门指南 - 仪表盘

https://my.oschina.net/u/4400455/blog/3442169

D3的全称是Data-Driven Documents(数据驱动的文档),是一个用来做数据可视化的JavaScript函数库,而JavaScript文件的后缀通常为.js,所以D3被称为D3.js。 d3.js可以定制出各种图形,今天来...

2019/08/02 00:00
返回顶部
顶部