style body background color white style script src https d3js org d3 v7 js script script async var margin top 10 right 30 bottom 30 left 60 var width 460 margin left margin right var height 400 margin top margin bottom append the svg object to the body of the page var svg d3 select body append div append svg attr width width margin left margin right attr height height margin top margin bottom append g attr transform translate margin left margin top csv file data format GrLivArea SalePrice 1710 208500 1262 181500 1786 223500 1717 140000 let data await d3 csv https raw githubusercontent com holtzy data_to_viz master Example_dataset 2_TwoNum csv Add X axis var x d3 scaleLinear domain 0 4000 range 0 width svg append g attr transform translate 0 height call d3 axisBottom x Add Y axis var y d3 scaleLinear domain 0 500000 range height 0 svg append g call d3 axisLeft y Add dots svg append g selectAll dot data data enter append circle attr cx function d return x d GrLivArea attr cy function d return y d SalePrice attr r 1 5 style fill ff2200 script
let data await d3 csv https raw githubusercontent com holtzy data_to_viz master Example_dataset 2_TwoNum csv Add X axis var x d3 scaleLinear domain 0 4000 range 0 width svg append g attr transform translate 0 height call d3 axisBottom x Add Y axis var y d3 scaleLinear domain 0 500000 range height 0 svg append g call d3 axisLeft y Add dots svg append g selectAll dot data data enter append circle attr cx function d return x d GrLivArea attr cy function d return y d SalePrice attr r 1 5 style fill ff2200 script