Analytics Methodology (Using react app, then google sheets)
1. Add analytics code into your project
Add your own code to track your analytics data.In our project, we use custom events to track our six analytics data.
Copyright By Assignmentchef assignmentchef
2. Export your data
Export your raw data in a format such as JSON.
4.4 Graph generation
1. React.js react-chart-js-2
1. Create a SPA react app using create-react-app
0. Add following dependencies:
0. Follow the official documentation to implement the chart: https://react-chartjs-2.js.org/examples/
0. We set up a single page web application using the framework react and react-chart-js and display the analytics dynamically
UI looks pretty
Can handle dynamic data
Can toggle to show different data
Can automatically import data from a file
Hard to learn
Dynamic data is unnecessary
Unnecessary parsing
2. Google Charts
We use the google charts in google docs and eventually shifted to google charts
1. Use google docs: insert -> chart -> column
0. In the insert chart, click open source
0. Type the numbers manually and resize the chart
0. Click on update to sync the data
Easy to use, no installation, no configuration
Easy to collaborate
Enough to display the static data obtained from midterm
Looks bad (not as good as react-chart-js-2)
Sometimes troublesome when two people would be simultaneously editing the same sheet
Need to manually enter the data to the sheet
CS: assignmentchef QQ: 1823890830 Email: [email protected]
Reviews
There are no reviews yet.