Javascript 从Github复制CSV链接并将其与错误代码组合

Javascript 从Github复制CSV链接并将其与错误代码组合,javascript,html,vega-lite,Javascript,Html,Vega Lite,我正在尝试使用Vega Lite创建地图 然后我尝试绘制一张2019年降雨量和城市的地图。但是,它在网页中根本不显示任何地图。这是我的第一个网页设计,我不知道在哪里以及如何调试错误。有人知道我在哪一部分犯了错误吗? 调试后,错误显示为: 警告加载失败{},为什么会发生这种情况?我不能在Github上复制CSV链接吗?在浏览器中打开文件时,请查看。 您将获得“警告”、“加载失败”、“数据/us-10m.json” 我在您的回购中找不到当前文件 我的第一个网页 /*在Vega嵌入链接之间添加空

我正在尝试使用Vega Lite创建地图

然后我尝试绘制一张2019年降雨量和城市的地图。但是,它在网页中根本不显示任何地图。这是我的第一个网页设计,我不知道在哪里以及如何调试错误。有人知道我在哪一部分犯了错误吗?


调试后,错误显示为: 警告加载失败{},为什么会发生这种情况?我不能在Github上复制CSV链接吗?

在浏览器中打开文件时,请查看。 您将获得“警告”、“加载失败”、“数据/us-10m.json”

我在您的回购中找不到当前文件


我的第一个网页
/*在Vega嵌入链接之间添加空间*/
.织女星行动a{
右边距:5px;
}
织女星可视化
//将规范指定给局部变量vlSpec。
var vlSpec={
“$schema”:”https://vega.github.io/schema/vega-lite/v4.json",
“宽度”:500,
“高度”:300,
“层”:[
{
“数据”:{
“url”:“data/us-10m.json”,
“格式”:{
“类型”:“topojson”,
“功能”:“状态”
}
},
“投影”:{
“类型”:“阿尔伯苏萨”
},
“标记”:{
“类型”:“地理形状”,
“填充”:“浅灰色”,
“笔划”:“白色”
}
},
{ 
“数据”:{
“url”:”https://github.com/BocongZhao823/My_First_Webpage-/blob/main/rainfall_tidy.csv"
},
“投影”:{
“类型”:“阿尔伯苏萨”
},
“标记”:“圆圈”,
“编码”:{
“经度”:{
“字段”:“经度”,
“类型”:“定量”
},
“纬度”:{
“字段”:“纬度”,
“类型”:“定量”
},
“大小”:{“值”:10},
“颜色”:{“值”:“钢蓝”}
}
}
]
};
//将可视化嵌入id为'vis'的容器中`
素食床(“#vis”,vlSpec);