Skip to main content
SimilarExport ZIP
100%

面积折线图（天气预报）

✓ Published1🌍 Public
Lluojiandan
Last edited Apr 18, 2020
Created on Apr 18, 2020

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.

AI-generated description

面积折线图（天气预报）

数据来源

MIT Licensed

Similar vizzes

Loading thumbnail…

折线图（天气预报）

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.

Lluojiandan
93% match
Loading thumbnail…

Temperature in San Francisco Line Plot

This visualization presents temperature readings over time in San Francisco as a filled area chart. The plot uses a time-scaled x-axis for chronological data and a linear y-axis for temperature values, with a smooth curve generated via D3’s `d3.area()` and `curveBasis`. The SVG rendering applies axis labels and a title, while the dataset is loaded as CSV from a remote repository. The code relies on D3 v5 modules including `scaleTime`, `scaleLinear`, `axisBottom`, `axisLeft`, and `line`.

XX. N. Chu
89% 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
89% match
Loading thumbnail…

Area Chart

This area chart displays daily temperature readings in San Francisco, filled with a maroon gradient beneath a smooth curved line. The visualization uses d3.scaleTime and d3.scaleLinear to map timestamps and temperature values, with axes generated by d3.axisBottom and d3.axisLeft. d3.area with the curveBasis interpolation shapes the filled region. Data loads from a CSV file hosted on VizHub, and the SVG rendering includes labeled axes and a title.

Jjeelong
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…

Area Chart

This area chart visualizes temperature readings in San Francisco over time, using a smooth curved path filled with maroon to highlight the trend. The visualization relies on D3 v6 APIs including `scaleTime`, `scaleLinear`, `axisBottom`, `axisLeft`, and `area` with `curveBasis` to generate the SVG path. Data is loaded from a CSV file via `csv()`, with timestamps parsed as dates and temperatures as numbers. Grid lines extend across the chart, and axis labels and a title are rendered as SVG text elements.

MMatthew Rubino
88% match
Loading thumbnail…

Area Chart

This area chart displays temperature in San Francisco over time, using a smooth, filled curve. The visualization is rendered as an SVG using D3 v5. The code constructs time and linear scales for the axes, and uses `area()` with `curveBasis` to generate the path. Axis labels for "Time" and "Temperature" are included, and data is loaded from a CSV file containing hourly temperature readings.

AAlex Arobelidze
88% match
Loading thumbnail…

Area Chart

This area chart visualizes the relationship between temperature and time in San Francisco, using a smooth curved path to fill the space beneath the data line. The chart includes labeled axes for time and temperature, with gridlines and a title. Built with D3 v5, the visualization uses `d3.area` with the `curveBasis` interpolation, `d3.scaleTime` and `d3.scaleLinear` for scaling, and SVG rendering. Data comes from a CSV file loaded via `d3.csv`.

TTristan Schrader
88% match