tissera

D3v4 Liquid Fill Gauge Chart with animations

Based on LiquidFillGauge Chart D3V3 in http://bl.ocks.org/brattonc/5e5ce9beee483220e2f6 .

tissera

D3v4 Responsive StackedBar Chart with tooltip

Based on Stacked Bar Chart in https://plnkr.co/edit/Y5i5evoQtookJLJXflvt?p=preview. Below two attributes added to the SVG to make it responsive.

1. Adding viewBox and preserving aspect ratio of the SVG
2. jQuery, javascript to handle resize events.

tissera

D3v4 Funnal Chart

The original D3.js v3 sample can be found in here https://codepen.io/HuuThuan0701/pen/yezeVW .

Below two changes are applied to create this sample.

1. d3-funnel.js file modified to suit to D3.js v4.(refered https://github.com/d3/d3/blob/master/CHANGES.md a lot)
2. Added stroke to path drawing to reflect gap between each path.