GurungRegina

@GinaGrg1·2 public vizzes

Fork of Temperature in San Francisco Scatter Plot

This scatter plot visualizes one week of temperature data in San Francisco, with time on the x-axis and degrees Celsius on the y-axis. Each circle represents a temperature reading, using a time scale for timestamps and a linear scale for temperature values. The visualization uses d3.scaleTime, d3.scaleLinear, d3.axisLeft, and d3.axisBottom to render axes with grid lines, while styling circles, labels, and titles via CSS. The data originates from the Data Canvas - Sense Your City project and is loaded as CSV using d3.csv.

Jan 27, 2023

Loading thumbnail…

CarsReport

This example displays a text-based car report that lists vehicles under a price threshold. It demonstrates loading data asynchronously via a Promise and formatting it into a readable string. The code uses D3 v5 loaded from UNPKG, along with ES6 modules for importing functions like `getCars` and `generateReport`. It parses JSON data and filters cars by price, showing a "Loading..." message before the report appears.

Jan 18, 2023