Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

heatmap_cities

Public visualization

heatmap_cities

0 stars0🌍 Public
IIgorGorin00
Last edited Dec 1, 2023
Created on Dec 1, 2023
Forked from D3 Starter

This example visualizes screen dimensions by rendering the current browser width and height as a large, heatmap-like typographic display. It shows a minimal grid of numeric cell blocks that update based on window size, with the current viewport measurements logged to the console. The code uses D3 v7’s `select` and `range` functions to manage the DOM and generate table structures, while dynamically reading `window.innerWidth` and `window.innerHeight` to populate the layout. The rendering approach relies on raw JavaScript and D3’s data-binding to build the visualization in a blank HTML body.

AI-generated description

A demonstration of how to start using D3 version 6.

Comments

Sign in to join the discussion.

MIT Licensed