Javascript and HTML expert is needed for SVG Diagram

This project requires small time but high javascript skill

If you can't implement this within 1 day , don't place a bid

I need javascript and SVG expert who can express the following components.

(check attachment)

The most important thing here is the dynamic composition of SVG diagram

Rules are the following

Only one input

Only one output

several views and tables

one direction only

for example

input -> view1->view2->table1->output

input -> table1->view1->table2->table3->view2->output

You can define json format as you want

The diagrams should be appeared from top part to under part with animation

You can use css transaction effect

Please note that the number of views, tables or join tables are dynamic. In this example I have give 1 view and 2 tables and 3 join tables for one table.

It is possible that after the Input a table can start and then the view can follow after that. Similarly, after the input, a table and then the join tables and then the view can appear.

Please note that every line between the objects will have information to be displayed with mouse over or one click. In the same way every box/shape will have mouse over tooltip or one click popup info.

We will use a json file to provide the input for this template for integration.

CSS HTML HTML5 JavaScript jQuery / Prototype

Project ID: #18480720

About the project