https://github.com/alifeee/co2-stacked

A visualisation of CO2 levels as a vertically stacked graph, with days going upwards. Using @tomhazledine's <stacked-sparklines> web component.
https://github.com/alifeee/co2-stacked

co2-monitoring data-visualization web-component

Last synced: 25 days ago
JSON representation

A visualisation of CO2 levels as a vertically stacked graph, with days going upwards. Using @tomhazledine's <stacked-sparklines> web component.

• Host: GitHub
• URL: https://github.com/alifeee/co2-stacked
• Owner: alifeee
• Created: 2024-04-19T17:23:34.000Z (7 months ago)
• Default Branch: main
• Last Pushed: 2024-04-23T16:26:44.000Z (7 months ago)
• Last Synced: 2024-10-01T02:42:55.093Z (about 1 month ago)
• Topics: co2-monitoring, data-visualization, web-component
• Language: HTML
• Homepage:
• Size: 288 KB
• Stars: 1
• Watchers: 1
• Forks: 1
• Open Issues: 1
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# CO2 Stacked

A visualisation of CO2 levels as a vertically stacked graph, with days going upwards. Using @tomhazledine's [``](https://github.com/tomhazledine/stacked-sparklines) web component.

![Screenshot of a webpage titled "CO2 data". Lots of lines are shown overlapping over one another, each with a spike near the start.](./images/stacked.png)

The original data looked something like this:

![Screenshot of graph. x-axis is time. y-axis is CO2 (ppm). graph has several vertical spikes.](images/data-original.png)

## How to create

Export CO2 data as CSV from InfluxDB via the data explorer. It should be several days of data, and the window range can be whatever, but probably change it from auto.

![Screenshot of InfluxDB data explorer, showing "Download CSV" button highlighted](images/export-csv.png)

Put this file in this repository, named `query.csv`. Then, run the python script to generate the visualisation.

```bash

python ./csv_to_list-of-lists.py

```

## Note

This was made brashly in a few minutes. Do not expect it to work perfectly ;)