Skip to content

sandravizz/Liminal

Repository files navigation

Data visualisation engineer

Design a Dashboard for Investors and Investments

Instructions

You aim to conceptualize and design a dashboard that displays key information about investors and their investments. The idea is that using your expertise, you create a cohesive visualization that has value, is visually pleasing, and has a good UX. There are no requirements for what specifically should be shown on screen, we want to assess your ability to turn raw data into value. You are expected to deliver a front-end platform in React.js, using D3.js (or a wrapper library like Nivo) to generate data visualizations. Typescript is optional.

Final react version preview

alt text

Preparation

Data cleaning and processing

In the first step I checked the dataset and variables, afterwards I did some cleaning.

Visualisation: Investors (Entity vs. Person)

In the second step I checked the investors through a ranking visualisation.

Visualisation: Investments

In the third step I checked the investment through a ranking visualisation.

Dataset for the sankey

In the fourth step I created the data files for the sankey.

Sankey investors vs. investments

In the fifth step I sketched the sankey idea using d3.js.

Sankey segments vs. investors

In the sixth step I created anthor sankey connectig the solution segments to the investors. I didn't use it in the final visualisation.

D3.js sankey

Please check the code in the MAIN.

alt text

React & d3.js sankey

Please check the code in the BRANCH.

Interactivity button

There are three buttons to choose either from: all investors, only entities or only persons. alt text

Interactivity hover

When hover over either the bars to the left (investments) or to the right (investors) the select investor and all their investments are highlighted. alt text

About

Liminal - Investor vs. investment dashboard

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published