This repository demonstrates a method to share both static maps and data as well as Tableau Public dashboards.
Note this page only uses basic HTML, no CSS. A good tutorial for writing HTML can be found at https://www.w3schools.com/html/default.asp
A more advanced approach using JavaScript and the loading of dynamic data
from Google Sheets or CSV files will be added later as an additional page. The webpage is organized by section headings, please scroll down to find the various examples.
This data for this project started as three GPX files that were created from data recorded over three
Turkey Trot Runs in Lincoln, Nebraska 2016 - 2018. Each of the GPX files included a timestamp,
latitude, longitude and elevation value as recorded by the GPS device.
These three data files were loaded into ChatGPT and the elevation gained and the speed in MPH was calculated between the points. The data was then combined into one GEOJSON file and downloaded from ChatGPT. A sample of the geojson file looks as follows:
{
"type": "Feature",
"geometry": {
"type": "Point",
"coordinates": [
-96.700561,
40.741621
]
},
"properties": {
"ID": 1,
"timestamp": "2016-11-24T14:33:12+00:00",
"elevation_m": 381.8,
"elevation_gain_ft": 0.0,
"speed_mph": null
}
}
The GeoJSON file was then loaded into Tableau Public for use in a Dashboard. Additionally, screenshots of bar, line and tables graphics were captured from Tableau to provide examples, however it should be noted that these graphics could just as easily been created using other data analysis tools such as R, Excel or MATLAB.
Creating a GitHub Webpage is farily straight forward and only takes a few minutes. See step by step instructions for setting up basic GitHub Pages.
Graphics and Maps that are generated dynamically can be added to a website using JavaScript.
While the JavaScript can be customed developed using libraries such as Leaflet and JQuery and other graphinc tools,
a comprehensive library such as HighCharts can also be implemented. The data for these examples can be stored as flat text files on GitHub (CSV, JSON or GeoJSON) or within Google Sheets.
A benefit of Google Sheets is the data can be maintained and updated in Google Sheets and they directly linked to from the web page.
Additional examples on these tools will be added here in the future...
