Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Day / Hour Heatmap

Public visualization

Day / Hour Heatmap

0 stars0🌍 Public
AAjayyy
Last edited Feb 16, 2019
Created on Feb 16, 2019

This heatmap visualizes concurrent user sessions by day of the week and hour of the day, using an SVG grid of 24 columns (hours) and 7 rows (days), with color intensity derived from a quantile scale of session counts. The example loads tab-separated data via `d3.tsv` and renders animated transitions between two datasets, selected by buttons, with each cell’s fill updating over 1000 milliseconds. It builds the chart with D3 v3, including `d3.scale.quantile`, SVG `rect` elements with rounded corners, axis labels for weekdays and times, and a legend showing value thresholds. Data originates from a development environment’s session logs, as noted in the README.

AI-generated description

Inspired by Trulia Trends - but with code and using SVG.

Example data shows concurrent user sessions over time, taken from a development environment.

MIT Licensed, see LICENSE.MD.

forked from <a href='http://bl.ocks.org/tjdecke/'>tjdecke</a>'s block: <a href='http://bl.ocks.org/tjdecke/5558084'>Day / Hour Heatmap</a>

Comments

Sign in to join the discussion.

MIT Licensed