Skip to main content
SimilarExport ZIP
100%

Fork of A week in San Francisco - Line chart

✓ Published0🌍 Public
Mmorjyooo
Last edited Jan 24, 2021
Created on Jan 23, 2021

A line chart shows hourly temperature readings in San Francisco over a week, with time on the x-axis and degrees on the y-axis. The chart is rendered as an SVG using D3 v5, with scales built via `scaleTime` and `scaleLinear`, and the line path generated by `line` with `curveBasis`. Axes are added with `axisBottom` and `axisLeft`, and the data is loaded from a CSV file using `csv`.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of A week in San Francisco - Line chart

This visualization shows temperature readings in San Francisco over a week, using a smooth line chart with time on the x-axis and temperature on the y-axis. The chart includes labeled axes, gridlines, and a title, with the line rendered in a thick maroon stroke. The code uses d3.csv to load the data, d3.scaleTime and d3.scaleLinear for scaling, and d3.line with curveBasis to generate the path. Axes are drawn with d3.axisBottom and d3.axisLeft, while the SVG structure and styling are managed through d3 selections and CSS.

RRoque Luís Pina
95% match
Loading thumbnail…

Fork of A week in San Francisco - Line chart

This visualization displays a line chart of temperature in San Francisco over time, with the title “Temperature in San Francisco” and labeled axes for time and temperature. The chart uses D3 v5, leveraging `d3.scaleTime`, `d3.scaleLinear`, `d3.line` with `curveBasis`, and `d3.axisBottom`/`d3.axisLeft` to render gridlines and axes in SVG. Data is loaded from a CSV file via `d3.csv` and parsed into date and numeric values. The line is styled with a maroon stroke, and tick labels are enlarged for readability.

SShishiraRudrabhatla
94% match
Loading thumbnail…

Fork of A Week in San Francisco Line Chart

This example shows a line chart of San Francisco temperatures over a week, with a smoothed curve and labeled axes for time and temperature. The chart uses D3 v5’s `scaleTime`, `scaleLinear`, `axisBottom`, `axisLeft`, and `line` with `curveBasis` to render an SVG path. Data is loaded from a CSV via `d3.csv`, and margins, tick marks, and an axis label are added through SVG groups and text elements.

Aayodhyanandh
94% match
Loading thumbnail…

Fork of a week in san francisco

This line chart shows temperature variations over a week in San Francisco, using a smooth area fill and circular points for each hourly reading. The visualization loads CSV data from an external URL, parses timestamps and numeric values, then renders an SVG chart with d3.scaleTime, d3.scaleLinear, axis generators, and an area generator with curveBasis for smoothing. Grid lines and labeled axes clarify the timestamp and temperature scales, while the title and styling come from custom CSS.

Ssgzzhinde
94% match
Loading thumbnail…

Fork of Temperature in San Francisco Line Chart

This line chart shows temperature readings across one week in San Francisco, with time on the x-axis and temperature on the y-axis. The data is loaded from a CSV file and rendered as a smooth curved line using D3 v5’s `line` generator with `curveBasis`. Axes are created with `axisBottom` and `axisLeft`, while scales use `scaleTime` and `scaleLinear`. The SVG output includes labeled axes, a title, and a maroon stroke for the line path.

Bbbroker
93% match
Loading thumbnail…

Fork of Temperature in San Francisco Line Chart

This chart displays a week of temperature readings in San Francisco, with time on the x-axis and degrees Celsius on the y-axis. The visualization uses D3 v5’s `scaleTime`, `scaleLinear`, `axisBottom`, `axisLeft`, and `line` with `curveBasis` to plot a smooth line on an SVG canvas. Grid lines and labeled axes are styled via CSS, and the data is loaded from a CSV file hosted on GitHub.

Aavvarijayakrishna99@gmail.com
92% match
Loading thumbnail…

Fork of Temperature in San Francisco Line Chart

This line chart displays one week of temperature data in San Francisco, with time on the x-axis and degrees Celsius on the y-axis. The visualization uses D3 v5’s `scaleTime`, `scaleLinear`, `axisBottom`, `axisLeft`, and `line` with a `curveBasis` smoother to draw the maroon temperature curve. Data is loaded via `csv` from a remote dataset, and the SVG rendering includes styled axes, tick marks, and a title. The code demonstrates a typical margin-based layout with axis labels and gridlines, sourced from Data Canvas - Sense Your City.

NNoobSaiyan
92% match
Loading thumbnail…

Fork of Temperature in San Francisco Line Chart

This line chart displays a week of temperature data in San Francisco, using a smooth curved line to connect daily measurements. The visualization, titled “A Week in San Francisco,” plots temperature in degrees Celsius over time. The code uses D3 v5 APIs including `scaleTime`, `scaleLinear`, `axisBottom`, `axisLeft`, and `line` with `curveBasis` to render the SVG. Data is loaded from a CSV file provided by Data Canvas - Sense Your City, with a styled maroon line, grid lines, and labeled axes.

CCheng Tang
92% match