![](https://img-blog.csdnimg.cn/20201014180756738.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
D3
一只从零开始学习的小蜗牛
作为一个学计算机的妹子,以前对于程序总是得过且过,然而现在,面对着新的环境,周围大神环绕,作为一个小弱,我打算从头学起。虽然刚开始的时候有些困难,但是,我期待未来属于我的美好~
展开
-
D3学习记录之画柱状图
导师要求学习D3,so,开始学习 参考网站:http://www.ourd3js.com/wordpress/?p=121 (说明:作者初学,代码是按照网站上面已有的代码敲的,只是里面添加了一些自己在敲的过程中的一些感悟,代码版权归参考网站所有。代码贴在这里主要是为了记录自己的学习过程,也方便以后查看)<!DOCTYPE html><html lang="en"> <head>原创 2015-12-23 16:43:25 · 589 阅读 · 0 评论 -
D3学习记录之简单动画
之前看《数据可视化实战:使用D3设计交互式图表》的时候实现过动画,动画入门部分比较简单,基本上一气呵成,没有什么太大难度,代码练习仍然是参照: http://www.ourd3js.com/wordpress/?p=127 版权归原网站,本姑娘敲出来是为了学习和记录啦~代码一:三个小圆圈的故事<!DOCTYPE html><html lang="en"> <head>原创 2015-12-24 15:08:49 · 698 阅读 · 0 评论 -
D3学习之update、enter、exit
依旧参考:http://www.ourd3js.com/wordpress/?p=149 由于动画结束的比较早,就继续学了 enter以前看书的时候遇到过解释,这次按照网站示例敲了一遍,记忆更加深刻了 代码版权归原网站所有,本姑娘只是为了记录自己的学习历程,有一些注释是自己加进去的~<!DOCTYPE html><html lang="en"> <head> <met原创 2015-12-24 16:05:38 · 641 阅读 · 0 评论 -
D3学习:交互式操作
基于柱形图的简单交互操作最近一段时间的D3学习全部是基于http://www.ourd3js.com/wordpress/ 这个网站的,版权全部归上述网站所有,我就不每次都强调一遍了。前两天刚看了一个js讲动画的视频,今天正好用上,好开森~ 内容比较好理解,直接上代码啦~<!DOCTYPE html><html lang="en"> <head> <meta chars原创 2015-12-25 15:27:32 · 454 阅读 · 0 评论 -
D3学习记录:布局1——饼状图
布局之饼状图开始学习布局啦~~ 一些新的概念来了,需要慢慢体会~<!DOCTYPE html><html lang="en"> <head> <meta charset="utf-8"> <title>布局学习之饼状图</title> <script type="text/javascript" src="../d3/d3.min.js">原创 2015-12-25 16:37:29 · 454 阅读 · 0 评论 -
D3学习:力导向图布局
今天一早上起来复习了会儿算法的NPC证明,好烧脑,本宝宝现在都有点而力不从心了~ 到图书馆学D3,雷打不动,即使有考试也不放弃码代码~~ 力导向图,之前学过一个比较复杂的,那时候按照一个demo写完了累的本宝宝半死也没怎么理解其中内涵,这回再看,感觉好多了,还是得循序渐进啊~<!DOCTYPE html><html lang="en"> <head> <meta cha原创 2015-12-26 11:19:48 · 3500 阅读 · 0 评论 -
D3学习之弦布局
几天的稍稍有点难度,估计还得反复多敲几遍才能有更深刻的领悟<!DOCTYPE html><html lang="en"> <head> <meta charset="utf-8"> <title>弦图制作入门</title> <style type="text/css"> .chord path { f原创 2015-12-26 16:01:37 · 555 阅读 · 0 评论 -
JSON入门(1)
学习网站:http://www.ourd3js.com/wordpress/?p=1852#more-1852 此处记录 JSON(JavaScript Object Notation)JavaScritp对象标记法 语法规则数组:方括号表示 对象:大括号表示 名称/值 对:用冒号隔开名称放在双引号中(但就之前写的力导向图,名称没有放在双引号里面也是可以正常运行的,我想这个可能是因为没原创 2015-12-27 10:42:39 · 334 阅读 · 0 评论 -
D3学习:集群布局
今天这段代码敲完了有很多的疑问,暂且记下代码,之后慢慢想一下我不懂的地方<!DOCTYPE html><html lang="en"> <head> <meta charset="utf-8"> <title>集群布局学习</title> <style type="text/css"> .node {原创 2015-12-27 11:48:33 · 388 阅读 · 0 评论