Javascript x轴和y轴未显示在散点图d3.js中

对于x&y轴的散点图d3.js，我没有得到任何结果。此外，数据打印显示在svg边界之外。提前谢谢。 我面临两个问题。未显示X轴和Y轴。此外，数据打印在svg边界之外。打印在图形之外。任何人请提供帮助。提前谢谢

const svgHeight=750，
svgWidth=1000，
边距={顶部：10，右侧：50，底部：100，左侧：50}，
尺寸={
宽度：svgWidth-margin.left-margin.right，
高度：svgHeight-margin.top-margin.bottom
};
常数goodRating=[]；
常数badRating=[]；
d3.csv（“data/movies.csv”，函数（数据）{
data.forEach（函数（d）{
d、 imdbRating=+d.imdbRating；
d、 WinsNoms=+d.WinsNoms；
d、 预算=+d.预算；
d、 imdbvoces=+d.imdbvoces；
如果（d.IsGoodRating==“1”）{goodRating.push（d）；}
else如果（d.IsGoodRating==“0”）{badRating.push（d）；}
})
const crossScale=d3.scale.linear（）.domain（d3.extent（goodRating，d=>d.WinsNoms））.range（[1200]）；
const circleScale=d3.scale.linear（）.domain（d3.extent（badRating，d=>d.WinsNoms））.range（[1,20]）；
constratingscale=d3.scale.linear（）.domain（d3.extent（data，d=>d.imdbRating））.range（[0，dim.width]）；
const winsScale=d3.scale.linear（）.domain（d3.extent（data，d=>d.WinsNoms））.range（[dim.height，0]）；
const budgetScale=d3.scale.linear（）.domain（d3.extent（data，d=>d.Budget））.range（[dim.height，0]）；
const votesScale=d3.scale.linear（）.domain（d3.extent（data，d=>d.imdbvots））.range（[dim.height，0]）；
const ySqrtScale=d3.scale.sqrt（）.domain（d3.extent（data，d=>d.WinsNoms））.range（[dim.height，0]）；
const yLogScale=d3.scale.log（）.base（10）.domain（[.1，d3.max（data，d=>d.WinsNoms）]）.range（[dim.height，0]）；
//需要重新检查名称和使用目的
const winsLinScale=d3.scale.linear（）.domain（d3.extent（data，d=>d.WinsNoms））.range（[.1，d3.max（data，d=>d.WinsNoms）]）；
//创建svg元素
常量svg1=d3。选择（“主体”）
.append（“svg”）
.attr（“宽度”，svgWidth）
.attr（“高度”，svgHeight）；
常量svg2=d3.选择（“主体”）
.append（“svg”）
.attr（“宽度”，svgWidth）
.attr（“高度”，svgHeight）；
常量svg3=d3。选择（“主体”）
.append（“svg”）
.attr（“宽度”，svgWidth）
.attr（“高度”，svgHeight）；
常量svg4=d3.选择（“主体”）
.append（“svg”）
.attr（“宽度”，svgWidth）
.attr（“高度”，svgHeight）；
常量svg5=d3.选择（“主体”）
.append（“svg”）
.attr（“宽度”，svgWidth）
.attr（“高度”，svgHeight）；
//定义x和y轴并标记轴/图形
d3.选择（'svg1'）
.append（'g1'）
.attr（'class'，'axis'）
.attr（'transform'，'translate（50515）'
.call（d3.svg.axis（）.scale（ratingScale）.orient（'bottom'）；
svg1.append（“文本”）
.attr（“变换”、“平移”（+（dim.width/2）+），“+（dim.height+margin.top+20）+”）
.style（“文本锚定”、“中间”）
.文本（“IMDb评级”）；
d3.选择（'svg1'）
.append（'g1'）
.attr（'类'，'轴'）
.attr（“转换”、“翻译（50,25）”）
.call（d3.svg.axis（）.scale（winsScale.orient（'left'））；
svg1.append（“文本”）
.attr（“变换”、“旋转（-90）”）
.attr（“y”，页边距。左侧）
.attr（“x”，0-（尺寸高度/2））
.style（“文本锚定”、“中间”）
.text（“Wins+Noms”）；
svg1.append（“文本”）
.attr（'y'，25）
.attr（“x”，（尺寸宽度/2）+25）
.attr（“文本锚定”、“中间”）
.style（“字体大小”、“16px”）
.text（“获奖+提名vs.IMDb评级”）；
d3.选择（'svg2'）
.append（'g2'）
.attr（'class'，'axis'）
.attr（“转换”，“转换（50515）”）
.call（d3.svg.axis（）.scale（ratingScale）.orient（'bottom'）；
svg2.append（“文本”）
.attr（“变换”、“平移”（+（dim.width/2）+），“+（dim.height+margin.top+20）+”）
.style（“文本锚定”、“中间”）
.文本（“IMDb评级”）；
d3.选择（'svg2'）
.append（'g2'）
.attr（'类'，'轴'）
.attr（“转换”、“翻译（50,25）”）
.call（d3.svg.axis（）.scale（budgetScale.orient（'left'））；
svg2.append（“文本”）
.attr（“变换”、“旋转（-90）”）
.attr（“y”，页边距。左侧）
.attr（“x”，0-（尺寸高度/2））
.style（“文本锚定”、“中间”）
.文本（“预算”）；
svg2.append（“文本”）
.attr（'y'，25）
.attr（“x”，（尺寸宽度/2）+25）
.attr（“文本锚定”、“中间”）
.style（“字体大小”、“16px”）
.text（“预算与IMDb评级”）；
d3.选择（'svg3'）
.append（'g3'）
.attr（'class'，'axis'）
.attr（“转换”，“转换（50515）”）
.call（d3.svg.axis（）.scale（ratingScale）.orient（'bottom'）；
svg3.追加（“文本”）
.attr（“变换”、“平移”（+（dim.width/2）+），“+（dim.height+margin.top+20）+”）
.style（“文本锚定”、“中间”）
.文本（“IMDb评级”）；
d3.选择（'svg3'）
.append（'g3'）
.attr（'类'，'轴'）
.attr（“转换”、“翻译（50,25）”）
.call（d3.svg.axis（）.scale（votescale.orient（'left'））；
svg3.追加（“文本”）
.attr（“变换”、“旋转（-90）”）
.attr（“y”，页边距。左侧）
.attr（“x”，0-（尺寸高度/2））
.style（“文本锚定”、“中间”）
.文本（“IMDb投票”）；
svg3.追加（“文本”）
.attr（'y'，25）
.attr（“x”，（尺寸宽度/2）+25）
.attr（“文本锚定”、“中间”）
.style（“字体大小”、“16px”）
.text（“投票与IMDb评级的对比，由Wins+提名确定”）；
d3.选择（'svg4'）
.append（'g4'）
.attr（'class'，'axis'）
.attr（“转换”，“转换（50515）”）
.call（d3.svg.axis（）.s
d3.select('svg1')
  .append('g1')

svg1
  .append('g')