【译】Learn D3 入门文档: Introduction

2024-06-01 03:18

本文主要是介绍【译】Learn D3 入门文档: Introduction,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

引子

D3 很早就听说了想要尝试一下,找到的中文版翻译在查 API 的时候可以参考,对于入门不太方便,打算先把官方最新的入门教程同步翻译一下。

  • 原文:Learn D3: Introduction

  • 版本:Published Mar 24, 2020

  • Origin

  • My GitHub

正文

本系列将引导你踏出使用 D3.js 的第一步。

86-logo

在我们开始之前,值得简单考虑一下:为什么要费心学习 D3 ?为什么要在 Observable 上学习?

首先,D3 很受欢迎(179M 下载量和 97K start),所以你有一个良好的陪伴群体。这里有大量社区开发的资源,包括教程、视频、课程和书籍。D3 团队已经发布了数百个可派生的示例和教程,以有益于你的学习和生产力。

另一方面,D3 具有灵活的特性。D3 的超能力是你可以做任何你想做的事情——自由创造!D3 展廊是一个名副其实的种类动物园:treemap、hierarchical edge bundling、 Sankey diagram、 density contours、 force-directed graph 等等(还有近百个地图投影!)。这种灵活性源于 D3 的基础方法,主要关注可组合的基本元素,如形状和比例,而不是可配置的图表。D3 不施加任何约束,因此有益于利用现代浏览器支持的所有功能。

D3 以动画和交互著称。如果你有几分钟时间,可以观看一个 bar chart race 或 animated treemap 。进入到 hierarchical bar chart 、collapsible tree 或者可缩放的 sunburst、treemap 或 packed circles 。或者刷一个scatterplot matrix 或者放大一个 area chart 。动画是一个讲故事的有力载体,而交互让活跃的读者能够探索。

当然,获得这种力量是有代价的。有很多东西需要学习:D3 有超过三十个模块和一千种方法!D3 可能比专门用于探索可视化的工具更乏味,例如 Vega Lite。

这个时候轮到 Observable 出场了。

Observable 是学习 D3 的理想环境,因为它使用数据流简化了代码,就像电子表格一样。当你编辑时,单元格会自动运行以获得快速反馈。你几乎不需要代码就可以添加交互或动画!我们将介绍 Observable 的特性。

Observable 围绕协作展开,帮助你从社区中学习并回馈社区,而不仅仅是复制和粘贴。任何笔记本都可以派生或导入。笔记本可以导出为可复用的组件,例如 color legend 或 scrubber 。你可以对单元格进行评论、建议和合并更改,或寻求帮助。

简介足够了。让我们拉开帷幕,开始学习 D3 。

参考资料

  • Learn D3: Introduction

这篇关于【译】Learn D3 入门文档: Introduction的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/1019836

相关文章

Python FastAPI入门安装使用

《PythonFastAPI入门安装使用》FastAPI是一个现代、快速的PythonWeb框架,用于构建API,它基于Python3.6+的类型提示特性,使得代码更加简洁且易于绶护,这篇文章主要介... 目录第一节:FastAPI入门一、FastAPI框架介绍什么是ASGI服务(WSGI)二、FastAP

Python批量调整Word文档中的字体、段落间距及格式

《Python批量调整Word文档中的字体、段落间距及格式》这篇文章主要为大家详细介绍了如何使用Python的docx库来批量处理Word文档,包括设置首行缩进、字体、字号、行间距、段落对齐方式等,需... 目录关键代码一级标题设置  正文设置完整代码运行结果最近关于批处理格式的问题我查了很多资料,但是都没

Python自动化Office文档处理全攻略

《Python自动化Office文档处理全攻略》在日常办公中,处理Word、Excel和PDF等Office文档是再常见不过的任务,手动操作这些文档不仅耗时耗力,还容易出错,幸运的是,Python提供... 目录一、自动化处理Word文档1. 安装python-docx库2. 读取Word文档内容3. 修改

使用Python快速实现链接转word文档

《使用Python快速实现链接转word文档》这篇文章主要为大家详细介绍了如何使用Python快速实现链接转word文档功能,文中的示例代码讲解详细,感兴趣的小伙伴可以跟随小编一起学习一下... 演示代码展示from newspaper import Articlefrom docx import

浅析如何使用Swagger生成带权限控制的API文档

《浅析如何使用Swagger生成带权限控制的API文档》当涉及到权限控制时,如何生成既安全又详细的API文档就成了一个关键问题,所以这篇文章小编就来和大家好好聊聊如何用Swagger来生成带有... 目录准备工作配置 Swagger权限控制给 API 加上权限注解查看文档注意事项在咱们的开发工作里,API

SpringBoot3集成swagger文档的使用方法

《SpringBoot3集成swagger文档的使用方法》本文介绍了Swagger的诞生背景、主要功能以及如何在SpringBoot3中集成Swagger文档,Swagger可以帮助自动生成API文档... 目录一、前言1. API 文档自动生成2. 交互式 API 测试3. API 设计和开发协作二、使用

基于C#实现将图片转换为PDF文档

《基于C#实现将图片转换为PDF文档》将图片(JPG、PNG)转换为PDF文件可以帮助我们更好地保存和分享图片,所以本文将介绍如何使用C#将JPG/PNG图片转换为PDF文档,需要的可以参考下... 目录介绍C# 将单张图片转换为PDF文档C# 将多张图片转换到一个PDF文档介绍将图片(JPG、PNG)转

Spring Security 从入门到进阶系列教程

Spring Security 入门系列 《保护 Web 应用的安全》 《Spring-Security-入门(一):登录与退出》 《Spring-Security-入门(二):基于数据库验证》 《Spring-Security-入门(三):密码加密》 《Spring-Security-入门(四):自定义-Filter》 《Spring-Security-入门(五):在 Sprin

活用c4d官方开发文档查询代码

当你问AI助手比如豆包,如何用python禁止掉xpresso标签时候,它会提示到 这时候要用到两个东西。https://developers.maxon.net/论坛搜索和开发文档 比如这里我就在官方找到正确的id描述 然后我就把参数标签换过来

数论入门整理(updating)

一、gcd lcm 基础中的基础,一般用来处理计算第一步什么的,分数化简之类。 LL gcd(LL a, LL b) { return b ? gcd(b, a % b) : a; } <pre name="code" class="cpp">LL lcm(LL a, LL b){LL c = gcd(a, b);return a / c * b;} 例题: