DVP Tool

DVP Tool

Jun 2022 - Dec 2022

Category: Work Project
JavaScript icon JavaScript
Used in 7 projects
Neo4j icon Neo4j
Used in 5 projects
GitLab icon GitLab
Used in 5 projects
Azure icon Azure
Used in 4 projects
Java icon Java
Used in 2 projects
Cypress icon Cypress
Used in 1 project
VS Code icon VS Code
Used in 22 projects
npm icon npm
Used in 5 projects
React icon React
Used in 15 projects
Next.js icon Next.js
Used in 6 projects
Nest.JS icon Nest.JS
Used in 1 project

Description

RLE's DVP tool was a working demonstration tool for how problems such as automatically generating a vehicle DVP could be done from inputs and running optimisation algorithms to generate a Pareto curve of the importance of each input.

I was the sole front end developer on this project, selecting Next.js as a suitable framework based on it's folder based routing system to pair well with the multiple page architecture of the DVP prototype. I then integrated 3D visualisation libraries into the app to demonstrate the 3D data received from the Java and Neo4j calculations.

Lessons Learned

The lessons learned for me were mainly in data visualisation in the front end, as I received various data points from the backend Neo4j and Java calculations and had to plot the results on a 3D graph to best demonstrate the tradeoffs between results, allowing the user to select the floating 3D point and see the data inputs behind its generation.

It also taught me a lot about passing large objects of states from one page to the next through React.

Developed For

RLE International