Tech Demos on Structure and Representation

Global Population Density 3D Bar-Chart Map

Thu, 08 Jan 2026 00:00:00 +0900

An interactive 3D map of worldwide population density data.

n1n9-jp.github.io

Global Population Density 3D Bar-Chart Map

n1n9-jp.github.io

Publication Date

January 11, 2025

Project Client

Personal project

Project Description

An interactive 3D map of worldwide population density data.

The full dataset is about 7 GB, but because only what is needed is fetched on demand from the backend, the map stays responsive.

Prefecture-Level Cartograms of Japan

Sat, 22 Nov 2025 00:00:00 +0900

A browser for uploading data and rendering it as prefecture-level cartograms of Japan.

n1n9-jp.github.io

Prefecture-Level Cartograms of Japan

n1n9-jp.github.io

Publication Date

November 22, 2025

Project Client

Personal project

Project Description

A cartogram tool — data is reflected in the area of each region on the map — that lets users upload various datasets at the Japanese-prefecture level for visualization.

A ranking mode is also available. It automatically computes ranks from 1 through 47 and colors them with a diverging palette centered on the 24th rank, visually producing a kind of above/below opposition around the median.

reactive grid

Sat, 10 Jan 2026 00:00:00 +0900

An experiment to turn motion patterns for reactive grid motion design into a pattern language.

n1n9-jp.github.io

reactive grid

n1n9-jp.github.io

Publication Date

January 10, 2026

Project Client

Personal project

Project Description

Inspired by Yugo Nakamura’s “Nervous Matrix on Mona Lisa” and the Tokyo Dome City logo, this project explores a pattern language for motion design using a reactive grid.

d3.js — Random Value Generator

Tue, 20 Jan 2015 00:00:00 +0900

A side-by-side viewer for the random-number generators implemented in D3.js, applied to changes in size, direction, and color.

structure-and-representation.com

d3.js — Random Value Generator

A side-by-side viewer for the random-number generators implemented in D3.js, applied to changes in size, direction, and color.

Publication Date

January 20, 2015

Project Client

Personal project

Project Description

A side-by-side viewer for the random-number generators implemented in D3.js, applied to changes in size, direction, and color.