Skip to main content
100%

Bivariate Area Chart

✓ Published0🌍 Public
深深度碎片
Last edited Aug 4, 2016
Created on Aug 4, 2016

This bivariate area chart visualizes daily high and low temperatures in San Francisco over two years, with the shaded region spanning the gap between these values. The data is loaded from a TSV file using `d3.tsv`, with dates parsed via `d3.time.format`. The visualization encodes time on the x-axis using `d3.time.scale` and temperature on the y-axis with `d3.scale.linear`. The area shape is rendered using `d3.svg.area`, while `d3.svg.axis` displays both axes. The chart applies conventional margins and renders as SVG, with the area filled in steelblue.

AI-generated description

This two-value area chart is constructed from a TSV file storing the daily high and low temperature in San Francisco over the last two years. Data is from the National Climatic Data Center. The chart employs conventional margins and a number of D3 features:

forked from <a href='http://bl.ocks.org/mbostock/'>mbostock</a>'s block: <a href='http://bl.ocks.org/mbostock/3884914'>Bivariate Area Chart</a>

gpl-3.0 Licensed

Similar vizzes