-
面向移动端的可视化解决方案。
<script src="https://cdn.bootcdn.net/ajax/libs/f2/4.0.45/f2.min.js"></script> -
图编辑引擎，适合流程图、DAG。
<script src="https://cdn.jsdelivr.net/npm/@antv/x6@2.18.1/dist/index.js"></script> -
高交互科学图表库。
<script src="https://cdn.bootcdn.net/ajax/libs/plotly.js/2.29.1/plotly.min.js"></script> -
ApexCharts
ApexCharts · 图表/可视化
现代交互图表库，配置友好。
<script src="https://cdn.bootcdn.net/ajax/libs/apexcharts/3.46.0/apexcharts.min.js"></script> -
体积极小、性能极高的时间序列图。
<link rel="stylesheet" href="https://cdn.bootcdn.net/ajax/libs/uPlot/1.6.30/uPlot.min.css">\n<script src="https://cdn.bootcdn.net/ajax/libs/uPlot/1.6.30/uPlot.iife.min.js"></script> -
响应式简单图表库。
<link rel="stylesheet" href="https://cdn.bootcdn.net/ajax/libs/chartist/1.3.0/chartist.min.css"> -
把数据变成迷你图的 jQuery 插件。
<script src="https://cdn.bootcdn.net/ajax/libs/peity/3.3.0/jquery.peity.min.js"></script> -
Sparklines
Sparklines · 图表/可视化
行内微型图表。
<script src="https://cdn.bootcdn.net/ajax/libs/jquery-sparklines/2.1.2/jquery.sparkline.min.js"></script> -
网络图、时间线与二维图可视化。
<link rel="stylesheet" href="https://cdn.bootcdn.net/ajax/libs/vis/4.21.0/vis.min.css">\n<script src="https://cdn.bootcdn.net/ajax/libs/vis/4.21.0/vis.min.js"></script> -
Cytoscape.js
Cytoscape · 图表/可视化
图论与网络可视化库。
<script src="https://cdn.bootcdn.net/ajax/libs/cytoscape/3.28.1/cytoscape.min.js"></script> -
专注大规模图可视化。
<script src="https://cdn.jsdelivr.net/npm/sigma@2.4.0/dist/sigma.min.js"></script> -
Babylon.js
Babylon · 图表/可视化
强大的 Web 3D 引擎。
<script src="https://cdn.bootcdn.net/ajax/libs/babylonjs/6.42.0/babylon.min.js"></script> -
手绘风格图形库。
<script src="https://cdn.bootcdn.net/ajax/libs/rough.js/4.6.6/rough.min.js"></script> -
Font Awesome
Font Awesome · 字体/图标
流行的图标字体库，提供大量矢量图标。
<link rel="stylesheet" href="https://cdn.bootcdn.net/ajax/libs/font-awesome/6.5.1/css/all.min.css"> -
Bootstrap Icons
Bootstrap · 字体/图标
Bootstrap 官方图标集，风格统一，可单独使用。
<link rel="stylesheet" href="https://cdn.bootcdn.net/ajax/libs/bootstrap-icons/1.11.3/font/bootstrap-icons.min.css"> -
Material Icons
Google · 字体/图标
Material Design 官方图标字体，风格统一、覆盖面广。
<link rel="stylesheet" href="https://cdn.bootcdn.net/ajax/libs/material-design-icons/3.0.1/iconfont/material-icons.min.css"> -
Ionic 图标集，提供 outline / filled / sharp 等多种风格。
<script type="module" src="https://cdn.bootcdn.net/ajax/libs/ionicons/7.2.2/ionicons/ionicons.esm.js"></script> -
Remix Icon
Remix Icon · 字体/图标
开源中性风格图标库，图标数量多，适合后台与产品界面。
<link rel="stylesheet" href="https://cdn.bootcdn.net/ajax/libs/remixicon/4.2.0/remixicon.min.css"> -
统一图标框架，可按需加载上千套图标集。
<script src="https://cdn.bootcdn.net/ajax/libs/iconify/3.1.1/iconify.min.js"></script> -
Noto Sans SC
Google Fonts · 字体/图标
思源黑体同源的简体中文无衬线字体，适合正文排版。
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;700&display=swap"> -
Material Symbols
Google · 字体/图标
新一代 Material 符号图标。
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined">