Como crio essa forma no SVG?

No momento, tenho minhas bases de barras estilizadas como sombras usando elipses .:http://jsfiddle.net/rdesai/MjFgK/55/

Como altero o estilo para que as bases se pareçam no gráfico abaixo?

EDITAR

Esse problema pode ser reduzido para criar uma forma como a abaixo:

Eu posso usar essa forma para substituir as elipses.

Como modifico o código abaixo para elipses em uma forma como acima?

svg.selectAll(".ellipse")
.data(data)
.enter()
.append("ellipse")
.attr("cx", function(d) { return x(d.episode) + 17; })
.attr("cy", function(d) { return y(0); })
.attr("rx", 20)
.attr("ry", 5)
.style("fill", function(d) { return d.shadow_color; })

questionAnswers(1)

yourAnswerToTheQuestion