文档章节

D3效果demo

洋碱
 洋碱
发布于 2017/09/08 17:24
字数 273
阅读 24
收藏 1

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

    直接截图看效果吧

直方图

堆栈图

簇图

分区图

    树图

捆图

力导向图

包图

弦图

饼图

散点图

 

 

折线图

区域图和坐标轴

弧图

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

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

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

 

 

© 著作权归作者所有

共有 人打赏支持
上一篇: Astyle
下一篇: 关于D3
洋碱

洋碱

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

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

ssthouse_hust
07/16
0
1
Github Repository 可视化 (D3.js & Three.js)

Github Repository 可视化 (D3.js & Three.js) 先上 Demo 链接 & 效果图demo 链接github 链接 效果图 2D: 效果图 3D: 为什么要做这样一个网站? 最初想法是因为 github 提供的页面无法一次看到...

ssthouse_hust
10/17
0
3
在Vue项目里面使用d3.js

之前写一个 Demo里面 有些东西要使用d3实现一些效果 但是在很多论坛找资源都找不到可以在Vue里面使用D3.js的方法,npm 上面的D3相对来说 可以说是很不人性化了 完全没有说 在webpack上怎么使用...

peakedness丶
10/23
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
前端,关乎用户对产品的直接体验,比什么后台、架构更重要!

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

swingcoder
2016/08/24
11
1

没有更多内容

加载失败,请刷新页面

加载更多

码云项目100,水一发

简单回顾一下: 早期构想最多的,是希望能将PHP一些类和编码分区做得更细,所以很多尝试。但不得不说,PHP的功能过于单一,是的,也许写C/C++扩展,可以解决问题,那我为什么不用C#或者Golan...

曾建凯
今天
1
0
Spring应用学习——AOP

1. AOP 1. AOP:即面向切面编程,采用横向抽取机制,取代了传统的继承体系的重复代码问题,如下图所示,性能监控、日志记录等代码围绕业务逻辑代码,而这部分代码是一个高度重复的代码,也就...

江左煤郎
今天
4
0
eclipse的版本

Eclipse各版本代号一览表 Eclipse的设计思想是:一切皆插件。Eclipse核心很小,其它所有功能都以插件的形式附加于Eclipse核心之上。 Eclipse基本内核包括:图形API(SWT/Jface),Java开发环...

mdoo
今天
3
0
SpringBoot源码:启动过程分析(一)

本文主要分析 SpringBoot 的启动过程。 SpringBoot的版本为:2.1.0 release,最新版本。 一.时序图 还是老套路,先把分析过程的时序图摆出来:时序图-SpringBoot2.10启动分析 二.源码分析 首...

Jacktanger
今天
6
0
小白带你认识netty(二)之netty服务端启动(上)

上一章 中的标准netty启动代码中,ServerBootstrap到底是如何启动的呢?这一章我们来瞅下。 server.group(bossGroup, workGroup);server.channel(NioServerSocketChannel.class).optio...

天空小小
今天
4
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部