javascript - Smoothing arcs/plot points in D3.js/GeoJSON/TopoJSON/Shapefile (somewhere along the way) -

i've been looking around while answer this, , haven't been able figure out.

• i'm creating topojson file grid based data (grib files).
• i can pretty interpolate data down finer resolution grid plot points appear smoother when zoomed out, when zoomed in, it's inevitable see blocky grid points.
• i've looked simplification, a bit not quite smoothing.
• i'm using d3 render data.
• is can done on front end or should/can done in raw topojson data?
• i don't want able tell it's grid, if zoom in 10,000%.
• here's example of i'm after:

is can done on front end or should/can done in raw topojson data?

this should done on front end. if smooth data before wrote json file, file needlessly big.