d3.js - How to change d3 tickmark lines to circles -

how create tickmark in d3 axis?

--o---o---o---o---o

instead of default ---|---|---|

i searched d3 examples, not see sample of changing tickmark lines circles..

any appreciated..

this isn't supported out of box. can quite select tick groups, append circles , delete tick lines using following code.

var ticks = axis.selectall(".tick"); ticks.each(function() { d3.select(this).append("circle").attr("r", 3); }); ticks.selectall("line").remove(); 

complete example here.