首页
首页
沸点
课程
直播
活动
竞赛
商城
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
FinGet
掘友等级
前端工程师
前端 ---- 一直在路上
获得徽章 11
动态
文章
专栏
沸点
收藏集
关注
赞
83
文章 82
沸点 1
赞
83
返回
|
搜索文章
文章
热门
最新
Vue3 开发 Chrome 插件,实用小技巧
利用 vue3 + webComponent开发chrome插件,做多样式的隔离,以及怎么优化css的加载,监听dom节点的删除,并重新渲染等技巧。
D3(v7)入门十:树形图
数据 层次化 d3.hierarchy d3.hierarchy(data[, children]) - 从给定的层次结构数据构造一个根节点并为各个节点指定深度等属性.
D3(v7)入门九:力向导图
力向导图是绘图的一种算法,实现了用以模拟粒子物理运动的 velocity Verlet 数值积分器。仿真思路如下: 它假设任意单位时间步长 Δt = 1,所有的粒子的单位质量常量 m = 1。作用在每
D3(v7)入门八:和弦图
弦图,是一种表示实体之间相互关系的图形方法。直观的看,弦图由节点分段和弧形的边构成。节点分段沿圆周排列,节点之间的关系通过使用弧线或贝塞尔曲线相互连接。值得注意的是,这些弧线是有宽度的,且起止宽度可以
D3(v7)入门七:堆叠数据与柱状图
堆叠图是柱状图的一种形式,它显示了一些相对或绝对变量随时间变化的构成和比较。看起来像一系列堆叠在一起的柱状图。如果使用得当,堆叠图是一种非常有效的比较工具。它们旨在比较不同类别的总值。
D3(v7)入门七:饼图、环图、玫瑰图
饼图和之前介绍的柱状图和折线图不同,不存在坐标系,也就不会有比例尺的映射。在折线图的介绍中,我们提到了d3提供了一些图形构造器并了解了一下d3.line以及d3.area
D3(v7)入门六:折线图
本章我们来实现一下折线图,有了画柱状图的经验,我们可以快速的分析出柱状图和折线图的区别主要是x轴比例尺和绘制数据图形,其余的画布,坐标轴等,本章就不过多的讲解了。
D3(v7)入门五:柱状图
在了解了svg和d3的基础知识以及画图最重要的比例尺,接下来就可以开始画图表了。本章我们以柱状图为例,尽可能的按照图表的绘制步骤实现下面的柱状图。
D3(v7)入门四:比例尺
中国这么大,要在一张小小地图上画上中国,那么就需要按一定的比例缩小。D3 可视化画图,也是如此,例如:一个柱状图的最大值为10000,但是画布最大高度只有400,那么10000就只能被映射为400,那
D3(v7)入门三:D3 DataJoin
DataJoin(数据连接)是D3中很重要的一个概念。上一章有提到D3是基于数据操作DOM的js库,DataJoin使我们能够根据现有 HTML 文档中的数据集注入、修改和删除元素。
下一页
个人成就
优秀创作者
文章被点赞
2,294
文章被阅读
122,379
掘力值
8,127
关注了
31
关注者
536
收藏集
5
关注标签
61
加入于
2017-12-28