D3.js Tree View Like Hierarchy

Hi, we need to create animation that would basically create animated diagram of our application functionality. Im not sure how to describe it properly, but lets say we have diagram -just boxes connected to another boxes f.e. something like this [login to view URL] There is sort of like hierarchical structure or tree view like struture so lets say we have Main App --Photos ---Upload Photo ---Delete Photo --Chart ---Add New Chart ---Duplicate Chart ----To New Section ----To Cloud -----To AWS -----To Azure So we have main box Photos and then two boxes (Upload Photo, Delete Photo) connected to main box. What I want to do is to create animation so it's something like this [login to view URL]@d3/force-directed-graph and this [login to view URL]@d3/word-cloud only words would be in boxes. So purpose is to make it animated when I go over the box with mouse it becomes bigger, boxes have different sizes, deeper level of categorization it is, the smaller box is. So if I go over sub sub category it becomes large, if I go away from it it becomes smaller. And we need this animation to be updated dynamically. We need to be able to enter this hierarchy/tree into some txt file so it can be easily edited. Animation needs to be created from file so we can add/edit/delete items. We want it done in D3.js, maybe something else if you can suggest some solution