Feng

产品设计与工程实践

从数据看板到调度系统,每一个产品都是设计与代码的完整表达。5 个在线运行,持续迭代中。

产品设计 数据可视化 全栈开发
浏览产品
日拱一卒 — 持续构建产品矩阵
编号 01

GDP Core Index

:8080

● 运行中

宏观经济数据可视化看板原型。D3.js + ECharts 双引擎驱动,Flask 后端,支持多维度指标对比与历史回溯。

D3.jsEChartsFlaskGunicorn
进入 Demo → 设计笔记
编号 02

FireLive

:8081

● 运行中

消防现场直击原型。移动端 Vue 3 + Vant 4,管理端 Element Plus,FastAPI 后端 + SQLite,支持实时工单流转。

Vue 3FastAPISQLiteDocker
进入 Demo → 设计笔记
编号 03

Dashboard-885

:8082

● 运行中

实时数据监控大屏。纯静态 HTML + ECharts,零后端依赖,Docker 一键部署,适合快速原型与持续交付。

ECharts纯静态NginxDocker
进入 Demo → 设计笔记
编号 04

Data Cockpit

● 运行中

多源数据聚合驾驶舱。统一接入 GDP、监控、业务等多维度数据源,一屏纵览全局。下钻分析 + 实时预警联动。

ReactEChartsWebSocketFastAPI
进入 Demo → 设计笔记
编号 05

处置详情页

● 运行中

消防通道占道事件处置详情页。三节点流程(发现→处置→结果),SVG 趋势图+日期联动切换,8 条流转记录时间线,支持折叠展开与键盘导航。

纯原生HTML/CSS/JSSVG零依赖单文件应用
进入 Demo → 设计笔记
+

关于

一个相信产品设计应由始至终应易于理解,便于使用,终于价值的人。从数据 schema 到交互动效,从 Docker 部署到色彩系统——每个环节都是设计决策。