首页
首页
AI Coding
NEW
沸点
课程
直播
活动
AI刷题
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
数据可视化
全村最野的狗
创建于2022-12-05
订阅专栏
数据可视化 D3
等 1 人订阅
共19篇文章
创建于2022-12-05
订阅专栏
默认顺序
默认顺序
最早发布
最新发布
DataV 调研记录
开启掘金成长之旅!这是我参与「掘金日新计划 · 12 月更文挑战」的32天,点击查看活动详情 官网地址 开发流程 1. 产品 or UI 定制界面 2. 前端开发登录 DataV 实现大屏 3. 后端
[手写散点图&坐标轴] 添加坐标轴到视图中
开启掘金成长之旅!这是我参与「掘金日新计划 · 12 月更文挑战」的28天,点击查看活动详情 添加坐标轴到视图中 介绍 另一种改进散点图的方法是添加 x 轴和 y 轴。 D3 有两种方法来渲染 y 轴
[手写散点图] 使用预定义的比例放置元素
开启掘金成长之旅!这是我参与「掘金日新计划 · 12 月更文挑战」的27天,点击查看活动详情 使用预定义的比例放置元素 介绍 当比例尺建立好后,是时候重新映射散点图了。 比例尺就像操作函数一样,将 x
使用 d3.max 和 d3.min 函数在数据集中查找最小值和最大值 & 使用动态比例
开启掘金成长之旅!这是我参与「掘金日新计划 · 12 月更文挑战」的26天,点击查看活动详情 使用 d3.max 和 d3.min 函数在数据集中查找最小值和最大值 介绍 D3 的 domain()
用 D3 创建线性比例 & 按比例设置域和范围
开启掘金成长之旅!这是我参与「掘金日新计划 · 12 月更文挑战」的25天,点击查看活动详情 用 D3 创建线性比例 介绍 条形图和散点图都直接在 SVG 画布上绘制数据。 但是,如果一组的高或者其中
向散点图的 Circles 添加标签
开启掘金成长之旅!这是我参与「掘金日新计划 · 12 月更文挑战」的24天,点击查看活动详情 向散点图的 Circles 添加标签 介绍 你可以为散点图中的点添加文本来创建标签。 目标是显示 data
给 Circle 元素添加属性(实现散点图)
开启掘金成长之旅!这是我参与「掘金日新计划 · 12 月更文挑战」的23天,点击查看活动详情 给 Circle 元素添加属性 介绍 上个挑战为 dataset 中的每个点都创建了 circle 元素,
给 D3 元素添加工具提示 & 使用 SVG Circles 创建散点图
开启掘金成长之旅!这是我参与「掘金日新计划 · 12 月更文挑战」的22天,点击查看活动详情 给 D3 元素添加工具提示 介绍 当用户在一个对象上悬停时,提示框可以显示关于这个对象更多的信息。 在可视
给 D3 标签添加样式 & 给 D3 元素添加悬停效果
开启掘金成长之旅!这是我参与「掘金日新计划 · 12 月更文挑战」的21天,点击查看活动详情 给 D3 标签添加样式 介绍 D3 可以将样式添加到条形标签中。 fill 属性为 text 节点设置文本
更改 SVG 元素的颜色 & 给 D3 元素添加标签
开启掘金成长之旅!这是我参与「掘金日新计划 · 12 月更文挑战」的20天,点击查看活动详情 更改 SVG 元素的颜色 介绍 所有条形图的位置都是正确的,但是它们都是一样的黑色。 SVG 可以改变条形
动态更改每个条形的高度 & 反转 SVG 元素
开启掘金成长之旅!这是我参与「掘金日新计划 · 12 月更文挑战」的19天,点击查看活动详情 动态更改每个条形的高度 介绍 和动态设置 x 值一样,也可以把每个条形的高度设置成数组中数据点的值。 d
为集合中的每个数据点创建一个数据条 & 动态设置每个 Bar 的坐标
开启掘金成长之旅!这是我参与「掘金日新计划 · 12 月更文挑战」的18天,点击查看活动详情 为集合中的每个数据点创建一个数据条 介绍 上篇文章在 svg 中添加了一个矩形来表示数据条。 接下来你将结
用 SVG 显示形状
开启掘金成长之旅!这是我参与「掘金日新计划 · 12 月更文挑战」的17天,点击查看活动详情 用 SVG 显示形状 介绍 强调: 设置属性使用 attr() 方法。 上一篇文章我们用给定的宽和高创建了
了解 D3 中的 SVG
开启掘金成长之旅!这是我参与「掘金日新计划 · 12 月更文挑战」的16天,点击查看活动详情 了解 D3 中的 SVG 介绍 SVG 是 Scalable Vector Graphics 的缩写。 “
更改条形图的显示方式&为条形图加上焦点效果
开启掘金成长之旅!这是我参与「掘金日新计划 · 12 月更文挑战」的15天,点击查看活动详情 更改条形图的显示方式 介绍 我们创建了一个条形图,可以通过下面的格式调整来美化它: 通过在 CSS 中为
用 D3 添加 Class&动态更新元素的高度
开启掘金成长之旅!这是我参与「掘金日新计划 · 12 月更文挑战」的14天,点击查看活动详情 用 D3 添加 Class 介绍 attr() 给元素添加任何 HTML 属性 即使对小型 app 来说,
给元素添加内联样式&根据数据更改样式
开启掘金成长之旅!这是我参与「掘金日新计划 · 12 月更文挑战」的13天,点击查看活动详情 给元素添加内联样式 介绍 D3允许你使用 style() 方法在动态元素上添加内联 CSS 样式。 sty
使用 D3 中的数据&动态数据
开启掘金成长之旅!这是我参与「掘金日新计划 · 12 月更文挑战」的第12天,点击查看活动详情 使用 D3 中的数据 介绍 D3 是数据驱动的库。 可以使用 D3 的方法将数组形式的数据显示在页面上。
用 D3 给文档添加元素&选择元素
开启掘金成长之旅!这是我参与「掘金日新计划 · 12 月更文挑战」的第11天,点击查看活动详情 用 D3 给文档添加元素 我们有许多的方式给文档添加元素,那么使用 D3 是如何简单便捷的添加的呢? 介