Creating HTML links to Plotly graphs: Difference between revisions
Jump to navigation
Jump to search
No edit summary |
|||
| Line 4: | Line 4: | ||
* An example of a Dashboard is included below. | * An example of a Dashboard is included below. | ||
* It includes data on dissolved oxygen, pH and water temperature. | * It includes data on dissolved oxygen, pH and water temperature. | ||
[[File:Screen Shot 2021-12-30 at 7.06.56 pm.png]] | |||
== Learning Objectives == | == Learning Objectives == | ||
* Revision for how to create a HTML web page | * Revision for how to create a HTML web page | ||
* Revision on how to create and link Cascading Style Sheets (CSS) to your HTML document | * Revision on how to create and link Cascading Style Sheets (CSS) to your HTML document | ||
== Create a simple HTML page == | |||
* In a previous lesson we already created a simple HTML web page. | |||
* We will repeat many of the steps as a simple revision exercise. | |||
=== Create a directory named peter-hopper-t3 === | |||
* Open the Terminal from the top left of the menu bar on the Raspberry Pi. | |||
* Enter the command '''ls''' to list all directory contents. | |||
[[File:Screen Shot 2021-12-30 at 7.09.02 pm.png]] | |||
* Enter the command '''mkdir peter-hopper-t3''' to create a new directory named peter-hopper-t3 | |||
[[File:Screen Shot 2021-12-30 at 7.10.23 pm.png]] | |||
* Check that the new directory '''peter-hopper-t3''' has been created by listing entering the command '''ls''' | |||
[[File:Screen Shot 2021-12-30 at 7.11.22 pm.png]] | |||
Revision as of 08:11, 30 December 2021
Overview
- In this lesson series we will learn how to create an HTML page with links to data graphs produced using Plotly.
- This will create a simpel Dashboard for us to use so that we can monitor the water quality of a local lake – Peter Hopper lake in Mill Park.
- An example of a Dashboard is included below.
- It includes data on dissolved oxygen, pH and water temperature.
Learning Objectives
- Revision for how to create a HTML web page
- Revision on how to create and link Cascading Style Sheets (CSS) to your HTML document
Create a simple HTML page
- In a previous lesson we already created a simple HTML web page.
- We will repeat many of the steps as a simple revision exercise.
Create a directory named peter-hopper-t3
- Open the Terminal from the top left of the menu bar on the Raspberry Pi.
- Enter the command ls to list all directory contents.
- Enter the command mkdir peter-hopper-t3 to create a new directory named peter-hopper-t3
- Check that the new directory peter-hopper-t3 has been created by listing entering the command ls
