Skip to main content
SimilarExport ZIP
100%

One Way Delay

✓ Published1🌍 Public
Hhxiao-git
Last edited Aug 23, 2019
Created on Aug 20, 2019

This line chart visualizes one week of one-way network delay data (in milliseconds) from San Francisco, sourced from Data Canvas - Sense Your City. It plots delay values over time using a smooth curve (d3.curveBasis) on an SVG. The code builds scales with d3.scaleTime and d3.scaleLinear, renders axes with d3.axisBottom and d3.axisLeft, and generates the line with d3.line. Data is loaded via d3.csv and parsed into dates and numbers before rendering.

AI-generated description

This line chart shows one week of one way delay data (in ms) in San Francisco. The data comes from Data Canvas - Sense Your City.

Made in this video:

MIT Licensed

Similar vizzes

Loading thumbnail…

One Way Delay

This line chart displays one week of one-way network delay measurements in milliseconds for San Francisco, sourced from Data Canvas - Sense Your City. The visualization plots delay values against time across two side-by-side SVG charts, with the primary chart showing a smoothed line via d3.line with curveBasis, while the second contains a simple blue circle. The code uses d3.scaleTime and d3.scaleLinear for axes, d3.axisBottom and d3.axisLeft for ticks, and d3.csv to load the dataset.

Hhxiao-git
99% match
Loading thumbnail…

A week in San Francisco

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 chart uses d3.scaleTime and d3.scaleLinear for axes, d3.line with curveBasis for the smooth path, and d3.axisLeft and d3.axisBottom to render ticks and gridlines. The SVG rendering includes axis labels and a title, with data parsed from CSV before being passed to the render function.

Jjessetgreer
76% match
Loading thumbnail…

Line Chart

This line chart visualizes one week of temperature data in San Francisco, sourced from Data Canvas - Sense your City. The chart plots temperature in degrees Celsius along the y-axis against time on the x-axis, with a smooth maroon curve drawn using a basis interpolation. The visualization is rendered as an SVG using D3 v5, employing `scaleTime`, `scaleLinear`, `axisBottom`, `axisLeft`, and the `line` generator with `curveBasis` to create the path. Grid lines and labeled axes provide context, while the title “A week in San Francisco” appears above the plot.

Llwinmgsoe
76% match
Loading thumbnail…

A week in San Francisco

This line chart visualizes one week of temperature data in San Francisco, plotted against time. The chart uses SVG rendering and D3 v5, with a smooth curve generated by the `d3.line` and `curveBasis` functions. Axes are created using `axisLeft` and `axisBottom`, while scales are set via `scaleTime` and `scaleLinear`. The data is loaded from a CSV file using `d3.csv`, and the visualization includes labeled axes and a title.

Jjessetgreer
76% match
Loading thumbnail…

Line Chart Final

This line chart displays one week of temperature data in San Francisco, sourced from Data Canvas - Sense Your City, with time on the x-axis and degrees Celsius on the y-axis. The visualization renders an SVG using D3 v5, employing `scaleTime` and `scaleLinear` for axes, `line` with `curveBasis` for the smoothed path, and `axisBottom`/`axisLeft` for grid lines and labels. Data is loaded via `csv` and parsed into `Date` objects for temporal scaling.

Ggayathrikavya
75% match
Loading thumbnail…

A week in San Francisco

This line chart visualizes one week of temperature in San Francisco, using data from the Data Canvas - Sense your city project. It shows a smooth area chart of temperature readings over time, with axes labeled for year and population. The visualization uses d3.area, d3.scaleTime, and d3.scaleLinear, rendering as SVG. Data is loaded via d3.csv from a remote URL, and the chart includes gridlines, tick labels, and axis titles.

LLinn
75% match
Loading thumbnail…

Line Chart

This line chart displays one week of temperature data in San Francisco, sourced from Data Canvas - Sense Your City. The visualization uses D3 version 5 to map timestamps and temperature values to a time-scaled x-axis and a linear y-axis, with a basis-curved line path representing the temperature trend. Axis labels and a title are rendered as SVG text, while grid lines are generated via `axisBottom` and `axisLeft` ticks. The chart is styled with CSS for the line's stroke, width, and title appearance.

Ggayathrikavya
75% match
Loading thumbnail…

Line Chart with Multiple Lines

This line chart displays one week of temperature data in San Francisco, sourced from Data Canvas - Sense Your City. It plots temperature in degrees Celsius over time, with multiple lines representing different cities. The visualization uses d3.csv to load data, d3.scaleTime and d3.scaleLinear for axes, and d3.line with d3.curveBasis to generate smooth paths. d3.nest groups data by city, and d3.axisLeft and d3.axisBottom render axes with custom labels.

NNoWizards
75% match