Bivariate Area Chart
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 descriptionThis 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:
- d3.tsv - load and parse data
- d3.time.format - parse dates
- d3.time.scale - x-position encoding
- d3.scale.linear - y-position encoding
- d3.extent, d3.min and d3.max - compute domains
- d3.svg.axis - display axes
- d3.svg.area - display area shape
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>