Interactive pie chart in vega

Community Help
1

I wanted to create interactive pie chart in vega-lite which looks something like this (slice comes out when hovered):

ezgif.com-gif-maker

I was only able to increase the stroke width on cursor hover with vega-lite (but not able to figure it out how can I make the slice come out on cursor hover):

But it doesnt look clean as the increased stroke width of hovered slice spills into other slices. Is it possible to achieve what is shown in the first image with vega-lite (and if not vega-lite, then in vega)?

2

Hey Mahesh,

Thanks a lot, 1000 times thanks for this. It solves my issue, Thanks a lot.

3

Were you able to exactly replicate on hover animation of first pie chart image? If yes, can you please share the code?

4

Hi,

I just added an example of this here.

Happy charting!