//just edit breadcrumb's default options here and see result above breadcrumb = d3.breadcrumb() .container('svg') .padding(5) .wrapWidth(0) // hint: set 100 .height(28) .fontSize(14) .marginLeft(0) .marginTop(10) .leftDirection(false) // show breadcrumbs breadcrumb.show([{text:"Home"},{text:"Products"},{text:"Phones"},{text:"Some phone with large name"}]);