Seismo - line simple

100%

Seismo - line simple

✓ Published0🌍 Public

Last edited May 13, 2021

Created on May 13, 2021

Forked from 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. The smooth curve is rendered using an SVG path generated by d3.line with a curveBasis interpolation. The code employs d3.scaleTime and d3.scaleLinear for axes, with d3.axisBottom and d3.axisLeft creating gridlines and tick labels. The chart includes a title, axis labels, and data-driven styling via CSS, with margins and responsive sizing computed from the SVG dimensions.

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…

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

87% match

Loading thumbnail…

Line Chart

This line chart displays one week of temperature (in Celsius) in San Francisco using data from Data Canvas - Sense Your City. The D3 v5 code loads the CSV dataset and maps timestamps to a time scale and temperatures to a linear scale, rendering the smoothed line with a curveBasis generator. SVG axes are customized via axisBottom and axisLeft, with labels and a title added to the visualization.

Ddangquangt

87% match

Loading thumbnail…

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. The chart displays a smooth, curved line plotting temperature over time, with labeled axes for time and temperature and a title. The visualization is rendered using D3 version 7, leveraging `scaleTime`, `scaleLinear`, `axisBottom`, `axisLeft`, and `line` with `curveBasis` for the smoothed path. The SVG output includes styled gridlines and text via CSS, with data loaded from a CSV file.

Yyejichun@naver.com

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

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

87% match

Loading thumbnail…

Temperature in San Francisco Line Chart

This line chart displays one week of temperature in San Francisco, with a smooth curve plotted against date and temperature axes. The SVG visualization uses D3 v5 functions including `scaleTime`, `scaleLinear`, `line`, and `curveBasis` to generate the path, while `axisBottom` and `axisLeft` create labeled axes with gridlines. Data is loaded from the Data Canvas - Sense Your City dataset via `csv`. Styling applies a teal stroke and sans-serif typography.

CChristine

86% match

Loading thumbnail…

Temperature in San Francisco Line Chart

This line chart displays one week of temperature data in San Francisco, using a smooth curved line to show how temperature fluctuates over time. The visualization includes labeled axes for time and temperature, with gridlines and a title. The data, sourced from the Data Canvas - Sense Your City project, is rendered as an SVG using D3 v5. The code employs D3 APIs such as `scaleTime`, `scaleLinear`, `axisBottom`, `axisLeft`, `line`, and `curveBasis` to construct the chart.

Jjoaoigorandrade

86% match

Loading thumbnail…

Line chart

This line chart displays one week of temperature data in degrees Celsius for San Francisco, sourced from Data canvas-sense your city. The visualization uses D3 v5 to render an SVG with a time-scaled x-axis and linear y-axis, featuring red circles for individual data points connected by a thick red line path. The code implements `scaleTime`, `scaleLinear`, `axisBottom`, `axisLeft`, and `line` APIs, with gridlines and axis labels styled via CSS.

MMuiruriscode

86% match