Untitled

100%

✓ Published1🌍 Public

Last edited Jan 10, 2021

Created on Jan 10, 2021

Forked from Untitled

Three line charts show temperature and accelerometer readings (a_x, a_y, a_z) collected from a smartphone sensor over a single week, with temperature plotted on the x-axis and each accelerometer axis on the y-axis. The visualization uses D3 v6 to scale and axis the data, then draws the series using `d3.line()` with blue, red, and green strokes. Sensor data comes from a CSV file, and the temperature values are normalized from raw integers via a formula in the code.

AI-generated description

Temperature in san francisco for 1 week of temperature

Data from data canvas sense your city

MIT Licensed

Similar vizzes

Loading thumbnail…

Untitled

Three smoothed lines trace accelerometer and gyroscope readings from a wearable sensor, mapping z-axis rotation against z-axis acceleration, x-axis rotation against x-axis acceleration, and y-axis rotation against y-axis acceleration. The chart uses `d3.scaleLinear`, `d3.line` with `curveBasis`, and D3 v6 axes to render the paths as blue, red, and green strokes against a grid. Data comes from two CSV files, `sensor.csv` and `sensor2.csv`, capturing movement over time. Axis labels and a title describe the comparison of movement interpretations.

Bbicyclecode

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

80% match

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

79% match

Loading thumbnail…

Untitled

This example displays a week of hourly temperature readings in San Francisco as a smooth line chart, with time on the x-axis and temperature on the y-axis. The visualization includes labeled axes, grid lines, and a title, rendered as an SVG. The code uses D3 v6 APIs such as `scaleTime`, `scaleLinear`, `line` with `curveBasis`, `axisBottom`, and `axisLeft` to map the CSV data and draw the chart, all within a React framework.

Zzhangyan560

79% match

Loading thumbnail…

Untitled

This scatterplot visualizes accelerometer data from a car’s movement, plotting x-axis acceleration against y-axis acceleration as green circles with blue outlines. The chart uses d3.csv to load the dataset, then d3.scaleLinear and d3.extent to map values, with axes generated via d3.axisLeft and d3.axisBottom. The title and axis labels appear in Roboto Mono, while the overall layout uses margins and an SVG container. Data originates from the UCI Machine Learning Repository.

Bbicyclecode

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

77% match

Loading thumbnail…

Untitled

This interactive line chart displays temperature data in either Fahrenheit or Celsius from a CSV file, with a dropdown menu to switch between metrics. The visualization uses D3.js v5 to render SVG paths with cardinal curve smoothing, and includes a hover tooltip that reveals exact dates and values using bisector-based mouse tracking. The chart updates its y-axis domain and line paths dynamically when the metric changes, with CSS transitions providing smooth animations.

RResl411

77% match

Loading thumbnail…

Untitled

A multi-line chart displays temperature readings for New York, San Francisco, and Austin over several days in October 2011, using D3.js v3 with SVG rendering. The visualization uses `d3.time.scale` for the x-axis, `d3.scale.linear` for temperature, and `d3.svg.line` with basis interpolation to draw smooth curves. It colors each city's line via `d3.scale.category10`, adds a legend, and includes a mouse-over effect with a vertical guide line. Data is parsed from tab-separated text using `d3.tsv.parse`.

LL1EO

77% match