Quartely data visualization code completed

data will display according to relevent data type 
dashed line and normala lines contains input edges and output edges