create_dot_plot = {
d3.selectAll(".table-plot")
.html("")
.data(real_data)
.append("svg")
.attr("width", 200 + margin.left + margin.right)
.attr("height", 20 + margin.top + margin.bottom)
.append("g")
.attr("transform", "translate(" + margin.left + "," + 10 + ")")
.append("g")
.attr("stroke", "none")
.selectAll("circle")
.data((d) => d)
.join("circle")
.attr("cx", (d) => xScale(d.x))
.attr("cy", 0)
.attr("fill", (d) => colorScale(colorAccessor(d)))
.attr("r", 5)
.attr("opacity", "0.8")
.on('mousemove', nodeMouseOver)
.on('mouseout', nodeMouseOut );
}