Skip to main content
SimilarExport ZIP
100%

Line test

✓ Published0🌍 Public
PPatricia Carcamo Acosta
Last edited Feb 3, 2020
Created on Feb 3, 2020

This line chart shows one week of temperature in degrees Celsius for San Francisco, with a smooth curve and an interactive tooltip that displays the date and value as the mouse moves. The visualization is rendered as an SVG and built with D3 v3, using `scaleTime`, `scaleLinear`, `axisBottom`, `axisLeft`, and a `line` generator with `curveBasis`. Data is loaded from a CSV file via `d3.csv`, and the tooltip is implemented with `d3.mouse` and SVG text/path elements.

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…

Linechart

This linechart 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 v6 with SVG rendering, employing `scaleTime`, `scaleLinear`, `axisBottom`, `axisLeft`, and a line generator with `curveBasis` for smoothing. Data is loaded from a CSV file via `d3.csv` and parsed into `Date` and numeric values. The chart includes labeled axes and a title, with gridlines styled through tick size settings.

PPiotr Paszek
92% match
Loading thumbnail…

Line chart

This line chart visualizes a week of temperature data in San Francisco, with time on the x-axis and temperature on the y-axis. The visualization uses SVG rendering with D3 v5, employing scales like `scaleTime` and `scaleLinear`, along with `axisBottom` and `axisLeft` for the axes. The line is drawn using D3’s `line` generator with a basis curve to smooth the path. Data comes from a CSV file loaded via `csv`, and the chart includes labeled axes and a title.

Jjsong
91% match
Loading thumbnail…

Line Chart

This line chart visualizes a week of temperature data in San Francisco, plotting temperature against time with a smooth curved line and semi-transparent circular markers for each data point. The visualization uses D3 v5 with SVG rendering, employing `scaleTime` and `scaleLinear` for axes, `line()` with `curveBasis` for the smooth path, and `axisBottom` and `axisLeft` for labeled, grid-lined scales. Data is loaded as CSV from a remote dataset and parsed into numeric and date formats before rendering.

Vvic126
91% match
Loading thumbnail…

Line chart

This line chart visualizes temperature readings over a week in San Francisco, with time on the x-axis and temperature on the y-axis. The SVG rendering uses D3 v5’s `scaleTime`, `scaleLinear`, `axisBottom`, and `axisLeft` to build axes, while `line()` with `curveBasis` draws the smooth path. Data is loaded from a CSV file via `d3.csv` and parsed into dates and numbers. The chart includes axis labels and a title, with grid lines created by tick marks extending across the plot area.

RRoger Yu-Hsiang Lo
91% match
Loading thumbnail…

Line chart

This line chart shows the daily temperature in San Francisco over a week, with the date on the x-axis and temperature on the y-axis. The chart is rendered as an SVG using D3 v5, employing scaleTime and scaleLinear for the axes, and a curveBasis line generator for a smooth path. Data is loaded from a CSV file via d3.csv.

Sszy1900
91% match
Loading thumbnail…

Line chart

This line chart displays temperature trends in San Francisco over a week, with time on the x-axis and temperature on the y-axis. The visualization uses d3.csv to load weather data, d3.scaleTime and d3.scaleLinear for scales, and d3.line with curveBasis to generate a smooth path. SVG rendering includes labeled axes with gridlines and a title, all styled via CSS classes for font and stroke properties.

JJason-Manbodh
91% match
Loading thumbnail…

Line Chart

This line chart displays temperature readings over a week in San Francisco, plotting each data point as a semi-transparent circle connected by a smooth blue curve. The visualization uses D3 v5 with SVG rendering, employing `scaleTime`, `scaleLinear`, `axisBottom`, and `axisLeft` to construct axes with gridlines. The line is generated using the `line` generator with a `curveBasis` interpolation to smooth the path. Data is loaded from a CSV file using `d3.csv`, with timestamps parsed via `new Date` and temperatures converted to numeric values.

Vvitoriss12
91% match
Loading thumbnail…

Line chart

A line chart displays temperature readings over one week in San Francisco, with time on the x-axis and degrees on the y-axis. The visualization uses D3 v5 with SVG rendering, employing `scaleTime`, `scaleLinear`, `axisBottom`, and `axisLeft` to construct the axes. A `line` generator with `curveBasis` smooths the data points, which come from a CSV file of timestamped temperature values. The chart includes labeled axes, a title, and a styled purple stroke.

Bbencestubnya
90% match