折线图（天气预报）

100%

折线图（天气预报）

✓ Published1🌍 Public

Last edited Apr 18, 2020

Created on Apr 18, 2020

This line chart visualizes hourly temperature recordings in San Francisco, using time on the x-axis and degrees on the y-axis, with red dots marking each data point and a smooth curve connecting them. The chart is rendered as SVG using D3 v5, employing `d3.csv` to load the data, `d3.scaleTime` and `d3.scaleLinear` for axes, and `d3.line` with `curveBasis` for the smoothed path. Axis labels, tick styling, and a title are applied via D3 selections, while the dataset originates from a CSV file hosted on VizHub.

AI-generated description

折线图（天气预报）

数据来源

MIT Licensed

Similar vizzes

Loading thumbnail…

面积折线图（天气预报）

This area chart visualizes hourly temperature readings in San Francisco over time. The graph uses a filled, curved line to show temperature trends, with individual data points marked by red circles that are initially invisible but present in the SVG. The chart is built with D3 v5, using `scaleTime` and `scaleLinear` for the axes, `area` with `curveBasis` for the filled curve, and `axisBottom` and `axisLeft` for the grid and labels. Data is loaded from a CSV file containing timestamp and temperature values.

Lluojiandan

93% match

Loading thumbnail…

Temperature in San Francisco Line Chart

This line chart displays temperature readings over time in San Francisco, using data from a CSV file loaded from VizHub. The visualization shows a smooth, curved line representing temperature fluctuations throughout the day, with labeled axes for time and temperature. The code uses D3 v5 functions including `scaleTime`, `scaleLinear`, `line` with `curveBasis`, and `axisBottom` and `axisLeft` for rendering the SVG chart. A title and axis labels are positioned within the margins, and the line is styled with a maroon stroke.

Aaxliao

89% match

Loading thumbnail…

Temperature in San Francisco Line Plot

This visualization displays San Francisco temperature readings over time using a line plot. A smooth curve connects data points through d3.line with curveBasis, with temporal values on the x-axis and temperature on the y-axis. The chart uses d3.csv to load data, d3.scaleTime and d3.scaleLinear for scaling, and d3.axisBottom and d3.axisLeft for labeled axes. Data comes from the temperature-in-san-francisco.csv dataset, rendered as SVG with a maroon stroke path and clear axis labels.

SShuyu Zheng

88% match

Loading thumbnail…

Temperature in San Francisco Line chart

This line chart displays temperature readings in San Francisco over time, using a smooth curve to connect daily data points. The visualization includes labeled axes for time and temperature, with a title and grid lines for readability. Built with D3 v5, the code uses `scaleTime`, `scaleLinear`, `line` with `curveBasis`, and `axisBottom`/`axisLeft` to render an SVG. The data is loaded via `csv` from a remote dataset, with timestamps parsed as dates and temperatures converted to numbers for plotting.

FfezekilePlaatyi

88% match

Loading thumbnail…

Line Chart

This line chart displays temperature in San Francisco over time, with time on the x-axis and temperature on the y-axis. The visualization uses a filled area path with a smooth curve to emphasize temperature trends. Data is loaded from a CSV file using `d3.csv`, and the scales, axes, and area generator are built with `d3.scaleTime`, `d3.scaleLinear`, `d3.axisBottom`, `d3.axisLeft`, and `d3.area` with `curveBasis`. The chart includes grid lines, axis labels, and a title, all rendered as SVG.

Yylzami40

88% match

Loading thumbnail…

Temperature in San Francisco Line Chart

This line chart displays temperature measurements from San Francisco over time, using a smooth curve to connect data points across the hourly timestamp series. The x-axis represents time with a bottom-oriented scale, while the y-axis indicates temperature values, formatted through `d3.scaleTime` and `d3.scaleLinear`. Built with D3 v5, the visualization uses `d3.line` with `curveBasis` for smoothing, and renders axis labels and gridlines via `d3.axisBottom`, `d3.axisLeft`, and custom SVG text elements. The chart loads temperature data from a CSV file and encodes it entirely through SVG paths and tick marks.

PPioustu

88% match

Loading thumbnail…

Temperature in San Francisco Line Chart

This line chart displays temperature readings in San Francisco over time, using a smooth filled area to emphasize the range between the temperature values and the baseline. The visualization loads data from a CSV file and renders it as an SVG using D3 v5, with `d3.area` and `curveBasis` generating the curved path. Axes are created with `d3.axisLeft` and `d3.axisBottom`, while `d3.scaleTime` and `d3.scaleLinear` map the temporal and temperature domains to pixel coordinates. The chart includes labeled title, axis labels, and gridlines.

Pparkypoo

88% 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

88% match