Skip to content

Latest commit

 

History

History
68 lines (31 loc) · 2.15 KB

File metadata and controls

68 lines (31 loc) · 2.15 KB

Data Lineaege Visualization Application

This tool is created using ReactJS.

How does it work?

* Suppose we have the following lineage data (csv format) :

alt text

Where data-flow is from [from1, from2, from3, from4, from5] -> [to1, to2, to3, to4, to5] For example, the data flow from [A, B, C, D, E] to {[AA, BB, CC, DD, EE], [L, M, N, O, P], ..., [I, D, K, F, E]} and now from, say, [I, D, K, F, E] the data flows to [EE, TT, UU, II, E].

* The basic UI

alt text

* Uploading the data

alt text

* Upload Complete

alt text

* Filling the fields (info about the root node whose lineage has to be visualized)

alt text

* The root node

alt text

(Left : Node, Right : Index that stores the classification of a field) (Show More : Shows the next n hops, Show All : Shows all hops at once)

* All nodes

alt text

* On clicking a node, all its connections changes color

alt text

This project was bootstrapped with Create React App.

Available Scripts

In the project directory, you can run:

npm start

Runs the app in the development mode.
Open http://localhost:3000 to view it in the browser.

The page will reload if you make edits.
You will also see any lint errors in the console.