kevinvzandvoort

@kevinvzandvoort·2 public vizzes

Temperature in San Francisco Line Chart

This line chart visualizes one week of temperature data in San Francisco, using timestamps and temperature readings from Data Canvas - Sense Your City. The chart renders as an SVG with a blue title, maroon line path, and gridlines, displaying temperature on the y-axis and time on the x-axis. The code leverages d3.scaleTime, d3.scaleLinear, d3.axisBottom, d3.axisLeft, and d3.line with d3.curveBasis to create the smoothed line.

Jun 8, 2020

Loading thumbnail…

Test

This example demonstrates how to load a dataset of used cars from a JSON string and dynamically generate a text-based report filtering for vehicles under a specified price threshold. It showcases modular JavaScript with ES6 imports and exports, using `Promise`-based asynchronous data retrieval via `setTimeout` to simulate a delay. The `formatCar` function constructs readable output strings, while `generateReport` chains `filter` and `map` methods to produce the final multiline message, which is displayed in the browser’s DOM.

Jun 7, 2020