在
网站设计过程中经常会需要考虑绘制雷达图情况，雷达图通常也称为蜘蛛图，是可视化数据和建立联系的另一种方式。雷达图具有内在的几何特性，这使得它非常适合CSS，而且使用CSS制作也很有趣，这要归功于polygon()功能。Preethi Sam演示了这个过程，并在其中添加了一些JavaScript以制作一个方便的、可重用的组件。
我开始使用一种新的数据可视化图表，称为雷达图当一个项目需要它时。这对我来说是新的，但这个想法是有一个圆形的二维圆，其中的情节围绕着图表。雷达图上的每个点不是简单的X轴和Y轴，而是它自己的轴，在圆的外缘和圆心之间标记一个点。这些图代表某种类别，当将它们连接在一起时，它们就像形成形状的顶点，有助于查看类别值的关系，这与SVG中的向量并不完全不同。
有使用雷达图的注意事项用于数据可视化。虽然它们确实有效，但当多个系列叠加在一起时，它们也可能难以阅读。图表之间的关系远不像条形图那样容易理解。圆形周围类别的顺序会影响整体形状，并且系列之间的比例必须一致才能得出结论。我最喜欢雷达图的一点是，它们天生具有几何形状。连接图会产生一系列形成多边形的角度。侧面是直线。CSS非常适合处理多边形，因为我们有半铸钢ˌ钢性铸铁(Cast Semi-Steel)polygon()功能通过在函数的参数中声明尽可能多的点来绘制它们。
有三个组件我们需要先在HTML中建立样式。这些将是:一是网格:这些提供了绘制图表的轴。这是一堆蜘蛛网。
二是图表:这些是我们在着色之前用每个数据图的坐标绘制的多边形。三是标签:沿图形轴标识类别的文本。
