Skip to main content
100%

Temperature Tracking Script

✓ Published0🌍 Public
Aadewes
Last edited Aug 3, 2020
Created on Apr 27, 2020

This script tracks the temperature of an aquarium using a DS18B20 sensor, logging the value every minute to a tab-separated file with a timestamp. It visually demonstrates the data over time by appending lines like `date<TAB>temperature` to `temperature.tsv`. The code reads raw sensor values from the Linux sysfs interface at `/sys/bus/w1/devices/.../temp1_input`, checking for missing or out-of-bounds readings, and prints alerts or a daily summary message. It uses shell commands (`date`, `cat`, `echo`) rather than a visualization library, relying on the file’s tabular format for later charting.

AI-generated description

Similar vizzes

Loading thumbnail…

Gist ddc6d50c313ebe6edb45519f43358c6c

The visualization displays monthly and seasonal global temperature anomalies from 1880 onward, using data from the `temperatures.csv` file. It builds a compact heatmap-style or sparkline-based grid, with each row representing a year and each cell showing the temperature deviation. The implementation uses D3.js to parse the CSV data and render the graphic, leveraging SVG or canvas primitives to represent the numeric values across the various time columns. The code processes the tabular data directly, mapping the values to visual elements through D3’s data-binding and layout functions.

Mmbostock
59% match
Loading thumbnail…

Temperature line graphy by Lonwabo

This line graph shows temperature readings from three locations—Lesedi, meter, and meters—over a week in March 2015, plotted with a smooth curved line using the `curveBasis` interpolation. The visualization is built with D3 v5, using `scaleTime` for the time axis and `scaleLinear` for temperature, with axes created via `axisBottom` and `axisLeft`. Data is loaded from a CSV file containing telescope, timestamp, and value columns. The chart includes a title, axis labels, and gridlines, all rendered as SVG.

LLonwabo11
57% match
Loading thumbnail…

Tstat

This visualization plots temperature over time for several sensor locations in a heating system, using red, green, and gray lines to distinguish normal, limit, and full trajectory segments. It shows how temperatures rise linearly from different starting points, with the Tstat element reaching a fixed target range while others continue past it. The implementation uses D3 v4 with SVG rendering, d3.scaleLinear for axes and positioning, d3.axisBottom/Left for gridlines, and animation triggered by buttons. Data is embedded as an array of objects with slope, start, and threshold values.

SS-trunk
57% match
Loading thumbnail…

TemperatureDay_LineChart

This line chart visualizes temperature readings across ten consecutive days, with each day’s value marked by an orange circle and connected by a steelblue line. The chart includes labeled axes for Day and Temperature (°C), with the y-axis scaled to include padding above and below the data range. Using D3.js v7, the visualization loads data from a CSV file via `d3.csv`, applies linear scales for both axes, and renders the SVG path with the `d3.line()` generator. Axis labels are added as SVG text elements, and the chart is drawn within a configured margin-based layout.

AALIMINETI SPOORTHY REDDY
57% match
Loading thumbnail…

Temperature Plot

This visualization displays temperature readings over time, with each data point represented as a semi-transparent circle plotted along a time-scaled x-axis and a linear temperature y-axis. The chart includes labeled axes, gridlines, and a title, showing how temperatures fluctuate across several days. Using D3 v6 within a React framework, the code loads CSV data via the `csv` method, parses the timestamp and numeric temperature values, and renders the SVG using `scaleTime`, `scaleLinear`, `axisBottom`, and `axisLeft` to construct the visual.

Bbrett@cloudaccelerator.co
57% match
Loading thumbnail…

Temperature line graphy by Lonwabo

This line graph visualizes daily temperature variations in San Francisco using data from a CSV file, plotting temperature against time. The chart is rendered as an SVG with D3.js, using `scaleTime` and `scaleLinear` to map the date and temperature values. The visualization employs `line` and `curveBasis` to create a smooth, curved path through the data points, with maroon stroke styling. Axis labels and a title are added via `axisBottom`, `axisLeft`, and text elements, with tick marks and gridlines styled through CSS. The data is loaded asynchronously from a remote CSV, and the timestamps are parsed as Date objects for the time scale.

LLonwabo11
57% match
Loading thumbnail…

daily surface air temperature

This example displays the first record of a daily surface air temperature dataset as JSON text. It imports data from a CSV file containing day-of-year, year, and temperature values, converts the fields to numbers, and renders the first data point in a preformatted HTML element with a fixed font size. The code uses vanilla JavaScript with the `data` import from the CSV module to structure the data before display.

DDonald Bagwell
57% match
Loading thumbnail…

Temperature Line Plot

This visualization displays a line plot of temperature readings over time, with a dark, readable style and tooltip interactions. The chart uses the Vega-Lite API to declare the mark and encodings, while D3’s `csv` function loads the dataset from a GitHub gist. The `index.js` file registers the Vega-Lite API with Vega and enables tooltips, then renders the chart into the page’s body with automatic width and height fitting. The configuration adjusts axis label sizes and colors for clearer presentation.

LLei Lei
57% match