数据产品 · 3D Web2025

Digital Earth Intelligence

数字地球数据分析网站

把跨区域数据放回地理空间中理解:先从全球定位目标区域,再进入结构化指标与信息面板,完成从宏观观察到局部分析的连续体验。
MY ROLE产品设计 / Java 全栈开发 / 数据可视化 / 交互实现
WHAT IT IS / 产品定义

这是一个用三维地球组织跨区域数据观察与对比的可视化分析网站。

用户从可旋转、可定位的数字地球进入目标区域,在同一分析界面查看行政区域分布、年龄结构、经济指标、教育结构、性别结构和相关公共信息。地球不是装饰,而是数据导航:它把抽象表格重新放回空间关系中。

适合谁
面向需要快速理解不同区域结构差异的数据分析学习者、市场研究人员和演示汇报场景。
什么时候使用
适合在研究起始阶段建立区域概览、对比指标结构、定位值得继续调查的问题;展示数据为通用化示例,不指向具体客户或商业结论。
REGIONAL OVERVIEW从全球进入区域数据
区域结构76%年龄分布58%经济指标84%教育结构69%
PRODUCT PROPOSITION / 核心价值
让数据先拥有空间位置,再拥有图表和结论。

以可交互三维地球为入口,连接区域指标、人口结构、经济教育数据与公共信息观察。 把跨区域数据放回地理空间中理解:先从全球定位目标区域,再进入结构化指标与信息面板,完成从宏观观察到局部分析的连续体验。

CORE CAPABILITIES / 核心能力

围绕真实任务组织能力,
而不是堆叠功能菜单

01

三维地球入口

通过自动旋转、视角控制与区域标记,在全球尺度上建立直观的数据导航。

02

区域快速定位

从地球标记或导航菜单切换目标区域,并保持从宏观到局部的空间连续性。

03

多维指标面板

将地区、年龄、经济、教育与人口结构等数据组织为可比较的图表和明细。

04

地图数据联动

区域地图与指标状态共享同一分析上下文,选择区域后同步更新信息。

05

公共信息补充

在结构化指标旁提供相关公开信息入口,为数字变化补充时间与事件背景。

06

分层数据服务

前端负责交互与可视化,后端统一校验查询条件并聚合不同主题的数据结果。

USE SCENARIOS / 使用场景

产品在什么时候
真正产生价值

SCENARIO 01

区域概览

第一次接触某个地区,需要在短时间内建立人口、经济和教育结构的整体认识。

从地球定位进入区域面板,以统一维度快速浏览关键结构。
SCENARIO 02

横向比较

希望观察多个区域在相同指标上的差异,而不是反复打开独立报表。

沿同一导航路径切换区域,保持指标口径和视觉结构一致。
SCENARIO 03

汇报与探索

静态表格难以在演示中说明地理位置和数据之间的关系。

以空间导航建立叙事,再用地图、图表和明细支撑后续讨论。
PRODUCT FLOW / 产品流程

从一次输入到
一个可用结果

  1. 01

    浏览全球视图

    在三维地球上观察区域标记,旋转或缩放建立空间方位。

  2. 02

    选择目标区域

    点击地球标记或使用快速导航进入对应分析上下文。

  3. 03

    加载主题数据

    后端依据区域编码聚合多个主题的数据集合,并以统一响应返回。

  4. 04

    联动图表地图

    前端将区域分布、人口与社会经济指标映射到地图、图表和明细面板。

  5. 05

    形成观察线索

    结合指标差异与公开信息,记录值得进一步核验的问题,而不是直接输出武断结论。

ENGINEERING / 工程架构

让体验、业务、数据与治理
各自拥有清晰边界

01IMMERSIVE UI

Vue 3 + ECharts GL

使用 WebGL 地球、区域散点和视角控制构建空间化入口,并适配不同屏幕。

02ANALYTICS UI

ECharts 数据面板

通过地图、图表、列表和状态管理组织多个指标主题及区域切换。

03SERVICE

Spring Boot 查询服务

统一处理认证、参数校验、区域编码映射、数据聚合与异常响应。

04DATA

MyBatis + MySQL + Redis

关系模型保存分主题指标,缓存支撑高频区域查询并降低重复计算。

TRUST & SAFETY / 安全与边界

公开表达产品价值,
不暴露真实业务信息

只呈现聚合数据

展品围绕区域级结构数据,不展示可识别个人的信息或客户业务数据。

查询边界校验

后端对区域参数和响应完整性进行检查,避免未知输入静默产生错误结论。

数据与结论分离

可视化帮助发现差异,不把相关性包装为因果,最终判断需要回到来源与方法。

公开展示已去标识

页面不公开仓库代号、服务地址、账号、接口文档或具体数据提供方配置。

HIGHLIGHTS
  1. 01三维数字地球导航
  2. 02跨区域数据切换
  3. 03人口与经济多维分析
  4. 04地图与指标联动
  5. 05前后端分层数据服务
TECHNOLOGY
Vue 3EChartsECharts GLWebGLSpring BootMyBatisMySQLRedisSpring Security
NEXT EXHIBIT / 01DID / VC 双端平台