Skip to content
Alternative to progress bar by growing leaves on a leafless tree. Made in D3.js
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
D3
bootstrap-3.1.1-dist
js
.gitignore
README.md
branch.html
ellipse.html
index.html
index2.html
index3.html
leaf.html
leaf.svg
leaf2.svg
scale.html

README.md

progress-tree

It is a join project by me and Mahesh Nayak. We make an alternative to progress bar where progress is visualized by growing leaf on a leafless tree. Every part of the tree (branches and leaves) are a separate SVG element so it can be attached with data and manipulate accordingly.

It is a binary tree modeled using L-system and the code is inspired by Peter Cook's d3-tree. Since this is a binary tree, the number of branches and trees are multiples of 2.

Demo

You can’t perform that action at this time.