HENGZHUN DATA STUDIO

让每一份数据都有清晰的表达

观澜可视化是一个纯前端的数据可视化演示项目。10 类图表、33 个省级行政区地图、可缩放的数据大屏与 8 套行业模板，全部由原生 SVG 手绘，零框架、零构建、双击即开。

浏览图表示例查看行业模板

图表类型: 10类
省级行政区: 33个
行业模板: 8套
外部依赖: 0个

实时概览 · overview.demo LIVE

今日访问128,640+12.4%

活跃用户32,918+6.8%

转化率6.82%-0.6%

数据每 3 秒刷新更新于 11:24:06

渲染耗时 18ms

CHART TYPES

十种图表，覆盖常见表达场景

从趋势、对比到地理分布，每种图表都由同一套 SVG 引擎绘制，共享交互、主题与导出能力。

全部示例 →

FEATURED

精选示例

四个最常用的图表，直接取自图表示例库，支持悬浮查看明细与导出。

访问趋势 · 近 30 日

折线图 · 多序列对比

趋势平滑曲线演示数据

渠道结构 · 环比

柱状图 · 双序列分组

对比分组柱演示数据

终端占比

环形图 · 构成分析

占比中心汇总演示数据

全国业务分布

地图 · 省级热力 + 城市弧线

地理 33 省级行政区演示数据

TOOLBOX

常用可视化工具导航

整理自国内主流的数据可视化与科研绘图平台，按使用场景分组，方便快速选型。

以上链接指向各平台官方站点，本站与其无隶属关系；名称与简介仅用于演示排版，请以官方信息为准。

DATA SCREEN

1920 × 1080 数据大屏

按大屏设计规范搭建的实时监控页：固定画布等比缩放、四角括线面板、滚动订单与日志，适配投影与超宽屏。

等比缩放，任意窗口不拉伸变形
地图、趋势、漏斗、排行一屏联动
支持全屏演示与一键刷新

进入大屏演示

TEMPLATES

行业模板与案例

按行业整理的看板结构参考，包含指标口径、图表组合与版式说明。

查看全部 8 套 →

把它当作你的下一个作品集项目

全部代码可读、可改、可拆：替换 assets/js/data.js 即可接入自己的数据。

开始浏览下载说明

让每一份数据 都有清晰的表达