We used D3.js to create the visualizations and React to manipulate the interfaces/components.
Next, we document the project structure.
- src: contains the source code;
- src/index.js: entry point of the dashboard;
- src/components: commons components;
- src/plots: plots used in the visualizations;
- src/utils: helper functions;
Here is how you can customize this application and build it.
In the project directory, you can run:
yarn start
This command runs the app in the development mode. Open http://localhost:3000 to view it in the browser.
The page will reload if you make edits. You will also see any lint errors in the console.
yarn build
This command builds the app for production to the build folder. It correctly bundles React in production mode and optimizes the build for the best performance.
The build is minified and the filenames include the hashes. Your app is ready to be deployed!
See the section about deployment for more information.