文档章节

D3效果demo

洋碱
 洋碱
发布于 2017/09/08 17:24
字数 273
阅读 18
收藏 1
点赞 0
评论 0

    非常高兴吕之华前辈的分享与专著《精通D3.js》,让我能够快速上手开发实现,并封装出新的版本。不过话说回来《精通D3.js》简单易懂,更应该是D3的入门书籍,对更为深度的算法原理之类的并未阐述,主要是应用为主。但是非常适合新手学习。推荐指数5星

    直接截图看效果吧

直方图

堆栈图

簇图

分区图

    树图

捆图

力导向图

包图

弦图

饼图

散点图

 

 

折线图

区域图和坐标轴

弧图

完成了对D3的typescript的二次封装,非常开心,因为上手js没有多久,折腾前端环境也让人很头疼。不过完成了就很开心。后续还有进一步封装扩展,私人定制,加上threejs,感觉又是一条不归路了。

附上效果图网页,还有《精通D3.js》源码

链接: https://pan.baidu.com/s/1c0ciSY 密码: 8ka9

 

 

© 著作权归作者所有

共有 人打赏支持
洋碱

洋碱

粉丝 3
博文 64
码字总数 22077
作品 0
广州
高级程序员
用 D3.js 画一个手机专利关系图, 看看苹果,三星,微软间的专利纠葛

用 D3.js 画一个手机专利关系图, 看看苹果,三星,微软间的专利纠葛 前言 本文灵感来源于Mike Bostock 的一个 demo 页面 原 demo 基于 D3.js v3 开发, 笔者将其使用 D3.js v5 进行重写, 并改为...

ssthouse_hust
07/16
0
0
前端,关乎用户对产品的直接体验,比什么后台、架构更重要!

Google的前端网站最佳实践 https://github.com/google/web-starter-kit 图表 https://github.com/d3/d3/wiki/Gallery 前端框架(定义了包括前端的结构应该怎么样的,js/css的基本代码是什么,...

swingcoder
2016/08/24
11
1
推荐一个很棒的JS绘图库Flot

Flot是Ole Laursen开发的基于JQuery的纯JavaScript实现的绘图库,Flot使用起来非常简单,绘图效果相当绚丽,而且还支持一些图片的操作功能,例如图片的缩放。可以看一下Flot的demo: 绘制上面...

五味格子
2011/05/11
0
0
去除list中重复的对象

