Milliners-Son

@Milliners-Son·3 public vizzes

Austin TX Average Temperature (OCT 2011 - SEPT 2012)

A time-series bar chart displays daily average temperatures in Austin, Texas from October 2011 to September 2012. Each thin vertical bar encodes one day’s temperature, with fill color mapping temperature ranges from cool blue to hot red, and the y-axis indicating degrees. The visualization uses D3 v4 with `d3.tsv` for data loading, `d3.scaleTime` and `d3.scaleLinear` for axes, and renders SVG `<rect>` elements. The GitHub-hosted dataset originates from a gist forked from a blockbuilder.org exercise.

Jul 14, 2017

Loading thumbnail…

fresh block

A bar chart displays six hardcoded numeric values as vertically scaled blue rectangles, with white strokes separating them. Each bar's height is proportional to the value divided by the maximum of the dataset, computed using `d3.max`. The chart renders in SVG via `d3.select` and `selection.append`, positioning bars with `attr('x')` based on their index and using a percentage-based height. The data is static, and the visualization uses d3.v4 without axes or labels.

Jul 14, 2017

Loading thumbnail…

Smoothed D3.js Radar Chart

This example presents a smoothed radar chart that compares three smartphone brands—iPhone, Samsung, and Nokia—across eight attributes such as battery life, brand, and price. The visualization uses a circular grid with five concentric levels, where each brand’s data forms a rounded, semi-transparent polygon with colored strokes and dots. Built with D3.js (version 3.5.6), it renders via SVG and includes a glow filter for aesthetic effect. The chart animates using smooth cardinal-closed paths, with tooltips and percentage labels marking each level.

May 3, 2017