Re:Earth Visualizer / Re:Earth Visualizer

← back

Re:Earth Visualizer — 生产环境 UI（widget 模式）

2020年，开始做 Re:Earth Visualizer ——一个开源的 3D GIS 平台。和一支小团队，从零开始。

我作为 founding designer / Product Owner，负责产品方向、信息架构、范围、招人，以及内部的设计系统。和一支懂 TypeScript / Cesium / 3D Tiles 的工程团队每天一起做。

五年过去了。它成了日本国土交通省 PLATEAU 计划的官方查看器——这个国家「数字孪生」的标准底层——在大约 20 个自治体的日常工作中运行。从 0 到「标准」。

界面上看得见的是地图、图层、插件、widget；但真正在判断的，往往是它们底下那一层抽象——「图层是什么」「插件是什么」「空间是什么」。很多时候，问题不是「这个界面要怎么做」，而是「我们用什么抽象去想这件事」。

更具体的设计决策——重构图层模型、插件 playground、widget 的排版语言——写在了另一个作品集里：product-portfolio.surreal.red。

产品：visualizer.reearth.io · 代码：reearth/reearth-visualizer

2020年。小さなチームで、Re:Earth Visualizer をつくりはじめた——オープンソースの 3D GIS プラットフォーム。何もないところから。

立ち上げ期のデザイナー兼 Product Owner として、プロダクトの方向、IA、スコープ、採用、社内デザインシステムを担当してきた。TypeScript / Cesium / 3D Tiles を扱うエンジニアチームと、毎日一緒につくっている。

5年が経って、いまは国土交通省 PLATEAU プロジェクトの標準ビューワーになっている。日本の「デジタルツイン」の土台で、およそ 20 の自治体で日常的に動いている。ゼロから「標準」へ。

画面に見えているのは地図やレイヤー、プラグイン、ウィジェット——けれど実際に判断していたのは、そのひとつ下の抽象だった。「レイヤーとは何か」「プラグインとは何か」「空間とは何か」。UI の話というより、何を抽象に選ぶかの話だ。

もう少し具体的な設計判断——レイヤーモデルの再構築、プラグインの playground、ウィジェットのレイアウト言語など——は、もう一つのポートフォリオに書いている：product-portfolio.surreal.red。

プロダクト：visualizer.reearth.io · ソース：reearth/reearth-visualizer

2020 — I started Re:Earth Visualizer with a small team. An open-source 3D GIS platform. From zero.

As founding designer and Product Owner, I owned product direction, IA, scope, hiring, and the in-house design system — building it every day alongside an engineering team working in TypeScript / Cesium / 3D Tiles.

Five years in, it's now the standard viewer behind Japan's MLIT PLATEAU initiative — the foundation of the country's digital twin — running daily in roughly twenty municipal governments. From zero to standard.

What you see on screen is maps, layers, plugins, widgets — UI. What we were actually deciding usually lived one layer below: data models, plugin sandboxes, layout languages. Most decisions weren't "what should the interface look like" but "what abstraction are we choosing to think with."

The specific design decisions — rebuilding the layer model, the plugin playground, a layout language for widgets — are written up on my other portfolio: product-portfolio.surreal.red.

Product: visualizer.reearth.io · Source: reearth/reearth-visualizer

---
layout: work.njk
title_zh: Re:Earth Visualizer
title_ja: Re:Earth Visualizer
title_en: Re:Earth Visualizer
year: 2020
cover: /images/2020-re-earth-visualizer/cover.jpg
materials: 开源 3D GIS 平台 · React + Cesium + Go
materials_ja: オープンソース 3D GIS プラットフォーム · React + Cesium + Go
materials_en: Open-source 3D GIS platform · React + Cesium + Go
description: "Open-source 3D GIS platform built from zero since 2020 with a small team at Eukarya. Officially adopted by Japan's MLIT PLATEAU initiative; runs daily across ~20 municipalities. visualizer.reearth.io · reearth/reearth-visualizer."
workTags:
  - software
  - commercial
pinned: true
permalink: /work/2020-re-earth-visualizer/
---