public static void main(String[] args) { List li=new ArrayList(); demo d1=new demo(1, "12"); demo d2=new demo(2, "12"); demo d3=new demo(3, "12"); demo1 d01=new demo1(1, "113",1......

silencexiaolei
2015/04/13
1K
6
通过数据自动生成流程图(前端方向)

最近博客更新的比较慢,因为工作比较忙所以只能抽出周末的时间写点东西了.好像除了过节还没有这么久没更新的记录,哈. 最近有一个需求是根据数据自动在前端页面画出一个流程导向图,简单说就是把...

顽Shi
2014/04/13
0
20
python subprocess 模块子进程输出问题

这段代码是想在获取子进程里面的实时的标准输出结果,而不是等子进程结束以后再输出最后的结果,但是每次执行输出的结果都不一样,比较费解,求大神指点?感谢!运行环境ubuntu 12.04.3 64bi...

秦牧羊
2014/05/30
438
1
以 Join 的方式来思考D3.js

声明 原文链接: 来自 D3作者 Mike Bostock bost.ocks.org/mike/join/ 译文地址: github repository 如果觉得还不错, 不妨去github给个star ? Content 打个比方, 你想用D3画一个 , 用每一个s...

ssthouse
06/13
0
0
44.2. JavaScript Charts

https://developers.google.com/chart/ http://demos.dojotoolkit.org/demos/chartTypes/demo.html http://www.amcharts.com/ http://www.highcharts.com/ http://www.flotcharts.org/ http:......

玄学酱
01/10
0
0
11 个用来创建图形和图表的 JavaScript 工具包

Aristochart DEMO || Download Aristochart 是一个用来创建图形和图表的最佳 JavaScript 工具包之一。完全可定制的灵活线图库。 Morris.Js – Pretty Time-Series Line Graphs DEMO || Downl...

oschina
2013/08/06
9.2K
19
Pentaho6.1中D3可视化库的集成及数据联动的实现

1、软件环境 操作系统版本:Win 10 64位 可视化图形库:D3 Pentaho版本: biserver-ce-6.1.0.1-196 2、对D3的简单介绍 D3允许你将任意的数据绑定到文档对象模型(DOM),然后运用数据驱动转换...

灯下黑鬼吹灯
2016/10/30
479
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

idea tomcat 远程调试

tomcat 配置 编辑文件${tomcat_home}/bin/catalina.sh,在文件开头添加如下代码。    CATALINA_OPTS="-Xdebug -Xrunjdwp:transport=dt_socket,server=y,suspend=n,address=7829" Idea端配......

qwfys
今天
1
0
遍历目录下的文件每250M打包一个文件

#!/usr/bin/env python # -*- utf-8 -*- # @Time : 2018/7/20 0020 下午 10:16 # @Author : 陈元 # @Email : abcmeabc@163.com # @file : tarFile.py import os import tarfile import thr......

寻爱的小草
今天
1
0
expect同步文件&expect指定host和要同步的文件&构建文件分发系统&批量远程执行命令

20.31 expect脚本同步文件 expect通过与rsync结合,可以在一台机器上把文件自动同步到多台机器上 编写脚本 [root@linux-5 ~]# cd /usr/local/sbin[root@linux-5 sbin]# vim 4.expect#!/...

影夜Linux
今天
1
0
SpringBoot | 第九章:Mybatis-plus的集成和使用

前言 本章节开始介绍数据访问方面的相关知识点。对于后端开发者而言,和数据库打交道是每天都在进行的,所以一个好用的ORM框架是很有必要的。目前,绝大部分公司都选择MyBatis框架作为底层数...

oKong
今天
12
0
win10 上安装解压版mysql

1.效果 2. 下载MySQL 压缩版 下载地址: https://downloads.mysql.com/archives/community/ 3. 配置 3.1 将下载的文件解压到合适的位置 我最终将myql文件 放在:D:\develop\mysql 最终放的位...

Lucky_Me
今天
2
0
linux服务器修改mtu值优化cpu

一、jumbo frames 相关 1、什么是jumbo frames Jumbo frames 是指比标准Ethernet Frames长的frame,即比1518/1522 bit大的frames,Jumbo frame的大小是每个设备厂商规定的,不属于IEEE标准;...

问题终结者
今天
1
0
expect脚本同步文件expect脚本指定host和要同步的文件 构建文件分发系统批量远程执行命令

expect脚本同步文件 在一台机器上把文件同步到多台机器上 自动同步文件 vim 4.expect [root@yong-01 sbin]# vim 4.expect#!/usr/bin/expectset passwd "20655739"spawn rsync -av ro...

lyy549745
今天
1
0
36.rsync下 日志 screen

10.32/10.33 rsync通过服务同步 10.34 linux系统日志 10.35 screen工具 10.32/10.33 rsync通过服务同步: rsync还可以通过服务的方式同步。那需要开启一个服务,他的架构是cs架构,客户端服务...

王鑫linux
今天
1
0
matplotlib 保存图片时的参数

简单绘图 import matplotlib.pyplot as pltplt.plot(range(10)) 保存为csv格式,放大后依然很清晰 plt.savefig('t1.svg') 普通保存放大后会有点模糊文件大小20多k plt.savefig('t5.p...

阿豪boy
今天
3
0
java 8 复合Lambda 表达式

comparator 比较器复合 //排序Comparator.comparing(Apple::getWeight);List<Apple> list = Stream.of(new Apple(1, "a"), new Apple(2, "b"), new Apple(3, "c")) .collect(......

Canaan_
昨天
1
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部