Skip to main content
SimilarExport ZIP
100%

Untitled

✓ Published0🌍 Public
SSpinningK
Last edited Aug 22, 2019
Created on Aug 22, 2019

A bar chart displays five daily temperature readings in San Francisco, ranging from 0.9 to 2.5 degrees Celsius, using blue bars of proportional height. The visualization encodes values with a linear scale and renders static SVG rectangles, with an axis generated by `d3.axisBottom`. It uses D3 v5 to bind the dataset, scale the bar widths, and append a bottom axis with four ticks. The data is a small sample from the Data Canvas - Sense Your City project, though the chart only shows these five arbitrary values without labels for dates or units.

AI-generated description

This line chart shows one week of temperature (in degrees Celcius) in San Francisco. The data comes from Data Canvas - Sense Your City.

Made in this video:

MIT Licensed

Similar vizzes

Loading thumbnail…

Untitled

This visualization shows temperature readings in San Francisco over one week, plotting each measurement as a circular point along a time-based x-axis and a linear temperature y-axis. The chart includes labeled axes for time and temperature, with a title displayed above the plot. The code uses D3 v6 methods such as `scaleTime`, `scaleLinear`, `axisBottom`, and `axisLeft` to construct the scales and axes, and renders the data as SVG circles. The data comes from a CSV file loaded via D3’s `csv` function, with timestamps parsed as dates.

Bbicyclecode
86% match
Loading thumbnail…

Untitled

This line chart displays one week of temperature in degrees Celsius in San Francisco, using data from Data Canvas - Sense Your City. It plots temperature against time, with timestamps parsed as JavaScript Date objects and temperature values converted to numbers. The visualization renders as an SVG using d3.v4’s selection, scaleTime, scaleLinear, axisLeft, axisBottom, line, and curveBasis functions, with axis labels and a title. The line path is styled with a maroon stroke, and the data is loaded asynchronously via d3.csv.

Jjl-tan
85% match
Loading thumbnail…

Untitled

A line chart displays daily temperature readings in San Francisco over one week, with time on the x-axis and temperature on the y-axis. The red curved line, generated using `d3.line` with `curveBasis`, connects the data points, while labeled axes and grid lines provide context. The visualization uses D3 v6 to load CSV data from VizHub, scales via `scaleTime` and `scaleLinear`, and renders axes with `axisBottom` and `axisLeft`. The SVG chart includes a title, axis labels, and a clean, grid-backed design.

Bbicyclecode
85% match
Loading thumbnail…

Untitled

This line chart displays one week of temperature in degrees Celsius for San Francisco, sourced from the Data Canvas - Sense Your City project. The visualization renders a maroon line path over a steelblue scatter of circular data points, with axis ticks and labels styled via CSS. The code uses D3’s `select` and `csv` to load a separate data file, though it currently only logs the parsed data to the console, leaving the visual elements static placeholders without bound values.

HHeschmat
84% match
Loading thumbnail…

Untitled

This visualization shows a week of temperature readings in San Francisco as a smooth red area chart over time. The data comes from a CSV file hosted on VizHub, parsed with `d3.csv` and rendered as SVG using D3 v6. It uses `d3.scaleTime` and `d3.scaleLinear` for the axes, `d3.area` with `curveBasis` to generate the curved filled path, and `d3.axisBottom` and `d3.axisLeft` with gridlines. The chart includes labeled axes and a title.

Bbicyclecode
83% match
Loading thumbnail…

Untitled

This example shows a line chart of temperature readings over one week in San Francisco, plotted as a smooth basis curve. Time is mapped to the horizontal axis and temperature to the vertical axis, with labels rotated for readability. Built with D3 v5, the code fetches CSV data, then uses `scaleTime`, `scaleLinear`, `axisBottom`, `axisLeft`, and `line` with `curveBasis` to render the SVG path and axes. Grid lines and descriptive text titles are included.

AAbishek-Dulal
83% match
Loading thumbnail…

Untitled

This visualization displays the temperature of San Francisco over a week, using data from the Data Canvas Sense Your City dataset. A smooth, natural curve connects the data points, showing temperature trends over time on a scatter plot-like chart. Built with React and rendered as an SVG, the code uses d3’s `scaleTime`, `scaleLinear`, `extent`, `timeFormat`, and `line` with `curveNatural` to map timestamps and temperatures. Axes are generated via `AxisBottom` and `AxisLeft`, with a labeled time axis on the x-axis and temperature on the y-axis.

BBhawna Agarwal
83% match
Loading thumbnail…

Test 001

This chart displays one week of temperature data in San Francisco, plotting time on the x-axis and degrees Celsius on the y-axis. Using D3 v5, the code loads CSV data and renders an SVG line chart with a smooth basis curve, alongside labeled axes and grid lines. The visualization employs `scaleTime`, `scaleLinear`, `axisBottom`, and `axisLeft` from the D3 library, with the data sourced from Data Canvas - Sense Your City.

AAbraão Tavares
82% match