Personal Work on Structure and Representation

Your Foreign Neighbors (Tokyo Edition)

Sat, 22 Jul 2017 00:00:00 +0900

tokyo-cartography.structure-and-representation.com

Your Foreign Neighbors (Tokyo Edition)

tokyo-cartography.structure-and-representation.com

Publication Date

July 22, 2017

Project Client

Personal project

Project Description

Driven by a personal curiosity — whether there is any geographic skew in where foreign residents of Tokyo come from by region of origin — I obtained population data of foreign residents in Tokyo and visualized it on a map. Population numbers are reflected in both color intensity and area, so that regional skew is intuitively grasped and the familiar map appears pleasingly distorted.

Project Role

Art direction, design, front-end coding, and data processing — all handled personally.

A Pattern Language

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

Architect Christopher Alexander’s “A Pattern Language” — the connections between the patterns, expressed as a network.

Contents Links

Static image only.

Publication Date

February 27, 2018

Project Client

Personal project

Project Description

Built with D3.js.

A Visual Representation of the World Values Survey

Fri, 03 Jan 2014 00:00:00 +0900

Inspired by Akira Tachibana’s book “The Japanese,” this project visually represents Japan’s position within the World Values Survey.

wvs.structure-and-representation.com

A Visual Representation of the World Values Survey

wvs.structure-and-representation.com

Publication Date

February 20, 2015

Project Client

Personal project

Project Description

Inspired by Akira Tachibana’s book “The Japanese,” this project visually represents Japan’s position within the World Values Survey. For example, the two axes of the Inglehart–Welzel cultural map:

“Traditional” vs. “Secular”
“Survival” vs. “Self-expression”

The officially published Inglehart–Welzel map was only available as a hand-drawn illustration, so I rebuilt it as a data-driven, time-series visualization and considered Japan’s position within it.

Project Role

Art direction, design, front-end coding, and data processing — all handled personally.

Listed Company Directory

Sat, 25 Aug 2018 00:00:00 +0900

An explorable view of Japan’s publicly listed companies, by prefecture, industry classification, market segment, and fiscal year-end month.

Publication Date

August 25, 2018

Project Client

Personal project

Project Description

Data as of July 31, 2017.

Black Black Corporations

Mon, 07 Aug 2017 00:00:00 +0900

An explorable search interface for the “List of Cases of Labor-Related Law Violations” published monthly by Japan’s Ministry of Health, Labour and Welfare.

Black Black Corporations

Publication Date

August 7, 2017 (Monday)

Project Client

Personal project

Project Description

Data was extracted from the PDF-format “List of Cases of Labor-Related Law Violations” published monthly by Japan’s Ministry of Health, Labour and Welfare, and stored in a database broken down by prefecture, year/month of publication, and law violated. Users can see the number of companies for a given region (e.g. Osaka), year/month (e.g. Heisei 29, March), or law (e.g. Industrial Safety and Health Act, Labor Standards Act) in a chart, or view the list of company names.

Because the data is raw and should not become something people can safely attack people over from behind a screen, the contrast is deliberately pushed to the edge of legibility, making it almost unreadable under normal conditions.

FY2016 Japanese Government Draft Budget — General Account

Mon, 25 Jul 2016 00:00:00 +0900

A relative-size visualization of Japan’s FY2016 general-account draft government budget, broken down by line item.

FY2016 Japanese Government Draft Budget — General Account

Publication Date

July 25, 2016

Project Client

Personal project

Project Description

A relative-size visualization of Japan’s FY2016 general-account draft government budget, broken down by line item. Uses a treemap, which simultaneously expresses relative magnitude and hierarchical structure.

Purple Music Browser

Wed, 15 Jun 2016 00:00:00 +0900

A browser for finding songs similar in BPM, key, and length across the catalog of musician Prince.

purple.structure-and-representation.com

Purple Music Browser

purple.structure-and-representation.com

Publication Date

June 15, 2016

Project Client

Personal project

Project Description

A browser limited to Prince’s studio-recorded, officially released, self-composed songs, letting you find similar songs by BPM, key, and length. You can find similar songs, the longest tracks, and newer tracks. Remix versions of earlier songs, live takes, and unreleased tracks are excluded.

Comparing Prime Ministerial Statements

Tue, 26 Jan 2016 00:00:00 +0900

Prompted by the prime minister’s statement issued on a postwar anniversary, a word-cloud comparison of the Abe, Koizumi, and Murayama statements.

Comparing Prime Ministerial Statements

Publication Date

January 26, 2016

Project Client

Personal project

Project Description

Prompted by the prime minister’s statement issued on a postwar anniversary, a word-cloud comparison of the Abe statement (70th postwar anniversary), the Koizumi statement (60th), and the Murayama statement (50th).

Frequent terms were computed via morphological analysis and frequency counts using Python and MeCab, and rendered with D3.js. For the MeCab dictionary, mecab-ipadic-neologd was used.

Migration Flows Between Japan's Three Major Metropolitan Areas

Sat, 22 Aug 2015 00:00:00 +0900

Visualization of migration flows between Japan’s three major metropolitan areas as a network diagram.

Migration Flows Between Japan's Three Major Metropolitan Areas

Publication Date

August 22, 2015

Project Client

Personal project

Project Description

To intuitively grasp population movement within Japan — which is usually visualized as a map or a table — I adopted an arc diagram to represent the data as a network. For each of the three major metropolitan areas, selecting a from/to origin filters the data on the fly.

Project Role

Art direction, design, front-end coding, and data processing — all handled personally.

iPhone 5S: Carrier Connection-Speed Comparison

Fri, 20 Sep 2013 00:00:00 +0900

When all three Japanese carriers started offering the iPhone for the first time in 2013, I visualized and compared the actual connection quality of each carrier on a map.

n1n9-jp.github.io

iPhone 5S: Carrier Connection-Speed Comparison

n1n9-jp.github.io

Publication Date

September 20, 2013

Project Client

Personal project

Project Description

The iPhone 5S launched on September 20. With all three carriers carrying the iPhone for the first time, which carrier would actually connect best — alongside the pricing plans — became a widely shared concern. Media outlets ran speed tests on launch day and I referred to them, but the results were published only as tables of numbers, which are neither intuitive nor easy to combine across sources to see any pattern. That was the motivation to try visualizing them.

Personal Work on Structure and Representation

Your Foreign Neighbors (Tokyo Edition)

Publication Date

Project Client

Project Description

Project Role

A Pattern Language

Contents Links

Publication Date

Project Client

Project Description

A Visual Representation of the World Values Survey

Publication Date

Project Client

Project Description

Project Role

Listed Company Directory

Publication Date

Project Client

Project Description

Black Black Corporations

Publication Date

Project Client

Project Description

Related Links

FY2016 Japanese Government Draft Budget — General Account

Publication Date

Project Client

Project Description

Purple Music Browser

Publication Date

Project Client

Project Description

Comparing Prime Ministerial Statements

Publication Date

Project Client

Project Description

Migration Flows Between Japan's Three Major Metropolitan Areas

Publication Date

Project Client

Project Description

Project Role

iPhone 5S: Carrier Connection-Speed Comparison

Publication Date

Project Client

Project Description