plotti = Plot.plot({
marginTop: 30,
marginBottom: 40,
marginLeft: 55,
marginRight: 30,
x: {tickFormat: "", label: "Valmistumisvuosi"},
y: {axis: "left", label: "Uudet asunnot", transform: (d) => d},
style: {
fontSize: "14px",
},
color: "blue",
marks: [
Plot.axisY(d3.scaleLinear(d3.extent(data, (d) => d.mean_pala), [0, d3.max(data, (d) => d.sum_obs)]).ticks(), {color: "red", anchor: "right", label: "Keskipinta-ala (m2)", y: d3.scaleLinear(d3.extent(data, (d) => d.mean_pala), [0, d3.max(data, (d) => d.sum_obs)]), tickFormat: d3.scaleLinear(d3.extent(data, (d) => d.mean_pala), [0, d3.max(data, (d) => d.sum_obs)]).tickFormat()}),
Plot.ruleY([0]),
Plot.barY(data.filter(d => d.kunta === select_kunta && d.ara === select_ara), {x: "vavv", y: (d) => d.sum_obs, fill: "steelblue"}),
Plot.lineY(data.filter(d => d.kunta === select_kunta && d.ara === select_ara), Plot.mapY((D) => D.map(d3.scaleLinear(d3.extent(data, (d) => d.mean_pala), [0, d3.max(data, (d) => d.sum_obs)])), {x: "vavv", y: (d) => d.mean_pala, stroke: "red"})),
Plot.dot(data.filter(d => d.kunta === select_kunta && d.ara === select_ara), Plot.mapY((D) => D.map(d3.scaleLinear(d3.extent(data, (d) => d.mean_pala), [0, d3.max(data, (d) => d.sum_obs)])), {x: "vavv", y: (d) => d.mean_pala, stroke: "red"}))
]
});