pxt-calliope/docs/lessons/charting/challenge.md

92 lines
4.2 KiB
Markdown
Raw Permalink Normal View History

# Challenge
2016-04-26 20:03:26 +02:00
### ~avatar avatar
2016-04-26 20:03:26 +02:00
2016-11-02 01:44:37 +01:00
Welcome! The activity will teach you how to use the acceleration of the 1st @boardname@ and to visualize the acceleration on the 2nd @boardname@.
2016-06-02 06:35:37 +02:00
Let's get started!
2016-04-26 20:03:26 +02:00
### ~
2016-11-02 01:44:37 +01:00
Let's measure `acceleration (mg)` and then `send number`. `Acceleration` is measured in **milli-gravities**, so a value of -1000 is equivalent to -1g or -9.81m/s^2. We will be able to get the acceleration value (g-force), in the specified "x" dimension. `Send number` will broadcast a number data packet to other @boardname@s connected via radio.
2016-04-26 20:03:26 +02:00
```blocks
radio.sendNumber(input.acceleration(Dimension.X));
```
### ~
We want to display the acceleration forever. In order to do so, we need a `forever` loop. A forever loop will repeat code in the background forever.
```blocks
basic.forever(() => {
radio.sendNumber(input.acceleration(Dimension.X));
});
```
### ~
We want to register code to run when a packet is received over radio. We can implement this code by adding `on data received`.
```blocks
basic.forever(() => {
radio.sendNumber(input.acceleration(Dimension.X))
})
radio.onDataPacketReceived(() => {
2016-04-26 20:03:26 +02:00
})
```
### ~
2016-11-02 01:44:37 +01:00
Finally, we want to chart the acceleration. So we must first implement `plot bar graph`. `Plot Bar Graph` will display a vertical bar graph based on the value and high value. In order to transfer the receive the number from the 1st @boardname@, we must implement `receive number` to constantly display a vertical bar graph based on the value. Remember, the value will equal to the @boardname@'s acceleration in the "x" direction.
2016-04-26 20:03:26 +02:00
```blocks
basic.forever(() => {
radio.sendNumber(input.acceleration(Dimension.X))
})
radio.onDataPacketReceived(({ receivedNumber }) => {
led.plotBarGraph(receivedNumber, 1023)
2016-04-26 20:03:26 +02:00
})
```
### ~
2016-11-02 01:44:37 +01:00
Notice that moving the @boardname@ the farthest direction in the x direction will be -1023 on the charting beneath the simulator. The second observation will be that the LEDs will be full brightness on the 2nd @boardname@. There is a single LED turned on with the 1st @boardname@. Additionally, the graphs will reflect 0 acceleation for the 1st @boardname@. In this scenario, if you are adjusting the acceleration in the simualator, you are also changing your chart that will be produced.
2016-04-26 20:03:26 +02:00
![](/static/mb/acc.png)
### ~
2016-11-02 01:44:37 +01:00
NOTE: The colors of the charts reflect the color of the @boardname@ simulator. In this instance, the @boardname@s are blue and green. So the colors of the line graphs reflect the colors of the @boardname@
2016-04-26 20:03:26 +02:00
### ~
2016-11-02 01:44:37 +01:00
After running this simulation several seconds by moving the @boardname@ side to side in the x direction, you are ready to graph or chart the accceleration of the @boardname@. We want a printout of our acceleration on Excel. We will graph the fluctuating acceleration of the simulation experiment.
2016-04-26 20:03:26 +02:00
![](/static/mb/acc2.png)
### ~
Finally, you must open the Excel CSV file by clicking on the data.xls file that was downloaded to Downloads Folder.
2016-04-26 20:03:26 +02:00
![](/static/mb/data3.png)
2016-04-27 01:38:27 +02:00
Use the Recommended Charts command on the Insert tab to quickly create a chart thats just right for your data.
* Select the data that you want to include in your chart.
* Click Insert > Recommended Charts.
2016-06-02 06:35:37 +02:00
![](/static/mb/lessons/chart1.png)
2016-04-27 01:38:27 +02:00
2016-06-02 06:35:37 +02:00
* On the Recommended Charts tab, scroll through the list of chart types that Excel recommends for your data. Pick the **scatter plot**.
2016-04-27 01:38:27 +02:00
![](/static/mb/chart_title.png)
* Use the Chart Elements, Chart Styles, and Chart Filters buttons next to the upper-right corner of the chart to add chart elements like axis titles or data labels, to customize the look of your chart
![](/static/mb/elements_styles_filters.png)
2016-04-26 20:03:26 +02:00
### ~
Have fun reviewing your simulation and analyze the acceleration by chart the Excel data using Excel.
2016-11-02 01:44:37 +01:00
* Connect the first @boardname@ to your computer using your USB cable and run the charting script on it.
* Connect the second @boardname@ to your computer using your USB cable and run the charting script on it.
* The first person and second person take turns tilting the @boardname@ in the "x" direction while the other player charts the data on the @boardname@!
* Review and analyze the actual @boardname@ device acceleration data on Excel
* Display acceleration with y or z using plot bar graph by changing acceleration from "x" to "y" or "z"
2016-08-10 14:44:10 +02:00
```package
radio
2016-08-10 14:44:10 +02:00
```