Temperature in San Franscisco

100%

Temperature in San Franscisco

✓ Published0🌍 Public

Last edited Dec 28, 2020

Created on Dec 28, 2020

This line chart shows temperature readings in San Francisco over time, with a green stroke and tooltips displaying exact values. The visualization supports panning and zooming through a scale-bound interval selection. Built with the vega-lite-api and rendered using vega and vega-lite, it loads CSV data from a VizHub-hosted dataset. The code customizes axis titles, date formatting, and color scheme via config.js, while getData.js uses d3.csv to fetch the data.

AI-generated description

A visualization constructed using the vega-lite-api.

The data shown here comes from the UCI Machine Learning Repository: Auto MPG Data Set, via Gist: Scatter Plot with Menus.

MIT Licensed

Similar vizzes

Loading thumbnail…

Tempature in San Fransico

This line chart displays temperature in San Francisco over time, plotted as a green line with semi-transparent dark green circles marking each data point. The visualization includes labeled axes for time and temperature, with a title positioned at the top. The code loads CSV data from a VizHub URL and uses d3.csv, d3.scaleTime, d3.scaleLinear, d3.axisLeft, d3.axisBottom, and d3.line to render the SVG chart. The axes feature gridlines and a rotated y-axis label.

JJacob van Lingen

90% match

Loading thumbnail…

Temperature in San Fransisco Line Chart

This line chart displays temperature readings in San Francisco over time, with a smooth curve plotted across a grid of tick marks and labeled axes. The visualization uses D3 v5 with SVG rendering, importing scaleTime and scaleLinear for axes, line with curveBasis for the curved path, and extent to set the domain from CSV data. The code loads temperature data from a VizHub dataset, parses timestamps and numeric temperatures, and applies custom styled axis labels and a title.

JJordan Arnold

89% match

Loading thumbnail…

Temperature in San Francisco

This line chart shows temperature readings in San Francisco over time, with a blue gradient area beneath the curve and semi-transparent circles marking each data point. The visualization uses d3.csv to load the dataset, then applies d3.scaleTime and d3.scaleLinear to map timestamps and temperature values to screen coordinates. Axes are rendered with d3.axisBottom and d3.axisLeft, while the shaded region is generated using d3.area with a basis curve. Data comes from the Data Canvas - Sense Your City project, and the chart is drawn as an SVG with custom styling.

YYifu Chen

89% match

Loading thumbnail…

Temperature in San Francisco

A line chart shows temperature readings over one week in San Francisco, with circular points connected by axes labeled “Time” and “Temperature.” The visualization uses D3 v5’s `scaleTime`, `scaleLinear`, `axisBottom`, and `axisLeft` to map timestamps and temperature values, rendering SVG circles and gridlines. Data loads from a CSV file on VizHub, and styling is applied via external CSS.

Jjsong

89% match

Loading thumbnail…

Temperature in San Francisco Line Chart

This line chart displays temperature over time in San Francisco, with time on the x-axis and temperature on the y-axis. The visualization uses D3.js (v5) with `scaleTime`, `scaleLinear`, `axisBottom`, `axisLeft`, and a `line` generator with `curveBasis` smoothing. Data is loaded via `csv` from VizHub, parsed into JavaScript Dates and numbers, and rendered as an SVG path with green stroke styling.

PPavel Antoshkin

89% match

Loading thumbnail…

Temperature in San Francisco

This line chart shows temperature readings in San Francisco over time, with time on the x-axis and temperature on the y-axis. The visualization uses D3 v5’s `scaleTime`, `scaleLinear`, `line`, `axisLeft`, and `axisBottom` to render the SVG path and axes. Data is loaded via `csv` from a remote dataset, with timestamps parsed as dates and temperatures as numbers. The chart features a smoothed curve through `curveBasis`, labeled axes, and a title, all styled with custom CSS.

Mmla341

88% match

Loading thumbnail…

temperature in sanfrancisco

This visualization displays temperature readings in San Francisco over time, using a smooth line chart to reveal trends and fluctuations in the data. The chart is rendered as an SVG within a React framework, with D3 v5 handling the core visualization logic. The code employs `scaleTime` and `scaleLinear` for the axes, `line` with `curveBasis` for the smoothed path, and `axisBottom` and `axisLeft` to generate the labeled ticks. Temperature and timestamp values are parsed from a CSV file fetched from VizHub, with the line styled in maroon.

Ssingularity6033

88% match

Loading thumbnail…

Temperature in San Francisco

This visualization displays San Francisco temperature data as a line chart over time, using a time-scaled x-axis and linear y-axis with gridlines. The SVG is rendered via D3 v5, using `d3.csv`, `d3.scaleTime`, `d3.scaleLinear`, `d3.axisLeft`, `d3.axisBottom`, and `d3.line` with a basis curve. Data comes from a GitHub-hosted CSV file, and the chart includes labeled axes, a title, and styled tick lines.

VVlad Bogo

88% match