d3
文章平均质量分 87
_XXHolic_
这个作者很懒,什么都没留下…
展开
-
【译】Learn D3 入门文档:Further Topics
引子继 Learn D3: Interaction 最后一篇。原文:Learn D3: Further Topics版本:Published Mar 24, 2020OriginMy GitHub正文如果你从一开始就坚持这个教程,深呼吸,鼓励一下自己!???? 你已经涵盖了很多领域,并对典型的可视化有了重要的了解。但我们还没有到达顶峰!不,这只是大本营。是时候向上看,看看未来会发生什么。????干净的数据是有效数据可视化的先决条件。想要体验数据收集和清理,请阅读关于翻译 2021-10-08 08:11:17 · 114 阅读 · 0 评论 -
【译】Learn D3 入门文档:Joins
引子继 Learn D3: Animation 第七篇,只是英文翻译,可修改代码的部分用静态图片替代了,想要实时交互请阅读原文。原文:Learn D3: Joins版本:Published Mar 24, 2020OriginMy GitHub正文如果你熟悉此教程中的 D3 ,你可能会惊讶于 D3 选择器被提及的如此之少。那是因为你可能不需要它们!D3 选择器适用一个特殊的定位:快速,动态图表的增量更新。如果你关注的是静态图表,或者每帧都可以从头开始重新绘制的图表,那么翻译 2021-09-22 08:53:07 · 216 阅读 · 0 评论 -
【译】Learn D3 入门文档:Animation
引子继 Learn D3: Shapes 第六篇,只是英文翻译,可修改代码的部分用静态图片替代了,想要实时交互请阅读原文。原文:Learn D3: Animation版本:Published Mar 24, 2020OriginMy GitHub正文与在纸上绘制的图形不同,计算机图形不必是静态的;就像弗兰肯斯坦的怪物一样,他们可以通过动画活过来!✨上面的折线图逐步显示。这个可有可无的效果,应该谨慎使用,因为它会引起注意,但它至少强化了 x 代表时间,并给一个原本枯燥的图翻译 2021-09-13 08:57:34 · 122 阅读 · 0 评论 -
Learn D3 入门文档:Shapes
引子继 Learn D3: Scales 第五篇,只是英文翻译,可修改代码的部分用静态图片替代了,想要实时交互请阅读原文。原文:Learn D3: Shapes版本:Published Mar 24, 2020OriginMy GitHub正文SVG 和 Canvas 允许任何类型的图形是有意通用的;相比之下,D3 用于可视化,因此提供了专门的形状词汇,这些形状是生成路径数据的函数。路径可以画圆、矩形、直线、曲线、俯冲动作、老虎????, 还有你能想象到的任何事情。路径的翻译 2021-09-06 08:53:08 · 185 阅读 · 0 评论 -
【译】Learn D3 入门文档:Scales
引子继 Learn D3: Data 第四篇,只是英文翻译,可修改代码的部分用静态图片替代了,想要实时交互请阅读原文。原文:Learn D3: Scales版本:Published Mar 24, 2020OriginMy GitHub正文在 D3 数据图形所有工具中,最基本的是比例尺,它将数据的抽象维度映射到可视变量。为了尝试,看看这些小(但美味!)水果的数据集。我们通常认为维度是空间的,比如三维空间中的位置,但抽象维度不一定是空间的。它可能是定量的,例如上面每个水翻译 2021-09-02 09:02:54 · 175 阅读 · 0 评论 -
Learn D3 入门文档: Data
引子继 Learn D3: By Example 第三篇,只是英文翻译,可修改代码的部分用静态图片替代了,想要实时交互请阅读原文。原文:Learn D3: Data版本:Published Mar 24, 2020OriginMy GitHub正文在 Observable 上有多种方法可以获取数据。但由于我们刚刚开始,让我们使用最简单的:文件附件。这个笔记本有一个包含每日温度读数的 CSV 文件。我使用 Shift-Command-U ⇧⌘U 键盘快捷键添加它;你还可以通翻译 2021-08-23 08:50:40 · 411 阅读 · 0 评论 -
Learn D3 入门文档: By Example
引子继 Learn D3: Introduction 第二篇,只是英文翻译,可修改代码的部分用静态图片替代了,想要实时交互请阅读原文。原文:Learn D3: By Example版本:Published Mar 24, 2020OriginMy GitHub正文开始使用 D3 的最佳方式之一是浏览示例库。如果你运气好(而且有很多选择,你的几率也不错),你可能会找到一个可以重新调整用途的示例。这可以节省学习如何从头开始构建的大量精力。例如,要构造一个 treemap ,你翻译 2021-08-16 09:53:50 · 215 阅读 · 0 评论 -
【译】Learn D3 入门文档: Introduction
引子D3 很早就听说了想要尝试一下,找到的中文版翻译在查 API 的时候可以参考,对于入门不太方便,打算先把官方最新的入门教程同步翻译一下。原文:Learn D3: Introduction版本:Published Mar 24, 2020OriginMy GitHub正文本系列将引导你踏出使用 D3.js 的第一步。在我们开始之前,值得简单考虑一下:为什么要费心学习 D3 ?为什么要在 Observable 上学习?首先,D3 很受欢迎(179M 下载量和 97K翻译 2021-08-09 09:34:13 · 748 阅读 · 0 评论 -
【译】Learn D3 入门文档:Interaction
引子继 Learn D3: Joins 第八篇,只是英文翻译,可修改代码的部分用静态图片替代了,想要实时交互请阅读原文。原文:Learn D3: Interaction版本:Published Mar 24, 2020OriginMy GitHub正文几乎总是有太多的信息无法合理地“容纳”在图表中。因此,设计不仅仅是决定如何展示某些东西,而是根据我们认为对想象中的读者重要的东西,来决定展示什么和不展示什么。多亏了计算机,真正的读者现在有了发言权:可以根据读者兴趣的需要定制翻译 2021-10-02 07:20:05 · 156 阅读 · 0 评论