Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Day / Hour Heatmap in v4

Public visualization

Day / Hour Heatmap in v4

0 stars0🌍 Public
TThanaporn-sk
Last edited Apr 29, 2017
Created on Apr 29, 2017

This heatmap visualizes concurrent user sessions across days of the week and hours of the day, with cell color intensity encoding the session count. The SVG-based chart uses `d3.scaleQuantile` with a nine-color YlGnBu palette and includes a legend showing quantile thresholds. It reads TSV data via `d3.tsv`, renders labeled day and hour axes, and animates color transitions with `transition().duration(1000)` when switching between two datasets using the dataset picker buttons.

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/ganezasan/'>ganezasan</a>'s block: <a href='http://bl.ocks.org/ganezasan/dfe585847d65d0742ca7d0d1913d50e1'>Day / Hour Heatmap in v4</a>

Comments

Sign in to join the discussion.

MIT Licensed