Html 如何从表格中绘制css中的线性图

我是css新手。我需要使用css绘制一个没有库和框架的图形。有人能帮我用这个html表格画一个线性图吗。提前谢谢

表到图
周
来访者
1.
20
2.
40
3.
60
4.
80

用HTML和CSS绘制线条图会比较困难，但用HTML和CSS绘制条形图相对简单

工作示例：

。条形图{
显示：表格；
边缘顶部：20px；
}
.行{
显示：表格行；
}
.路政署{
显示：表格单元格；
宽度：60px；
高度：44px；
右边框：2倍实心rgb（255、255、255）；
}
.世界其他地区。y轴{
宽度：96px；
右边框：1px实心#000；
垂直对齐：顶部；
}
.axis-x分区{
边框顶部：1px实心#000；
}
.轴x轴y轴{
边界：无；
}
.轴-x div.轴-y{
文本对齐：居中；
字体大小：粗体；
}
.row1 div:n个类型（n+2）{
背景色：rgb（255,0,0）；
}
.row2分区：第n个类型（n+3）{
背景色：rgb（255,0,0）；
}
.row3分区：第n个类型（n+4）{
背景色：rgb（255,0,0）；
}
.row4分区：第n个类型（n+5）{
背景色：rgb（255,0,0）；
}

80名访客
60名访客
40名访客
20名访客
第一周
第2周
第3周
第4周

如果Javascript不是一个选项，那么只会有非常粗糙的漏洞，我甚至不能保证你确定你不能使用Javascript吗？我个人建议使用Javascript来实现您想要的结果。仅使用HTML和CSS是不可能的。希望您至少尝试自己编写代码。堆栈溢出不是代码编写服务。我建议你做一些，或者通过谷歌，或者通过搜索，尝试一下。如果您仍然有问题，请返回您的代码并解释您尝试了什么。非常感谢