Ui problem with d3 bar chart

1

so this my data visualization project


the problem i currently facing is when i zoom the chrome browser 110% the bar chart is smooth like this
blob.jpg811×638 77.5 KB

but when the browser is 100% zoom it shows some small white line between the bars like this

blob.jpg740×582 63.8 KB

what could possibly caused this type of problem ?

2

To have no gaps your maxwidth would have to be evenly divisible by your totalData. I suspect floating point inaccuracies. You could try to set the barwidht to 1+maxWidth/totalData if you always want it smooth or substract 1 if you always want the gap.

1 Like
3

wow man great catch
it didnt even occur in my head
i just use Math.round() its works just fine

thanks for taking look at the code .