path

100%

✓ Published0🌍 Public

Last edited Jul 24, 2018

Created on Jul 24, 2018

This chart shows a multi-line comparison of daily average temperatures across three U.S. cities—New York, San Francisco, and Austin—over a period spanning late 2011 to early 2012. Each city is represented by a colored line plotted against a shared time axis, with the y-axis denoting temperature in degrees Fahrenheit. The data is loaded from a TSV file, and the visualization uses D3 v4 to render the SVG paths, making it easy to compare seasonal trends and temperature variations among the cities.

AI-generated description

Built with blockbuilder.org

forked from <a href='http://bl.ocks.org/EranM6/'>EranM6</a>'s block: <a href='http://bl.ocks.org/EranM6/f40e4fa95b70dd1fe92719ef77d95950'>d3</a>

mit Licensed

Similar vizzes

Loading thumbnail…

d3

This example shows a multi-series line chart comparing daily average temperatures across three US cities—New York, San Francisco, and Austin—over a three-month period from October 2011 through January 2012. The data is loaded from a tab-separated values file using d3.tsv. Each city is encoded as a separate colored line, with the date on the x-axis and temperature in degrees Fahrenheit on the y-axis. The visualization uses d3 v4 with SVG rendering to draw axes, gridlines, and a legend, making seasonal trends and city-to-city differences readily apparent.

EEranM6

89% match

Loading thumbnail…

step3

This visualization displays daily average temperatures for New York, San Francisco, and Austin from October 2011 through April 2012. Three separate lines, each representing a city, are drawn over time on a common set of axes, allowing for direct comparison of temperature trends and seasonal variations across the locations. The graphic is rendered as an SVG using the D3.js v4 library, employing `d3.line` and `d3.curveBasis` to create smooth paths. The code loads tab-separated data via `d3.tsv`, parses the date column with `d3.timeParse`, and maps the categorical city names to colors using `d3.scaleOrdinal` with the `d3.schemeCategory10` palette.

深深度碎片

88% match

Loading thumbnail…

Multi-Series Line Chart

This multi-series line chart displays daily average temperatures for New York, San Francisco, and Austin over a year, sourced from a TSV file. Each city’s temperature trend is drawn as a colored line, with points highlighted by circles and extreme values (below 20° or above 89°) labeled directly on the plot. The visualization uses D3 v4 APIs such as `d3.tsv` for data parsing, `d3.timeParse` for date handling, `d3.scaleTime`, `d3.scaleLinear`, `d3.scaleOrdinal` and `d3.schemeCategory10` for encoding, and `d3.line` with SVG paths to render the series.

CCatherine-Yu

87% match

Loading thumbnail…

Multi-Series Line Chart

This multi-series line chart visualizes daily average temperatures for New York, San Francisco, and Austin over the course of a year, with each city encoded as a colored line. The x-axis represents time using d3.time.scale, while the y-axis uses a linear scale for temperature values. Colors are assigned via d3.scale.category10, and the data is loaded from a TSV file using d3.tsv. The chart applies conventional margins, computes domains with d3.extent, d3.min, and d3.max, and renders axes and lines using d3.svg.axis and d3.svg.line. The visualization compares seasonal temperature patterns across the three cities, highlighting relative warmth and variation throughout the year.

EEleonore9

87% match

Loading thumbnail…

Multi-Series Line Chart

This multi-series line chart visualizes daily average temperatures for New York, San Francisco, and Austin over a year, with three colored lines plotted against a time-based x-axis and a temperature y-axis. The visualization is built with D3 v3 and rendered as SVG, using conventional margins. It loads data from a TSV file via d3.tsv and leverages d3.time.format to parse dates, d3.time.scale for the x-position, d3.scale.linear for the y-position, and d3.scale.category10 for color encoding. Domains are computed with d3.extent, d3.min, and d3.max, while column names are derived using d3.keys. Axes are rendered with d3.svg.axis and the lines with d3.svg.line. The chart illustrates seasonal temperature variations across the three cities over a year, with each line distinguished by color.

HHelenHChen

87% match

Loading thumbnail…

Lab3 - Multi-Series Line Chart

This multi-series line chart visualizes daily average temperatures for New York, San Francisco, and Austin over a year, using data loaded from a TSV file via d3.tsv. The x-axis employs a time scale with dates parsed by d3.time.format, while the y-axis uses a linear scale for temperature values. Each city’s temperature series is drawn as a separate colored line using d3.svg.line, with colors assigned from the category10 ordinal scale. The chart computes its x- and y-domains dynamically with d3.extent, d3.min, and d3.max, and uses d3.keys to identify the city columns in the dataset. Conventional margins are applied, and axes are rendered with d3.svg.axis. The visualization compares daily average temperatures across New York, San Francisco, and Austin over one year, highlighting seasonal differences among the three cities.

115Dkatz

87% match

Loading thumbnail…

Multi-Series Line Chart

This multi-series line chart displays daily average temperatures for New York, San Francisco, and Austin over one year, loaded from a TSV file via d3.tsv. The visualization uses d3.time.scale for the x-axis, d3.scale.linear for the y-axis, d3.scale.category10 for color encoding, and d3.svg.line with basis interpolation to draw each city’s temperature trend. Axes are rendered with d3.svg.axis, while d3.extent, d3.min, and d3.max compute the domains. City labels appear at the end of each line, and the SVG output uses conventional margins.

CCdcole

86% match

Loading thumbnail…

Multi-Series Line Chart

This visualization displays the daily average temperature for New York, San Francisco, and Austin over a year, with three colored lines allowing direct comparison of seasonal patterns. The chart uses D3 v3 APIs, including `d3.tsv` for data loading, `d3.time.format` for date parsing, `d3.time.scale` for the x-axis, `d3.scale.linear` for the y-axis, and `d3.scale.category10` for color encoding. It renders with SVG, using `d3.svg.axis`, `d3.svg.line`, and `d3.keys` to structure city series from the TSV data.

CCdcole

86% match