使用 Vue 和 SVG 构建甜甜圈图
我最近需要为工作中的一个报表仪表盘制作一个甜甜圈图。我希望它能够根据任意一组值动态计算其扇区，并带有标签，能够在所有屏幕尺寸和设备上良好缩放，并且易于访问，以及跨浏览器兼容等等。本文详细介绍了我使用 Vue.js 完成此操作的步骤。
Salomone Baquis 于 发布
文章标签
19 篇文章
像真正了解 D3 一样手动绘制图表
图表！除了社会学以外，我最不喜欢的科目。但在这个行业里，你不可能走得太远，就会有人让你制作图表。我不知道人们为什么对图表如此痴迷，但显然我们不能……
Burke Holland 于 发布
使用 CSS 变量和 Houdini 魔法创建简单的交互式饼图
当我偶然发现这个交互式 SVG 饼图时，我萌生了做类似事情的想法。虽然 SVG 代码非常简洁（一个单独的<circle></circle>元素！），但使用描边来创建饼图……
Ana Tudor 于 发布
使用 CSS Grid 创建条形图
如果您正在寻找更易于管理的方式来创建条形图，或者正在寻找练习 CSS Grid 布局的用例，我帮您搞定！
在开始绘制图形之前，我想谈谈如何编写条形代码……
Preethi 于 发布
使用圆锥渐变和 CSS 变量为范围输入创建甜甜圈图输出
我最近偶然发现了这个 Pen，我的第一个想法是它可以用三个元素完成：一个包装器、一个范围input和一个output。在 CSS 方面，这涉及使用conic-gradient()与……
Ana Tudor 于 发布
手工绘制的 SVG 条形图（包含一些 SVG 定位技巧）
让我们看看我在本周早些时候制作一个（看似）简单的条形图时，了解到的关于在 SVG 中定位元素的一些内容。
您别无选择，只能在 SVG 中定位元素。SVG 是……
Robin Rendle 于 发布
如何使用 SVG 制作图表
在我的第一篇关于制作图表的文章中，我探讨了仅依赖 CSS 的方法。我认为在大多数情况下这不是最佳选择；需要克服太多的棘手设计和开发障碍……
Robin Rendle 于 发布