Data Lineaege Visualization Application

This tool is created using ReactJS.

How does it work?

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

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

* Uploading the data

* Upload Complete

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

* The root node

(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

* On clicking a node, all its connections changes color

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.