Skip to content

FastAPI serving EV vehicle data to a simple Vue.js 3 frontend displaying vehicle data with plots and filtering options

Notifications You must be signed in to change notification settings

filiperosa/ev-data-viewer

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

46 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

ev-data-viewer

FastAPI serving EV vehicle data to a simple Vue.js 3 frontend displaying vehicle data with plots and filtering options

Install

$ make install

Run preview of the application

$ source server/venv/bin/activate;
$ export PYTHONPATH=$(pwd)
$ python server/main.py

In a separate shell run:
$ cd client
$ npm run dev

Or run a preview of production:
$ npm run build && npm run preview

Use it

My Image

A chrome tab is opened once the app is launched. The database starts empty and can be populated with the following command:

$ python db_utils/populate_db.py

OR

Through the API accessible under .../app/v1/docs. In the swagger page it is possible to upload CSV files with vehicle data. You can upload one of the files under db_utils/data/ or build one yourself following the same structure.

The frontend presents a table with vehicle datapoints and allows filtering by vehicle id and a date range. The datapoins in the page are ploted in the bottom charts. The charts are interactive and allow disabling lines.

Credits

This demo app is built with super cool open source projects:

About

FastAPI serving EV vehicle data to a simple Vue.js 3 frontend displaying vehicle data with plots and filtering options

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published