Bubble chart with SVG filter

Bubble chart with SVG filter

By Torstein Hønsi & Pawel Fus

The bubble chart is a great choice for displaying multi-dimensional datasets in a user-friendly way.

Here SVG filters are used to generate eye-popping, 3D-style bubble gradients.

Nice animation too!

Click the JavaScript tab above to learn how the filters are implemented, or check out some other bubble chart demos.

Do you like this example? Rate it!

Do you have some code you want to share with the world as well? Go here to learn how you may contribute some helpful code of your own.