17、SVG与D3：数据可视化的强大工具

tree

于 2025-09-01 14:14:24 发布

阅读量29

点赞数

CC 4.0 BY-SA版权

分类专栏： Python数据可视化精要文章标签： SVG D3 data visualization

本文链接：https://blog.youkuaiyun.com/tree/article/details/151093651

Python数据可视化精要专栏收录该内容

18 篇文章 ¥499.90

订阅专栏¥69.90

会员秒杀 ¥9.9 重磅福利

超级会员免费看

SVG与D3：数据可视化的强大工具

一、SVG基础图形与元素

1.1 SVG 元素

SVG的 <polygon> 元素可用于创建多边形，其语法如下：

<polygon path="specify a list of points" fill="…" />

例如，下面的代码展示了如何使用 <polygon> 元素渲染一个立方体：

<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20001102//EN" 
 "http://www.w3.org/TR/2000/CR-SVG-20001102/DTD/svg-20001102.dtd"> 

<svg xmlns="http://www.w3.org/2000/svg" 
     xmlns:xlink="http://www.w3.org/1999/xlink" 
     width="100%" height="100%"> 
   <!-- <defs> element omitted for brevity --> 

   <!-- top face (counter clockwise) --> 
   <