block by vkuchinov 9a22f79e34f5a032bc769ffb238a50d3

D3.JS Liquid Shapes (external SVG)

Full Screen

Based on http://bl.ocks.org/brattonc/5e5ce9beee483220e2f6 made by Curtis Bratton [brattonc]

You should keep SVG structure and hierarchy:

  1. <svg id={name} … />
  2. <path id=”area” …> area to be animated

index.html

d3.liquid.js

sampleA.svg

sampleB.svg

styles.css