block by nbremer e563beea62ef820883410ca0f5be6fa3

Gooey effect - Rotating circles - Non-blending colors

Full Screen

This example appears on my blog on More fun data visualizations with the gooey effect

The SVG Gooey effect is created by applying an SVG filter to a group element in which the circles are created. In this version the colors do not blend nicely because I’ve placed the original sharp SVG shape back on top the blurred one.

By placing the original shape back on top we can assure that the eventual SVG elements are still the correct size

To see the same visual, but with the last step of the filter removed, so that the colors blend in nicely, please check out my other bl.ock: Gooey effect Rotating circles Blending colors

You can find the other examples from the blog here

Older examples with the Gooey effect

Built with