Fork of Temperature in San Francisco Line Chart

Fork of Temperature in San Francisco Line Chart

This line chart visualizes one week of temperatures in San Francisco, with a smooth curve showing how temperatures fluctuate over time. The visualization uses D3.js v7 to load CSV data and render an SVG, employing `scaleTime` and `scaleLinear` for the axes, `line` with `curveBasis` for the curved path, and `axisBottom`/`axisLeft` for labeled ticks. The chart displays the title and axis labels (Time and Temperature) within a 960x500 SVG canvas, showing the daily temperature trend in degrees Celsius.

KKaleb LaBarrie

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

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 smooth line is generated using d3.line with curveBasis, while d3.scaleTime and d3.scaleLinear map the data domains. Axes are rendered with d3.axisBottom and d3.axisLeft, featuring gridlines and rotated labels. The code loads CSV data from a VizHub dataset, parses timestamps and numeric temperatures, and uses d3.select and SVG elements to build the visualization, styled with custom CSS classes.

BBurg

Fork of Temperature in San Francisco Line Chart

BBurg

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

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 chart uses D3 v5’s `scaleTime` and `scaleLinear` to map the data, `axisBottom` and `axisLeft` for labeled axes, and a `line` with `curveBasis` to draw the smoothed temperature path. The data, loaded via `csv` from a dataset on Gray Area’s Data Canvas, is rendered as SVG with styled grid lines, axis labels, and a title.

Nnexus1058

Fork of 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, with time on the x-axis and temperature in Celsius on the y-axis. The visualization uses D3 v5 APIs including `scaleTime`, `scaleLinear`, `axisBottom`, `axisLeft`, and `line` with `curveBasis` to render a smooth, maroon path. SVG rendering displays grid lines, tick labels, and axis labels, while the code loads data via D3's `csv` function and styles the chart with CSS for fonts and colors.

Jjwadh

Fork of Temperature in San Francisco Line Chart

Jjwadh