D3

最新推荐文章于 2024-10-30 19:10:39 发布
最新推荐文章于 2024-10-30 19:10:39 发布
阅读量86 收藏
点赞数
文章标签： javascript ViewUI
D3.js是一个JavaScript库，它可以 通过数据来操作文档。D3可以通过使用HTML、SVG和CSS把数据鲜活形象地展现出来。D3严格遵循Web标准，因而可以让你的程序轻松兼容现代主流浏览器并避免对特定框架的依赖。同时，它提供了强大的可视化组件，可以让使用者以数据驱动的方式去操作DOM。

看下d3/echarts/highcharts的区别

https://www.waitig.com/d3-js%E5%92%8Chighchartsecharts%E6%80%A7%E8%83%BD%E5%AF%B9%E6%AF%94.html
 

使用d3可以做的事情举例：https://github.com/d3/d3/wiki/Gallery

中文文档：https://github.com/xswei/d3js_doc

 

https://d3js.org/

https://github.com/d3/d3/wiki/CN-Home

weixin_33975951
关注
D3.js学习总结
浩时代的博客
11-01 3474
D3.js是一个JavaScript库，它可以通过数据来操作文档。D3可以通过使用HTML、SVG和CSS把数据鲜活形象地展现出来。同时，它提供了强大的可视化组件，可以让使用者以数据驱动的方式去操作DOM。（维基百科）简言之，D3是目前最流行的可视化库之一，它利用现有的Web标准，通过更简单的（数据驱动）方式来制作炫目的可视化效果。D3 的主要作者是才华横溢的Mike Bostock，此外还有几位贡
d3vue：VueJS的D3插件
02-05
如果您当前正在使用d3vue，我们将暂停该项目的更新。 我们创建了一个新插件，可使用独立组件更深入地与Vue集成。 查看我们的Github页面以获取 D3 + Vue：VueJS的D3插件 D3与Vue.js集成 d3vue是VueJS 2的插件，它使...
d3
weixin_42594318的博客
07-19 151
1%为两个整数取余，小数没有意义（但不会报错）结果与被取余数符号相同。 例子 public class C { public static void main(String[] args) { System.out.println(3%5); System.out.println(-3%5); System.out.println(3%(-5)); } } 输出： 3 ...
D3.js-基础知识
李刚的学习专栏
09-24 1万+
数据可视化已变得越来越被重视，市面上也出现了越来越多的图标库，如Highcharts。图标库很容易可以上手，然而在当前注重用户交互的时代，其不易交互性突显的越来越明显。 一、数据可视化数据可视化起源于18世纪，当时使用柱形图和折线图来表示国家进出口量。近年，随着大数据时代的到来，数据可视化作为大数据量的呈现方式，成为当前重要的课题。数据可视化的目的，是要对数据进行可视化处理，以使得能够明确地、有效地
D3.js知识总结
happy_programer的博客
08-24 7130
D3.js使用方法 D3.js官网 D3js 是一个可以基于数据来操作文档的 JavaScript 库。可以帮助你使用 HTML, CSS, SVG 以及 Canvas 来展示数据。D3 遵循现有的 Web 标准，可以不需要其他任何框架独立运行在现代浏览器中，它结合强大的可视化组件来驱动 DOM 操作。 D3设置SVG中的属性 常见的属性 id,class(特殊的属性) x,y,cx,cy(注意屏幕的坐标系) fill(填充的颜色),stroke(外轮廓的颜色) height,width(矩形的宽高),
D3.js学习02_数据绑定data
flora_zhl的博客
06-14 424
D3可以将数据集与元素集进行绑定。 datum()：绑定一个数据到选择集上 data()：绑定一个数组到选择集上，数组的各项值分别与选择集的各元素绑定 Demo2 var dataset=[1,3,5]; var p=d3.select("body").selectAll("p");//找到所有的段落元素,其实并没有找到 p.data(da
可视化工具D3教程
热门推荐
Blog | Laulliam
06-27 6万+
可视化工具D3教程第1章 D3简介第2章 第一个程序 Hello World第3章 正式进入D3的世界第4章 选择、插入、删除元素第5章 做一个简单的图表第6章 比例尺的使用第7章 坐标轴第8章 完整的柱形图第9章 让图表动起来第10章 理解 update()、enter()、exit()第11章 交互式操作第12章 布局第13章 饼状图第14章 力导向图第15章 树状图第16章 地图可视化学习D......
D3JS常用API
weixin_41897680的博客
03-30 1990
D3JS常用API
D3介绍
kriszhang的博客
04-14 3440
D3介绍D3是用来做web页面可视化的组件，其官方网址为http://d3js.org安装D3类库的文件只有一个d3.js。下载后直接在html的<script>标签中引用此js就可以了。 最好安装一个web服务器，例如apache HTTP server, nginx等等。绘制SVG一般D3实在SVG上进行作图的。虽然可以在Canvas上作图，但D3提供了大量SVG图形的生成器，也就是说D3更面
D3 API
刘贵庆的博客
08-13 5447
D3 是一组旨在协同工作的模块；您可以独立使用这些模块，也可以将它们作为默认构建的一部分一起使用。每个模块的源代码和文档都可以在其存储库中找到。请按照以下链接了解更多信息。有关主要版本之间的更改，请参阅CHANGES；另请参阅发行说明和3.x 参考。 数组（统计、搜索、迭代、集合、转换、直方图、实习） 轴 画笔 和弦 颜色 配色方案 轮廓 Voronoi 图 派遣 拖动 分隔符分隔值 宽松 获取 势力 数字格式 地理（路径、投影、球面数学、球面形状、流、变换） 层次结构
D3.js可视化库 v6.1.1.zip
03-18
D3.js是一个强大的JavaScript库，专门用于数据驱动的文档操作，尤其在数据可视化领域具有广泛的应用。这个压缩包“D3.js可视化库 v6.1.1.zip”包含的是D3.js库的一个特定版本——v6.1.1，它是开发者进行数据可视化...
Vue2 D3.js demo
03-03
Vue2 D3.js Demo是一个结合了Vue2框架与D3.js数据可视化库的示例项目。这个项目旨在展示如何在Vue2应用中有效地利用D3.js来创建动态、交互式的图表和数据可视化组件。Vue2是一款轻量级的前端JavaScript框架，以其...
d3.js框架离线引用包
04-26
**d3.js框架离线引用包** d3.js（Data-Driven Documents）是一个强大的JavaScript库，主要用于创建数据驱动的Web图形。它由Mike Bostock开发，被广泛应用于数据可视化，尤其是在网页和交互式应用程序中。这个“d3....
d3-3d:用于3D可视化的D3.js插件
05-04
d3-3d d3-3d适用于3d可视化。 d3-3d允许将3d数据投影到Web浏览器的屏幕上。 它是专门设计用于。 查看更多。 正在安装 如果使用npm，请npm install d3-3d 。 您也可以下载。 否则，请使用获取最新版本。 例如： &...
CesiumJS 案例 P12：添加指定长宽的图片图层并居中显示（圆点分别为图片图层的中心点、左上角顶点、右上角顶点、左下角顶点、右下角顶点）
weixin_52173250的博客
10-30 845
CesiumJS 案例 P12：添加指定长宽的图片图层并居中显示（圆点分别为图片图层的中心点、左上角顶点、右上角顶点、左下角顶点、右下角顶点）
在Android开发中WebView的详细使用方法
LLZjiayou的博客
10-25 1217
WebView是一个非常强大的工具，用于在应用内加载网页内容。通过使用和其他配置，可以实现丰富的网页交互功能，同时确保应用的安全性和稳定性。如果有特定功能需求，可以在 Android 官方文档中查阅的详细说明。
JavaScript中this的指向和改变this指向的方法 - 2024最新版前端秋招面试短期突击面试题【100道】
everfoot的博客
10-29 603
了解this的工作原理是掌握JavaScript的关键之一，特别是在编写复杂的应用程序时。正确使用this可以避免许多常见的问题和错误。在实际开发中，合理选择不同的绑定方法，可以让你的代码更加灵活和易于维护。掌握这些this的知识点将帮助你在前端面试中脱颖而出！祝你顺利上岸！
vue实现语音合成功能，Android和wap端
ahualong1的博客
10-25 1102
vue项目需要实现小说朗读功能，wap端和Android APP端，wap端能使用的方法在Android端不能使用，需要使用原生Android的方法实现小说朗读功能。
echarts 遍历多个图表，并添加resize缩放
最新发布
licongmingli的博客
10-30 126
遍历echarst多个图表，并添加独立的缩放函数
FTDI D3xx编程指南
"AN_379 D3xx Programmer's Guide.pdf" 是一份由Future Technology Devices International Limited (FTDI)发布的应用笔记，主要针对D3xx系列编程者提供指南。这份文档详细介绍了如何使用FTDI的SuperSpeed USB驱动...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值