文档章节

D3效果demo

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

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

    直接截图看效果吧

直方图

堆栈图

簇图

分区图

    树图

捆图

力导向图

包图

弦图

饼图

散点图

 

 

折线图

区域图和坐标轴

弧图

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

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

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

 

 

© 著作权归作者所有

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

洋碱

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

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

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

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

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

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

peakedness丶
2018/10/23
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
去除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

没有更多内容

加载失败,请刷新页面

加载更多

深入理解JVM—JVM内存模型

深入理解JVM—JVM内存模型 我们知道,计算机CPU和内存的交互是最频繁的,内存是我们的高速缓存区,用户磁盘和CPU的交互,而CPU运转速度越来越快,磁盘远远跟不上CPU的读写速度,才设计了内存...

onedotdot
24分钟前
1
0
MVC、MVCS、MVVM、MVP、VIPER等这么多架构模式哪一个好呢?

在项目开启阶段,其中一个很重要的环节就是选架构。 那么面对目前已知的这么多架构模式我们该怎么选择呢?这确实是个很让人头疼的问题! 下面我就在这里梳理一下目前常见的一些架构模式。 先...

Java干货分享
今天
3
0
简单模仿配置文件的反射机制

//Student类 public class Student { public void love() { System.out.println("python"); } } //Tesy类 public class Tesy { public static void main(String[] args) throws Exceptio......

南桥北木
今天
2
0
你真的需要了解一下CSS变量 var()的用法

当Web项目变得越来越大时,他的CSS会变得像天文数字那么大而且还变得混乱。为了帮助我们解决这个问题,新的CSS变量很快就会出现在主流浏览器中,它让开发人员能够重用并轻松编辑重复出现的C...

前端小攻略
今天
1
0
嵌入式应用选择合适的微控制器

为嵌入式应用选择微控制器有几个原因,即低成本,高集成度,增加可靠性,节省空间等。 准备所需硬件接口列表使用微控制器的基本硬件框图,准备一份微控制器需要支持的所有外设接口的列表。微...

linux-tao
今天
5
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部