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 PowCoder代写 加微信 powcoder
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代考 加微信: powcoder QQ: 1823890830 Email: powcoder@163.com