DVP Tool

DVP Tool

Jun 2022 - Dec 2022

Category:Work Project
JavaScript iconJavaScript
Used in 11 projects
Neo4j iconNeo4j
Used in 5 projects
GitLab iconGitLab
Used in 5 projects
Azure iconAzure
Used in 4 projects
Java iconJava
Used in 2 projects
Cypress iconCypress
Used in 1 project
VS Code iconVS Code
Used in 22 projects
npm iconnpm
Used in 5 projects
React iconReact
Used in 16 projects
Next.js iconNext.js
Used in 6 projects
Nest.JS iconNest.JS
Used in 1 project
Postman iconPostman
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

Project Links: