Skip to main content
SimilarExport ZIP
100%

Untitled

✓ Published0🌍 Public
Rryandebattista
Last edited Jun 1, 2020
Created on Jun 1, 2020
Forked from Untitled

This chart compares daily temperature patterns between Rome and Milan, using the "vscore" metric recorded at each hour, to visualize how heat varies across an average day in each city. The data comes from Data Canvas - Sense Your City. Two smooth basis-curve lines are drawn with d3.line, using margin and axis specifications from d3.scaleLinear, with axes generated and styled through d3.axisBottom and d3.axisLeft. The SVG canvas is positioned using D3's chained append and transform methods.

AI-generated description

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

MIT Licensed

Similar vizzes

Loading thumbnail…

Untitled

Two cities, Rome and Milan, show their daily temperature patterns as smooth, multi-colored line charts. The visualization compares hourly temperature readings across a 24-hour period, with each city represented by a distinct line and color. The chart uses a D3.js v5 SVG rendering approach with a basis curve interpolation to create flowing lines. The data originates from the Data Canvas - Sense Your City project, and the code includes a color legend (colorLegend.js) to help distinguish between the two city temperature profiles.

DD2552
89% match
Loading thumbnail…

Line Chart

This line chart visualizes temperature readings over time for Geneva, automatically updating every 5 minutes with data from the Data Canvas - Sense Your City API. The chart is built with a reusable D3.js module and uses SVG rendering with smooth transitions. It fetches aggregated CSV data (mean temperature by date) via jQuery, maps the date field to a time-scale X axis and temperature to a linear Y axis, and includes labeled axes and a title. The visualization supports dynamic resizing and live data updates through a Model-based architecture that coordinates the container, SVG dimensions, scales, and axes.

CCurran Kelleher
72% match
Loading thumbnail…

A Week of Temperatures Around the World Various Lines Chart

This line chart displays one week of temperature readings in Celsius across multiple cities, with each city represented as a distinct colored line. The visualization uses a nested data grouping to organize city series and sorts them by their final temperature value. Built with d3 v5, the code employs scaleTime and scaleLinear for axes, a line generator with curveBasis for smooth paths, and an ordinal color scale from schemeCategory10. The visualization renders to SVG and pulls its data from the Data Canvas - Sense Your City dataset.

GGonzalo Montañés
72% 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
71% match
Loading thumbnail…

Line Chart with Multiple Lines

This line chart displays one week of temperature data in Celsius for cities worldwide, sourced from Data Canvas - Sense Your City. Each line represents a city district, colored using d3.scaleOrdinal with schemeCategory10. The chart includes axes with gridlines, a title, and a color legend, while the data is parsed with dayjs. The d3.line generator with curveBasis smooths each path, and the nested data is sorted by the last temperature value of each series.

Aask4jm
71% match
Loading thumbnail…

Line Chart with Multiple Lines

This line chart displays one week of temperature readings in degrees Celsius for cities around the world, using data from Data Canvas - Sense Your City. Each city appears as a separate colored line, with a color legend on the right and a titled chart showing time on the x-axis and temperature on the y-axis. The visualization is rendered as an SVG using D3 v5, employing d3.scaleTime, d3.scaleLinear, d3.scaleOrdinal, d3.line with curveBasis, d3.nest, and d3.axisLeft/axisBottom. Data is loaded via d3.csv from a GitHub-hosted CSV file, with dates parsed using the Day.js library.

Ggcappadaniel
71% match
Loading thumbnail…

MULTILINE CHART

This multiline chart displays one week of temperature data in degrees Celsius for cities worldwide, sourced from Data Canvas - Sense Your City. The visualization uses D3 v5 with nested line paths to plot temperature over time, with each city assigned a distinct color from the ordinal color scale. The code employs d3.line with curveBasis for smooth curves, d3.nest to group data by city, and custom axis labels and legends rendered as SVG elements.

Pprincit
71% match
Loading thumbnail…

MULTILINE CHART

This multiline chart displays one week of temperature data in degrees Celsius for cities worldwide, sourced from Data Canvas - Sense Your City. The visualization uses D3 v5 with nested line paths to plot temperature over time, with each city assigned a distinct color from the ordinal color scale. The code employs d3.line with curveBasis for smooth curves, d3.nest to group data by city, and custom axis labels and legends rendered as SVG elements.

Pprincit
71% match