<div class="gallery">
  <img loading="lazy" src="/images/2020-re-earth-visualizer/production-ui.png" alt="Re:Earth Visualizer — 生产环境 UI（widget 模式）">
  <img loading="lazy" src="/images/2020-re-earth-visualizer/plugin-playground.png" alt="Re:Earth Visualizer — Plugin playground">
  <img loading="lazy" src="/images/2020-re-earth-visualizer/layer-model.png" alt="Re:Earth Visualizer — 图层模型 UI">
</div>

<div lang="zh">

2020年，开始做 Re:Earth Visualizer ——一个开源的 3D GIS 平台。和一支小团队，从零开始。

我作为 founding designer / Product Owner，负责产品方向、信息架构、范围、招人，以及内部的设计系统。和一支懂 TypeScript / Cesium / 3D Tiles 的工程团队每天一起做。

五年过去了。它成了日本国土交通省 PLATEAU 计划的官方查看器——这个国家「数字孪生」的标准底层——在大约 20 个自治体的日常工作中运行。从 0 到「标准」。

界面上看得见的是地图、图层、插件、widget；但真正在判断的，往往是它们底下那一层抽象——「图层是什么」「插件是什么」「空间是什么」。很多时候，问题不是「这个界面要怎么做」，而是「我们用什么抽象去想这件事」。

更具体的设计决策——重构图层模型、插件 playground、widget 的排版语言——写在了另一个作品集里：[product-portfolio.surreal.red](https://product-portfolio.surreal.red)。

产品：[visualizer.reearth.io](https://visualizer.reearth.io) · 代码：[reearth/reearth-visualizer](https://github.com/reearth/reearth-visualizer)

</div>

<div lang="ja">

2020年。小さなチームで、Re:Earth Visualizer をつくりはじめた——オープンソースの 3D GIS プラットフォーム。何もないところから。

立ち上げ期のデザイナー兼 Product Owner として、プロダクトの方向、IA、スコープ、採用、社内デザインシステムを担当してきた。TypeScript / Cesium / 3D Tiles を扱うエンジニアチームと、毎日一緒につくっている。

5年が経って、いまは国土交通省 PLATEAU プロジェクトの標準ビューワーになっている。日本の「デジタルツイン」の土台で、およそ 20 の自治体で日常的に動いている。ゼロから「標準」へ。

画面に見えているのは地図やレイヤー、プラグイン、ウィジェット——けれど実際に判断していたのは、そのひとつ下の抽象だった。「レイヤーとは何か」「プラグインとは何か」「空間とは何か」。UI の話というより、何を抽象に選ぶかの話だ。

もう少し具体的な設計判断——レイヤーモデルの再構築、プラグインの playground、ウィジェットのレイアウト言語など——は、もう一つのポートフォリオに書いている：[product-portfolio.surreal.red](https://product-portfolio.surreal.red)。

プロダクト：[visualizer.reearth.io](https://visualizer.reearth.io) · ソース：[reearth/reearth-visualizer](https://github.com/reearth/reearth-visualizer)

</div>

<div lang="en">

2020 — I started Re:Earth Visualizer with a small team. An open-source 3D GIS platform. From zero.

As founding designer and Product Owner, I owned product direction, IA, scope, hiring, and the in-house design system — building it every day alongside an engineering team working in TypeScript / Cesium / 3D Tiles.

Five years in, it's now the standard viewer behind Japan's MLIT PLATEAU initiative — the foundation of the country's digital twin — running daily in roughly twenty municipal governments. From zero to standard.

What you see on screen is maps, layers, plugins, widgets — UI. What we were actually deciding usually lived one layer below: data models, plugin sandboxes, layout languages. Most decisions weren't "what should the interface look like" but "what abstraction are we choosing to think with."

The specific design decisions — rebuilding the layer model, the plugin playground, a layout language for widgets — are written up on my other portfolio: [product-portfolio.surreal.red](https://product-portfolio.surreal.red).

Product: [visualizer.reearth.io](https://visualizer.reearth.io) · Source: [reearth/reearth-visualizer](https://github.com/reearth/reearth-visualizer)

</div>