Skip to main content
SimilarExport ZIP
100%

Temperature in San Francisco

✓ Published0🌍 Public
JJaesin Mulenex
Last edited Nov 8, 2019
Created on Nov 7, 2019
Forked from Cars Scatter Plot

This line chart displays a week of temperature data in San Francisco, converted from Celsius to Fahrenheit and plotted over time. It uses d3.scaleTime and d3.scaleLinear for the x and y axes, with d3.axisBottom and d3.axisLeft to render ticks. A d3.line generator creates the temperature path, and SVG circles mark individual data points. The data is loaded via d3.csv from a remote CSV file sourced from the Data Canvas Sense Your City project.

AI-generated description

This scatter plot shows one week of temperature (in degrees Celcius) in San Francisco. The data comes from Data Canvas - Sense Your City.

MIT Licensed

Similar vizzes

Loading thumbnail…

Temperature in San Francisco Line Chart

This line chart displays one week of temperature data in degrees Celsius for San Francisco, sourced from Data Canvas - Sense Your City. The visualization shows temperature trends over time, with time on the x-axis and temperature on the y-axis, both rendered using SVG. The code utilizes d3.scaleTime, d3.scaleLinear, d3.axisBottom, d3.axisLeft, and d3.line with a curveBasis smoothing function. Data is loaded via d3.csv from a remote gist URL, with timestamps parsed into Date objects and temperatures converted to numbers before rendering.

CCurran Kelleher
96% match
Loading thumbnail…

Temperature in San Francisco Line Chart

This line chart visualizes one week of temperature in degrees Celsius in San Francisco, sourced from Data Canvas - Sense Your City. It uses d3.scaleTime and d3.scaleLinear to map timestamps and temperatures to SVG coordinates, with d3.axisBottom and d3.axisLeft for axes. A filled area path is generated using d3.area with curveBasis, styling the region in steelblue. Data is loaded via d3.csv and parsed into Date and numeric objects before rendering.

Nnorangai
95% match
Loading thumbnail…

Temperature in San Francisco Line Chart

This line chart visualizes one week of temperature in San Francisco, with time on the x-axis and temperature in Celsius on the y-axis. The SVG rendering uses d3.scaleTime, d3.scaleLinear, d3.axisLeft, d3.axisBottom, and d3.line with a curveBasis smoothing generator. Data is loaded via d3.csv from a remote dataset, and each temperature value is parsed as a number while timestamps are converted to Date objects. The chart includes axis labels, a title, grid lines, and a maroon smoothed line path. Data originates from the Data Canvas - Sense Your City initiative.

Jjufrank
95% match
Loading thumbnail…

Temperature in San Francisco Line Chart

This line chart displays a week of temperature data in degrees Celsius for San Francisco, sourced from Data Canvas - Sense Your City. It shows the temperature trend over time, with the x-axis representing time and the y-axis representing temperature. The visualization uses d3.scaleTime and d3.scaleLinear to map the data, d3.axisBottom and d3.axisLeft for the axes, and d3.line with a curveBasis to generate a smooth path. The data is loaded via d3.csv and rendered as SVG elements.

SSalmanHamdouchi
95% match
Loading thumbnail…

Temperature in San Francisco Line Chart

This line chart visualizes one week of temperature data in San Francisco, plotting temperature in degrees Celsius against time. The line is drawn with a smooth curve using d3.line() with curveBasis, while d3.scaleTime() and d3.scaleLinear() map the timestamp and temperature values to the SVG canvas. Axes are generated via d3.axisBottom() and d3.axisLeft(), with gridlines created through tick sizes. The data originates from the Data Canvas - Sense Your City project and is loaded as a CSV file using d3.csv, with all rendering handled through SVG elements.

OOla Skoczylas
95% match
Loading thumbnail…

Temperature in San Francisco Line Chart

This line chart displays one week of temperature data in degrees Celsius for San Francisco, sourced from Data Canvas - Sense Your City. The visualization uses a time-scaled x-axis and linear y-axis to plot temperature fluctuations, with a smooth curve generated via d3.line and curveBasis. The code employs d3.csv for data loading, d3.scaleTime and d3.scaleLinear for scales, and d3.axisBottom and d3.axisLeft for tick marks, all rendered as SVG elements within a fixed 960×500 viewport.

YYarillo4
95% match
Loading thumbnail…

Temperature in San Francisco Line Chart

This line chart displays one week of temperature in degrees Celsius for San Francisco, sourced from Data Canvas - Sense Your City. It renders a smooth curve using d3.line with curveBasis, plotting time on the x-axis and temperature on the y-axis. The visualization uses d3.scaleTime, d3.scaleLinear, and d3.extent to map data, with d3.axisBottom and d3.axisLeft providing labeled axes, all drawn as SVG elements. Data is loaded via d3.csv.

Wwwwwj
95% match
Loading thumbnail…

Temperature in San Francisco Line Chart

This line chart visualizes one week of temperature data in San Francisco, sourced from Data Canvas - Sense Your City. It plots temperature in degrees Celsius against time, with the x-axis labeled “Time” and the y-axis labeled “Temperature.” The code uses d3.scaleTime and d3.scaleLinear for axes, d3.axisBottom and d3.axisLeft for ticks, and d3.line with d3.curveBasis to create the smoothed path. Data is loaded via d3.csv, and the SVG rendering includes a title and styled grid lines.

AAnthony De La Fuente
95% match