Create Dashboard Item for a MERN Project with Material UI.

Job ID: 33437674

Budget: $30 – $250 USD

This is an existing, young MERN project with Material UI (Next.js). In the project, measurements are performed with a 3D scanner and the measurement data result in volumes or masses over time. Several volumes or masses are calculated. The result is stored in a MongoDB. The result is calculated by an existing c++ backend program. Stored is a volume, a mass, a timestamp and some properties. When the backend stores results in the DB, the dashboard has to be updated in an autmatized way. So it has to watch the database constantly if there are new entries.

The data (volume / mass) is displayed in a 2D chart. It must be possible to select a time range (like a stock or bitcoin price). If you display a large time range (e.g. 1 year), not all data may be displayed if there is a large amount of data. If you display a small range, more and more measurement points are displayed.

When hovering over the chart, the mass/volume and the time are displayed in a hover dialog.

It must be possible to zoom into the chart with the mouse wheel, then new measurement data will be loaded.
The data (volume / mass) is displayed in a 2D chart. It must be possible to select a time range (like a stock or bitcoin price). If you display a large time range (e.g. 1 year), not all data may be displayed if the data volume is large. If you display a small range, more and more measurement points are displayed.

If you hover over the chart the mass / volume and the time is displayed in a hover dialog.

It must be possible to zoom into the chart with the mouse wheel, then new measurement data will be loaded.
Related categories: Node.js Three.js MERN Stack Next.js