#217 by GitHub stars
larashero3-dotcom/lieflat-charts
一套模板驱动的数据可视化、PPT 演示与整页报告生成 skill，既能严格从 Lupi、Basics、Glance、Maps 与 Interactive gallery 的真实实现生成 HTML 图表，也能从 Presentation Mode 生成 HTML/PDF 演示，或从报告模板生成整页 HTML 报告；以 Mono 为保底，能按数据语义自动选择内置彩色预设，也支持用户明确提供的自定义色板。地图仅在用户明确要求时启用，同一交付禁止混用色系。
History
Review weekly changes to SKILL.md before updating. Dates mark the weeks in which we observed each version; checks apply to the recorded commits.
View weekly changes
SKILL.md
Week of Nov 2, 2026 · +1 / −1 lines
Before Network or broad shell → After Network or broad shell
ed436ba56b3c → 75c697872e62
Diff text is unavailable under the recorded licenses. Line counts and the GitHub link remain available.
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Network or broad shell
First observation → ed436ba56b3c
No earlier version was observed for comparison.
6.8kGitHub stars
238stars in 7 days
1skill in this repository
6commits in 30 days
Heat
7.6- Star growth, last 7 daysAhead of 95% of tracked repositories
- Star growth, last 24 hoursAhead of 91% of tracked repositories
- Rank movement, last 7 daysAhead of 78% of tracked repositories
- Commits, last 30 daysAhead of 71% of tracked repositories
- Accounts asking about it through MCP, last 7 daysNot available
- Hot votes this weekAhead of 0% of tracked repositories
Heat never changes the order by stars, and sponsorship never touches it. How heat works
Stars over time
Individual skills in this repository
How it works
lieflat-charts
When your agent uses it
一套模板驱动的数据可视化、PPT 演示与整页报告生成 skill，既能严格从 Lupi、Basics、Glance、Maps 与 Interactive gallery 的真实实现生成 HTML 图表，也能从 Presentation Mode 生成 HTML/PDF 演示，或从报告模板生成整页 HTML 报告；以 Mono 为保底，能按数据语义自动选择内置彩色预设，也支持用户明确提供的自定义色板。地图仅在用户明确要求时启用，同一交付禁止混用色系。
What it loads into context
Frontmatter
129 tokensAlways available to the agent
SKILL.md
11,604 tokensWhen the skill is activated
Reference documents
18,315 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
- 零、输出模式与模板优先硬约束
- 一、工作流程（每次请求都走这六步）
- 二、Mono 语法 · 硬规则（违反即返工）
- 三、两个风格系的分工
- 四、图型决策树（数据形状 → 候选）
- 五、交互三问（决定静态还是可交互）
- 六、库外图型 · 翻译流程
- 六点五、彩色（按场景自动选择，单一色系）
- 七、什么时候说不
- 八、交付前自检清单
- 九、单文件模板骨架
- 十、报告与演示模式骨架
Scripts executed separately
color-presets.jsmono-tokens.jsscripts/smoke-new-charts.mjsscripts/validate.mjstemplates/reports/index.html
Files
.gitignoreasset61 bytesLICENSEasset4,563 bytesREADME.en.mddoc17,729 bytesREADME.mddoc17,726 bytesSKILL.mdcore39,910 bytesTHIRD_PARTY_NOTICES.mddoc746 bytesagents/openai.yamlasset466 bytescatalog.mddoc13,776 bytescolor-presets.jsruns9,888 bytesdocs/assets/author-profile.jpgasset295,307 bytesdocs/assets/color-palm-support-motion.gifasset412,405 bytesdocs/assets/color-palm-wave-motion.gifasset466,327 bytesdocs/assets/color-porcelain-almanac-motion.gifasset1,783,106 bytesdocs/assets/color-porcelain-motion.gifasset1,037,942 bytesdocs/assets/color-wire-hourglass-motion.gifasset622,011 bytesdocs/assets/color-wire-patchwork-motion.gifasset612,693 bytesdocs/assets/examples/r04-financial-report.zh.pngasset221,753 bytesdocs/assets/glance-motion.gifasset234,967 bytesdocs/assets/glance-race-motion.gifasset586,056 bytesdocs/assets/glance-stroke-motion.gifasset78,713 bytesdocs/assets/glance-wave-motion.gifasset44,721 bytesdocs/assets/interactive-motion.gifasset2,479,001 bytesdocs/assets/presentations/presentation-en-cover.pngasset223,861 bytesdocs/assets/presentations/presentation-en-dark.pngasset172,577 bytesdocs/assets/presentations/presentation-en-metrics.pngasset225,686 bytesdocs/assets/presentations/presentation-zh-cover.pngasset224,118 bytesdocs/assets/presentations/presentation-zh-dark.pngasset173,394 bytesdocs/assets/presentations/presentation-zh-metrics.pngasset242,127 bytesdocs/assets/preview-basics-01.pngasset226,774 bytesdocs/assets/preview-basics-02.pngasset355,269 bytesdocs/assets/preview-color-palm-basics.pngasset76,144 bytesdocs/assets/preview-color-palm.pngasset122,280 bytesdocs/assets/preview-color-porcelain-basics.pngasset140,997 bytesdocs/assets/preview-color-porcelain.pngasset124,801 bytesdocs/assets/preview-color-wire-basics.pngasset73,919 bytesdocs/assets/preview-color-wire.pngasset119,377 bytesdocs/assets/preview-glance-02.pngasset336,511 bytesdocs/assets/preview-glance-03.pngasset230,410 bytesdocs/assets/preview-lupi-01.pngasset265,190 bytesdocs/assets/preview-lupi-02.pngasset340,168 bytesdocs/assets/preview-lupi-03.pngasset358,310 bytesdocs/assets/quick-start-en.pngasset537,944 bytesdocs/assets/quick-start-zh.pngasset648,276 bytesdocs/assets/readme-hero-en.pngasset505,242 bytesdocs/assets/readme-hero-zh.pngasset495,587 bytesdocs/assets/reports/en/report-01.pngasset207,226 bytesdocs/assets/reports/en/report-02.pngasset134,914 bytesdocs/assets/reports/en/report-03.pngasset156,102 bytesdocs/assets/reports/en/report-04.pngasset123,716 bytesdocs/assets/reports/en/report-05.pngasset139,930 bytesdocs/assets/reports/en/report-06.pngasset211,270 bytesdocs/assets/reports/en/report-07.pngasset186,174 bytesdocs/assets/reports/en/report-08.pngasset105,932 bytesdocs/assets/reports/en/report-09.pngasset104,352 bytesdocs/assets/reports/en/report-10.pngasset210,713 bytesdocs/assets/reports/en/report-11.pngasset200,991 bytesdocs/assets/reports/en/report-12-v2.pngasset223,232 bytesdocs/assets/reports/en/report-12-v3.pngasset232,171 bytesdocs/assets/reports/en/report-12.pngasset108,216 bytesdocs/assets/reports/report-01.pngasset516,177 bytesdocs/assets/reports/report-02.pngasset320,920 bytesdocs/assets/reports/report-03.pngasset303,966 bytesdocs/assets/reports/report-04.pngasset417,258 bytesdocs/assets/reports/report-05.pngasset349,679 bytesdocs/assets/reports/report-06.pngasset744,527 bytesdocs/assets/reports/report-07.pngasset472,056 bytesdocs/assets/reports/report-08.pngasset243,567 bytesdocs/assets/reports/report-09.pngasset468,253 bytesdocs/assets/reports/report-10.pngasset519,061 bytesdocs/assets/reports/report-11.pngasset269,540 bytesdocs/assets/reports/report-12-v2.pngasset226,053 bytesdocs/assets/reports/report-12-v3.pngasset229,629 bytesdocs/assets/reports/report-12.pngasset107,996 bytesexamples/README.mddoc2,680 bytesexamples/lenny-2026-survey.htmlasset23,629 bytesexamples/presentations/README.mddoc659 bytesexamples/presentations/lenny-2026-survey.zh.htmlasset107,532 bytesexamples/presentations/presentation-studies-v3.en.htmlasset104,898 bytesexamples/presentations/presentation-studies-v3.zh.htmlasset105,597 bytesexamples/reports/r04-financial-report.zh.htmlasset19,737 bytesmono-tokens.jsruns10,427 bytespresentation-catalog.mddoc3,366 bytesreferences/presentation.mddoc2,544 bytesreport-catalog.mddoc4,869 bytesscripts/smoke-new-charts.mjsruns3,344 bytesscripts/validate.mjsruns12,681 bytestemplates/basics-gallery.htmlasset49,417 bytestemplates/big-circular.htmlasset4,035 bytestemplates/big-force.htmlasset4,651 bytestemplates/big-threads.htmlasset7,711 bytestemplates/color/README.mddoc2,836 bytestemplates/color/basics-palm.htmlasset48,341 bytestemplates/color/basics-porcelain.htmlasset47,617 bytestemplates/color/basics-wire.htmlasset47,910 bytestemplates/color/big-circular-palm.htmlasset4,161 bytestemplates/color/big-circular-porcelain.htmlasset4,169 bytestemplates/color/big-force-palm.htmlasset4,773 bytestemplates/color/big-force-porcelain.htmlasset4,781 bytestemplates/color/big-threads-palm.htmlasset7,724 bytestemplates/color/big-threads-porcelain.htmlasset7,729 bytestemplates/color/glance-palm.htmlasset49,563 bytestemplates/color/glance-porcelain.htmlasset49,445 bytestemplates/color/glance-wire.htmlasset49,761 bytestemplates/color/lupi-palm.htmlasset62,464 bytestemplates/color/lupi-porcelain.htmlasset62,408 bytestemplates/color/lupi-wire.htmlasset62,368 bytestemplates/color/maps-palm.htmlasset9,813 bytestemplates/color/maps-porcelain.htmlasset9,825 bytestemplates/color/maps-wire.htmlasset9,840 bytestemplates/glance-gallery.htmlasset46,157 bytestemplates/lupi-gallery.htmlasset58,153 bytestemplates/maps-gallery.htmlasset9,786 bytestemplates/presentations/complete-palm-zh.htmlasset100,362 bytestemplates/presentations/complete-palm.htmlasset99,039 bytestemplates/presentations/complete-porcelain-zh.htmlasset99,941 bytestemplates/presentations/complete-porcelain.htmlasset98,724 bytestemplates/presentations/complete-wire-zh.htmlasset100,925 bytestemplates/presentations/complete-wire.htmlasset99,548 bytestemplates/presentations/index.htmlasset3,254 bytestemplates/presentations/presentation.en.htmlasset105,021 bytestemplates/presentations/presentation.zh.htmlasset105,720 bytestemplates/reports/index.htmlruns10,836 bytestemplates/reports/report-01.en.htmlasset16,347 bytestemplates/reports/report-01.zh.htmlasset16,314 bytestemplates/reports/report-02.en.htmlasset18,640 bytestemplates/reports/report-02.zh.htmlasset18,794 bytestemplates/reports/report-03.en.htmlasset19,602 bytestemplates/reports/report-03.zh.htmlasset19,647 bytestemplates/reports/report-04.en.htmlasset19,064 bytestemplates/reports/report-04.zh.htmlasset19,546 bytestemplates/reports/report-05.en.htmlasset13,594 bytestemplates/reports/report-05.zh.htmlasset13,694 bytestemplates/reports/report-06.en.htmlasset23,443 bytestemplates/reports/report-06.zh.htmlasset23,202 bytestemplates/reports/report-07.en.htmlasset22,358 bytestemplates/reports/report-07.zh.htmlasset22,126 bytestemplates/reports/report-08.en.htmlasset12,995 bytestemplates/reports/report-08.zh.htmlasset12,820 bytestemplates/reports/report-09.en.htmlasset23,029 bytestemplates/reports/report-09.zh.htmlasset23,095 bytestemplates/reports/report-10.en.htmlasset21,360 bytestemplates/reports/report-10.zh.htmlasset20,908 bytestemplates/reports/report-11.en.htmlasset14,358 bytestemplates/reports/report-11.zh.htmlasset14,401 bytestemplates/reports/report-12.en.htmlasset15,169 bytestemplates/reports/report-12.zh.htmlasset15,117 bytes
No excerpt is shown for this license. Read the source on GitHub.
View the complete source on GitHubSkills included
- lieflat-charts
Repository facts
- License
- No license detected
- Created
- Jul 16, 2026
- Last pushed
- Nov 3, 2026
- Forks
- 410
- Open issues
- 0
- Project activity
- Active
Rank over the last 12 weeks
Now #217 · best #211 · same as 30 days ago
- #217 from Oct 30 to Nov 1
- #215 on Nov 2
- #217 on Nov 3
- #216 on Nov 4
- #215 from Nov 5 to Nov 6
- #217 since Nov 7
73 earlier periods
- #796 on Aug 2
- #652 on Aug 8
- #647 on Aug 9
- #658 on Aug 10
- #651 on Aug 11
- #627 on Aug 12
- #591 on Aug 13
- #563 on Aug 14
- #531 on Aug 15
- #528 on Aug 16
- #514 on Aug 17
- #505 on Aug 18
- #477 on Aug 19
- #455 on Aug 20
- #447 on Aug 21
- #426 on Aug 22
- #433 on Aug 23
- #426 on Aug 24
- #417 on Aug 25
- #411 on Aug 26
- #410 on Aug 27
- #408 on Aug 28
- #402 on Aug 29
- #393 on Aug 30
- #405 on Aug 31
- #292 on Sep 1
- #251 on Sep 2
- #240 on Sep 3
- #232 on Sep 4
- #231 on Sep 5
- #228 on Sep 6
- #229 on Sep 7
- #227 from Sep 8 to Sep 9
- #224 from Sep 10 to Sep 11
- #225 on Sep 12
- #227 on Sep 13
- #225 on Sep 14
- #222 from Sep 15 to Sep 16
- #221 on Sep 17
- #224 on Sep 18
- #221 on Sep 19
- #222 on Sep 20
- #223 from Sep 21 to Sep 22
- #222 on Sep 23
- #221 on Sep 24
- #218 from Sep 25 to Sep 26
- #219 on Sep 27
- #222 on Sep 28
- #220 on Sep 29
- #217 on Sep 30
- #219 on Oct 1
- #220 on Oct 2
- #216 on Oct 3
- #213 on Oct 4
- #214 on Oct 5
- #215 on Oct 6
- #218 on Oct 7
- #217 on Oct 8
- #220 on Oct 9
- #217 from Oct 10 to Oct 11
- #220 on Oct 12
- #221 on Oct 13
- #219 from Oct 14 to Oct 16
- #221 on Oct 17
- #218 on Oct 18
- #216 from Oct 19 to Oct 20
- #217 on Oct 21
- #215 on Oct 22
- #213 on Oct 23
- #214 on Oct 24
- #215 on Oct 25
- #211 on Oct 28
- #213 on Oct 29
Before you install
Network or broad shellAutomated signals, not a guarantee
Checked Nov 5, 2026
- No broad tool permissions
- No dangerous shell commands
- 510 network referencesin 69 files: templates/color/glance-palm.html:5 templates/color/glance-porcelain.html:5 templates/color/glance-wire.html:5 and 66 more
- No hidden or obfuscated text
- No instruction overrides
- 5 executable scriptsin 5 files: color-presets.js:1 mono-tokens.js:1 scripts/smoke-new-charts.mjs:1 and 2 more
- No access to secrets
- No requests to vote in Hot
Show all 515 signals by file
LICENSE
README.en.md
- Network accessline 81
[Open the Force Graph template to try dragging and zooming](https://larashero3-dotcom.github.io/lieflat-charts/templates/big-force.html) - Network accessline 171
npx skills add https://github.com/larashero3-dotcom/lieflat-charts --skill lieflat-charts - Network accessline 177
Install lieflat-charts. Clone https://github.com/larashero3-dotcom/lieflat-charts
README.md
- Network accessline 81
[打开 Force Graph 模板体验拖拽与缩放](https://larashero3-dotcom.github.io/lieflat-charts/templates/big-force.html) - Network accessline 171
npx skills add https://github.com/larashero3-dotcom/lieflat-charts --skill lieflat-charts - Network accessline 177
帮我安装 lieflat-charts。请把 https://github.com/larashero3-dotcom/lieflat-charts
SKILL.md
- Network accessline 325
<title>Mono — {图名}</title> <!-- 需要 ECharts 时： --> <script src="https://cdn.jsdelivr.net/npm/echarts@6/dist/echarts.min.js"></script> - Network accessline 326
<!-- 需要 ECharts 时： --> <script src="https://cdn.jsdelivr.net/npm/echarts@6/dist/echarts.min.js"></script> <!-- 需要 Chart.js 时（G1 / G3）： --> - Network accessline 327
<script src="https://cdn.jsdelivr.net/npm/echarts@6/dist/echarts.min.js"></script> - Network accessline 328
<!-- 需要 Chart.js 时（G1 / G3）： --> <!-- <script src="https://cdn.jsdelivr.net/npm/chart.js@4/dist/chart.umd.min.js"></script> --> <link rel="preconnect" href="https://fonts.googleapis.com"> - Network accessline 329
<!-- <script src="https://cdn.jsdelivr.net/npm/chart.js@4/dist/chart.umd.min.js"></script> --> - Network accessline 330
<link rel="preconnect" href="https://fonts.googleapis.com">
THIRD_PARTY_NOTICES.md
- Network accessline 5
| 项目 | 用途 | 许可证 | |---|---|---| | [Chart.js](https://github.com/chartjs/Chart.js) | Glance 图表渲染 | MIT License | - Network accessline 6
|---|---|---| | [Chart.js](https://github.com/chartjs/Chart.js) | Glance 图表渲染 | MIT License | | [Apache ECharts](https://github.com/apache/echarts) | Glance 与交互网络图渲染 | Apache License 2.0 | - Network accessline 7
| [Chart.js](https://github.com/chartjs/Chart.js) | Glance 图表渲染 | MIT License | - Network accessline 8
| [Apache ECharts](https://github.com/apache/echarts) | Glance 与交互网络图渲染 | Apache License 2.0 | - Network accessline 9
| [Inter](https://github.com/rsms/inter) | 页面字体 | SIL Open Font License 1.1 |
color-presets.js
- Executable scriptline 1
Executable file
examples/lenny-2026-survey.html
- Network accessline 5
<meta name="viewport" content="width=device-width,initial-scale=1" /> <title>How Tech Workers Are Feeling in 2026 · 8 charts, Mono</title> <link rel="preconnect" href="https://fonts.googleapis.com"> - Network accessline 6
<title>How Tech Workers Are Feeling in 2026 · 8 charts, Mono</title> <link rel="preconnect" href="https://fonts.googleapis.com"> <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap" rel="styleshe - Network accessline 7
<link rel="preconnect" href="https://fonts.googleapis.com"> - Network accessline 8
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap" rel="stylesheet"> - Network accessline 112
// ── shared Mono tokens ── const INK='#1C1C1A',PAPER='#F0EFEB',MUTED='#8F8E88',GRID='#DEDDD6'; const NS='http://www.w3.org/2000/svg'; - Network accessline 113
const INK='#1C1C1A',PAPER='#F0EFEB',MUTED='#8F8E88',GRID='#DEDDD6'; const NS='http://www.w3.org/2000/svg'; const el=(p,t,a)=>{const n=document.createElementNS(NS,t);for(const k in a)n.setAttribute(k,a[k]);p.appendChild(n);return n}; - Network accessline 114
const NS='http://www.w3.org/2000/svg';
examples/presentations/lenny-2026-survey.zh.html
- Network accessline 5
<title>Lieflat Charts · 图表演示 V3 中文版 · 科技从业者 2026 调查</title> <link rel="icon" href="data:,"> <link rel="preconnect" href="https://fonts.googleapis.com"> - Network accessline 6
<link rel="icon" href="data:,"> <link rel="preconnect" href="https://fonts.googleapis.com"> <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Noto+Sans+SC:wght@400;500;600;700&family=Noto+Serif+SC:wg - Network accessline 7
<link rel="preconnect" href="https://fonts.googleapis.com"> - Network accessline 8
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Noto+Sans+SC:wght@400;500;600;700&family=Noto+Serif+SC:wght@600&display=swap" rel="stylesheet"> - Network accessline 315
family: 'Inter', // Google Fonts 引入行（放 <head>）： link: 'https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Noto+Serif+SC:wght@400;500;600;700;900&display=swap', - Network accessline 316
// Google Fonts 引入行（放 <head>）： link: 'https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Noto+Serif+SC:wght@400;500;600;700;900&display=swap', title: { size: 16.5, weight: 700, spacing: '-.02em' }, // - Network accessline 317
link: 'https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Noto+Serif+SC:wght@400;500;600;700;900&display=swap', - Network accessline 397
/* ── 8 · SVG 快捷 ────────────────────────────────────────── */ const NS = 'http://www.w3.org/2000/svg'; - Network accessline 398
const NS = 'http://www.w3.org/2000/svg';
examples/presentations/presentation-studies-v3.en.html
- Network accessline 5
<title>Lieflat Charts · Presentation studies V3</title> <link rel="icon" href="data:,"> <link rel="preconnect" href="https://fonts.googleapis.com"> - Network accessline 6
<link rel="icon" href="data:,"> <link rel="preconnect" href="https://fonts.googleapis.com"> <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap" rel="stylesheet"> - Network accessline 7
<link rel="preconnect" href="https://fonts.googleapis.com"> - Network accessline 8
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap" rel="stylesheet"> - Network accessline 307
family: 'Inter', // Google Fonts 引入行（放 <head>）： link: 'https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap', - Network accessline 308
// Google Fonts 引入行（放 <head>）： link: 'https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap', title: { size: 16.5, weight: 700, spacing: '-.02em' }, // 卡内 h2 - Network accessline 309
link: 'https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap', - Network accessline 389
/* ── 8 · SVG 快捷 ────────────────────────────────────────── */ const NS = 'http://www.w3.org/2000/svg'; - Network accessline 390
const NS = 'http://www.w3.org/2000/svg';
examples/presentations/presentation-studies-v3.zh.html
- Network accessline 5
<title>Lieflat Charts · 图表演示 V3 中文版 · 宋体标题与黑体正文</title> <link rel="icon" href="data:,"> <link rel="preconnect" href="https://fonts.googleapis.com"> - Network accessline 6
<link rel="icon" href="data:,"> <link rel="preconnect" href="https://fonts.googleapis.com"> <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Noto+Sans+SC:wght@400;500;600;700&family=Noto+Serif+SC:wg - Network accessline 7
<link rel="preconnect" href="https://fonts.googleapis.com"> - Network accessline 8
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Noto+Sans+SC:wght@400;500;600;700&family=Noto+Serif+SC:wght@600&display=swap" rel="stylesheet"> - Network accessline 315
family: 'Inter', // Google Fonts 引入行（放 <head>）： link: 'https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Noto+Serif+SC:wght@400;500;600;700;900&display=swap', - Network accessline 316
// Google Fonts 引入行（放 <head>）： link: 'https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Noto+Serif+SC:wght@400;500;600;700;900&display=swap', title: { size: 16.5, weight: 700, spacing: '-.02em' }, // - Network accessline 317
link: 'https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Noto+Serif+SC:wght@400;500;600;700;900&display=swap', - Network accessline 397
/* ── 8 · SVG 快捷 ────────────────────────────────────────── */ const NS = 'http://www.w3.org/2000/svg'; - Network accessline 398
const NS = 'http://www.w3.org/2000/svg';
examples/reports/r04-financial-report.zh.html
- Network accessline 5
<meta name="viewport" content="width=device-width,initial-scale=1" /> <title>七月经营财报 — Lieflat R04 Demo</title> <link rel="preconnect" href="https://fonts.googleapis.com"> - Network accessline 6
<title>七月经营财报 — Lieflat R04 Demo</title> <link rel="preconnect" href="https://fonts.googleapis.com"> <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Oswald:wght@500;600;700&family=Noto+Sans+SC:wght - Network accessline 7
<link rel="preconnect" href="https://fonts.googleapis.com"> - Network accessline 8
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Oswald:wght@500;600;700&family=Noto+Sans+SC:wght@400;500;700;900&display=swap" rel="stylesheet"> - Network accessline 186
const DATA='rgb(51,78,172)',DATA2='rgb(112,150,209)',HERO='rgb(8,31,92)',FAINTDATA='rgb(186,214,235)'; const CAT4=['rgb(8,31,92)','rgb(51,78,172)','rgb(112,150,209)','rgb(186,214,235)'],HEAT=['rgb(51,78,172)','rgb(112,150,209)','rgb(186,214 - Network accessline 187
const CAT4=['rgb(8,31,92)','rgb(51,78,172)','rgb(112,150,209)','rgb(186,214,235)'],HEAT=['rgb(51,78,172)','rgb(112,150,209)','rgb(186,214,235)']; const NS='http://www.w3.org/2000/svg'; const el=(p,t,a)=>{const n=document.createElementNS(NS, - Network accessline 188
const NS='http://www.w3.org/2000/svg';
mono-tokens.js
scripts/smoke-new-charts.mjs
- Executable scriptline 1
Executable file
scripts/validate.mjs
- Executable scriptline 1
Executable file
templates/basics-gallery.html
- Network accessline 5
<meta name="viewport" content="width=device-width,initial-scale=1" /> <title>Lieflat Charts — Basics Gallery · 17 张基础型参考实现</title> <link rel="preconnect" href="https://fonts.googleapis.com"> - Network accessline 6
<title>Lieflat Charts — Basics Gallery · 17 张基础型参考实现</title> <link rel="preconnect" href="https://fonts.googleapis.com"> <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap" rel="stylesheet"> - Network accessline 7
<link rel="preconnect" href="https://fonts.googleapis.com"> - Network accessline 8
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap" rel="stylesheet"> - Network accessline 9
<script src="https://cdn.jsdelivr.net/npm/echarts@6/dist/echarts.min.js"></script> - Network accessline 202
// ── shared Mono tokens（与 lupi-gallery 同源） ── const INK='#1C1C1A',PAPER='#F0EFEB',MUTED='#8F8E88',GRID='#DEDDD6'; const NS='http://www.w3.org/2000/svg'; - Network accessline 203
const INK='#1C1C1A',PAPER='#F0EFEB',MUTED='#8F8E88',GRID='#DEDDD6'; const NS='http://www.w3.org/2000/svg'; const el=(p,t,a)=>{const n=document.createElementNS(NS,t);for(const k in a)n.setAttribute(k,a[k]);p.appendChild(n);return n}; - Network accessline 204
const NS='http://www.w3.org/2000/svg'; - Network accessline 712
(()=>{ const INK='#1C1C1A',PAPER='#F0EFEB',MUTED='#8F8E88',GRID='#DEDDD6'; const NS='http://www.w3.org/2000/svg'; - Network accessline 713
const INK='#1C1C1A',PAPER='#F0EFEB',MUTED='#8F8E88',GRID='#DEDDD6'; const NS='http://www.w3.org/2000/svg'; const el=(p,t,a)=>{const n=document.createElementNS(NS,t);for(const k in a)n.setAttribute(k,a[k]);p.appendChild(n);return n}; - Network accessline 714
const NS='http://www.w3.org/2000/svg';
templates/big-circular.html
- Network accessline 5
<meta name="viewport" content="width=device-width,initial-scale=1" /> <title>Mono — Circular Graph, Dense</title> <script src="https://cdn.jsdelivr.net/npm/echarts@6/dist/echarts.min.js"></script> - Network accessline 6
<title>Mono — Circular Graph, Dense</title> <script src="https://cdn.jsdelivr.net/npm/echarts@6/dist/echarts.min.js"></script> <link rel="preconnect" href="https://fonts.googleapis.com"> - Network accessline 7
<script src="https://cdn.jsdelivr.net/npm/echarts@6/dist/echarts.min.js"></script> - Network accessline 8
<link rel="preconnect" href="https://fonts.googleapis.com"> - Network accessline 9
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap" rel="stylesheet">
templates/big-force.html
- Network accessline 5
<meta name="viewport" content="width=device-width,initial-scale=1" /> <title>Mono — Force Graph, Dense</title> <script src="https://cdn.jsdelivr.net/npm/echarts@6/dist/echarts.min.js"></script> - Network accessline 6
<title>Mono — Force Graph, Dense</title> <script src="https://cdn.jsdelivr.net/npm/echarts@6/dist/echarts.min.js"></script> <link rel="preconnect" href="https://fonts.googleapis.com"> - Network accessline 7
<script src="https://cdn.jsdelivr.net/npm/echarts@6/dist/echarts.min.js"></script> - Network accessline 8
<link rel="preconnect" href="https://fonts.googleapis.com"> - Network accessline 9
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap" rel="stylesheet">
templates/big-threads.html
- Network accessline 5
<meta name="viewport" content="width=device-width,initial-scale=1" /> <title>Mono — Thread Triptych, Interactive</title> <link rel="preconnect" href="https://fonts.googleapis.com"> - Network accessline 6
<title>Mono — Thread Triptych, Interactive</title> <link rel="preconnect" href="https://fonts.googleapis.com"> <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap" rel="stylesheet"> - Network accessline 7
<link rel="preconnect" href="https://fonts.googleapis.com"> - Network accessline 8
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap" rel="stylesheet"> - Network accessline 42
</div> <script> const PAPER='#F0EFEB',NS='http://www.w3.org/2000/svg'; - Network accessline 43
<script> const PAPER='#F0EFEB',NS='http://www.w3.org/2000/svg'; const el=(p,t,a)=>{const n=document.createElementNS(NS,t);for(const k in a)n.setAttribute(k,a[k]);p.appendChild(n);return n}; - Network accessline 44
const PAPER='#F0EFEB',NS='http://www.w3.org/2000/svg';
templates/color/basics-palm.html
- Network accessline 5
<meta name="viewport" content="width=device-width,initial-scale=1" /> <title>Lieflat Basics F1–F17 × PALM</title> <link rel="preconnect" href="https://fonts.googleapis.com"> - Network accessline 6
<title>Lieflat Basics F1–F17 × PALM</title> <link rel="preconnect" href="https://fonts.googleapis.com"> <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Noto+Sans+SC:wght@400;500;700&display=swap" r - Network accessline 7
<link rel="preconnect" href="https://fonts.googleapis.com"> - Network accessline 8
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Noto+Sans+SC:wght@400;500;700&display=swap" rel="stylesheet"> - Network accessline 9
<script src="https://cdn.jsdelivr.net/npm/echarts@6/dist/echarts.min.js"></script> - Network accessline 200
const CAT4=["#43593B", "#77835A", "#ACAD79", "#F2D17E"],CAT3=["#43593B", "#929960", "#F2D17E"],CAT3L=["#43593B", "#77835A", "#ACAD79"],HEAT=["#43593B", "#929960", "#F2D17E"]; const HEROMODE=false; // 黑体红睛模式：每张图一个主角元素整体走 HERO const NS='http: - Network accessline 201
const HEROMODE=false; // 黑体红睛模式：每张图一个主角元素整体走 HERO const NS='http://www.w3.org/2000/svg'; const el=(p,t,a)=>{const n=document.createElementNS(NS,t);for(const k in a)n.setAttribute(k,a[k]);p.appendChild(n);return n}; - Network accessline 202
const NS='http://www.w3.org/2000/svg'; - Network accessline 666
(()=>{ const INK='#43593B',PAPER='#F0EFEB',MUTED='rgba(88,64,46,.60)',GRID='rgba(88,64,46,.16)'; const NS='http://www.w3.org/2000/svg'; - Network accessline 667
const INK='#43593B',PAPER='#F0EFEB',MUTED='rgba(88,64,46,.60)',GRID='rgba(88,64,46,.16)'; const NS='http://www.w3.org/2000/svg'; const el=(p,t,a)=>{const n=document.createElementNS(NS,t);for(const k in a)n.setAttribute(k,a[k]);p.appendChild - Network accessline 668
const NS='http://www.w3.org/2000/svg';
templates/color/basics-porcelain.html
- Network accessline 5
<meta name="viewport" content="width=device-width,initial-scale=1" /> <title>Lieflat Basics F1–F17 × PORCELAIN</title> <link rel="preconnect" href="https://fonts.googleapis.com"> - Network accessline 6
<title>Lieflat Basics F1–F17 × PORCELAIN</title> <link rel="preconnect" href="https://fonts.googleapis.com"> <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Noto+Sans+SC:wght@400;500;700&display=sw - Network accessline 7
<link rel="preconnect" href="https://fonts.googleapis.com"> - Network accessline 8
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Noto+Sans+SC:wght@400;500;700&display=swap" rel="stylesheet"> - Network accessline 9
<script src="https://cdn.jsdelivr.net/npm/echarts@6/dist/echarts.min.js"></script> - Network accessline 196
const CAT4=["#081F5C", "#334EAC", "#7096D1", "#BAD6EB"],CAT3=["#334EAC", "#7096D1", "#BAD6EB"],CAT3L=["#334EAC", "#7096D1", "rgba(8,31,92,.6)"],HEAT=["#334EAC", "#7096D1", "#BAD6EB"]; const HEROMODE=false; // 黑体红睛模式：每张图一个主角元素整体走 HERO const - Network accessline 197
const HEROMODE=false; // 黑体红睛模式：每张图一个主角元素整体走 HERO const NS='http://www.w3.org/2000/svg'; const el=(p,t,a)=>{const n=document.createElementNS(NS,t);for(const k in a)n.setAttribute(k,a[k]);p.appendChild(n);return n}; - Network accessline 198
const NS='http://www.w3.org/2000/svg'; - Network accessline 662
(()=>{ const INK='#081F5C',PAPER='#F7F2EB',MUTED='rgba(8,31,92,.60)',GRID='rgba(8,31,92,.16)'; const NS='http://www.w3.org/2000/svg'; - Network accessline 663
const INK='#081F5C',PAPER='#F7F2EB',MUTED='rgba(8,31,92,.60)',GRID='rgba(8,31,92,.16)'; const NS='http://www.w3.org/2000/svg'; const el=(p,t,a)=>{const n=document.createElementNS(NS,t);for(const k in a)n.setAttribute(k,a[k]);p.appendChild(n - Network accessline 664
const NS='http://www.w3.org/2000/svg';
templates/color/basics-wire.html
- Network accessline 5
<meta name="viewport" content="width=device-width,initial-scale=1" /> <title>Lieflat Basics F1–F17 × WIRE</title> <link rel="preconnect" href="https://fonts.googleapis.com"> - Network accessline 6
<title>Lieflat Basics F1–F17 × WIRE</title> <link rel="preconnect" href="https://fonts.googleapis.com"> <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Noto+Sans+SC:wght@400;500;700&display=swap" r - Network accessline 7
<link rel="preconnect" href="https://fonts.googleapis.com"> - Network accessline 8
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Noto+Sans+SC:wght@400;500;700&display=swap" rel="stylesheet"> - Network accessline 9
<script src="https://cdn.jsdelivr.net/npm/echarts@6/dist/echarts.min.js"></script> - Network accessline 196
const CAT4=["#F5572F", "#22211F", "#8F8E86", "#C0BFB7"],CAT3=["#F5572F", "#22211F", "#8F8E86"],CAT3L=["#F5572F", "#22211F", "#6E6D66"],HEAT=["#F5572F", "#6E6D66", "#C0BFB7"]; const HEROMODE=true; // 黑体红睛模式：每张图一个主角元素整体走 HERO const NS='http:/ - Network accessline 197
const HEROMODE=true; // 黑体红睛模式：每张图一个主角元素整体走 HERO const NS='http://www.w3.org/2000/svg'; const el=(p,t,a)=>{const n=document.createElementNS(NS,t);for(const k in a)n.setAttribute(k,a[k]);p.appendChild(n);return n}; - Network accessline 198
const NS='http://www.w3.org/2000/svg'; - Network accessline 662
(()=>{ const INK='#22211F',PAPER='#F0F0EE',MUTED='rgba(31,30,28,.60)',GRID='rgba(31,30,28,.16)'; const NS='http://www.w3.org/2000/svg'; - Network accessline 663
const INK='#22211F',PAPER='#F0F0EE',MUTED='rgba(31,30,28,.60)',GRID='rgba(31,30,28,.16)'; const NS='http://www.w3.org/2000/svg'; const el=(p,t,a)=>{const n=document.createElementNS(NS,t);for(const k in a)n.setAttribute(k,a[k]);p.appendChild - Network accessline 664
const NS='http://www.w3.org/2000/svg';
templates/color/big-circular-palm.html
- Network accessline 5
<meta name="viewport" content="width=device-width,initial-scale=1" /> <title>椰林绿 — Circular Graph, Dense</title> <script src="https://cdn.jsdelivr.net/npm/echarts@6/dist/echarts.min.js"></script> - Network accessline 6
<title>椰林绿 — Circular Graph, Dense</title> <script src="https://cdn.jsdelivr.net/npm/echarts@6/dist/echarts.min.js"></script> <link rel="preconnect" href="https://fonts.googleapis.com"> - Network accessline 7
<script src="https://cdn.jsdelivr.net/npm/echarts@6/dist/echarts.min.js"></script> - Network accessline 8
<link rel="preconnect" href="https://fonts.googleapis.com"> - Network accessline 9
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap" rel="stylesheet">
templates/color/big-circular-porcelain.html
- Network accessline 5
<meta name="viewport" content="width=device-width,initial-scale=1" /> <title>青瓷蓝 — Circular Graph, Dense</title> <script src="https://cdn.jsdelivr.net/npm/echarts@6/dist/echarts.min.js"></script> - Network accessline 6
<title>青瓷蓝 — Circular Graph, Dense</title> <script src="https://cdn.jsdelivr.net/npm/echarts@6/dist/echarts.min.js"></script> <link rel="preconnect" href="https://fonts.googleapis.com"> - Network accessline 7
<script src="https://cdn.jsdelivr.net/npm/echarts@6/dist/echarts.min.js"></script> - Network accessline 8
<link rel="preconnect" href="https://fonts.googleapis.com"> - Network accessline 9
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap" rel="stylesheet">
templates/color/big-force-palm.html
- Network accessline 5
<meta name="viewport" content="width=device-width,initial-scale=1" /> <title>椰林绿 — Force Graph, Dense</title> <script src="https://cdn.jsdelivr.net/npm/echarts@6/dist/echarts.min.js"></script> - Network accessline 6
<title>椰林绿 — Force Graph, Dense</title> <script src="https://cdn.jsdelivr.net/npm/echarts@6/dist/echarts.min.js"></script> <link rel="preconnect" href="https://fonts.googleapis.com"> - Network accessline 7
<script src="https://cdn.jsdelivr.net/npm/echarts@6/dist/echarts.min.js"></script> - Network accessline 8
<link rel="preconnect" href="https://fonts.googleapis.com"> - Network accessline 9
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap" rel="stylesheet">
templates/color/big-force-porcelain.html
- Network accessline 5
<meta name="viewport" content="width=device-width,initial-scale=1" /> <title>青瓷蓝 — Force Graph, Dense</title> <script src="https://cdn.jsdelivr.net/npm/echarts@6/dist/echarts.min.js"></script> - Network accessline 6
<title>青瓷蓝 — Force Graph, Dense</title> <script src="https://cdn.jsdelivr.net/npm/echarts@6/dist/echarts.min.js"></script> <link rel="preconnect" href="https://fonts.googleapis.com"> - Network accessline 7
<script src="https://cdn.jsdelivr.net/npm/echarts@6/dist/echarts.min.js"></script> - Network accessline 8
<link rel="preconnect" href="https://fonts.googleapis.com"> - Network accessline 9
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap" rel="stylesheet">
templates/color/big-threads-palm.html
- Network accessline 5
<meta name="viewport" content="width=device-width,initial-scale=1" /> <title>椰林绿 — Thread Triptych, Interactive</title> <link rel="preconnect" href="https://fonts.googleapis.com"> - Network accessline 6
<title>椰林绿 — Thread Triptych, Interactive</title> <link rel="preconnect" href="https://fonts.googleapis.com"> <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap" rel="stylesheet"> - Network accessline 7
<link rel="preconnect" href="https://fonts.googleapis.com"> - Network accessline 8
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap" rel="stylesheet"> - Network accessline 42
</div> <script> const PAPER='#F0EFE9',NS='http://www.w3.org/2000/svg'; - Network accessline 43
<script> const PAPER='#F0EFE9',NS='http://www.w3.org/2000/svg'; const el=(p,t,a)=>{const n=document.createElementNS(NS,t);for(const k in a)n.setAttribute(k,a[k]);p.appendChild(n);return n}; - Network accessline 44
const PAPER='#F0EFE9',NS='http://www.w3.org/2000/svg';
templates/color/big-threads-porcelain.html
- Network accessline 5
<meta name="viewport" content="width=device-width,initial-scale=1" /> <title>青瓷蓝 — Thread Triptych, Interactive</title> <link rel="preconnect" href="https://fonts.googleapis.com"> - Network accessline 6
<title>青瓷蓝 — Thread Triptych, Interactive</title> <link rel="preconnect" href="https://fonts.googleapis.com"> <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap" rel="stylesheet"> - Network accessline 7
<link rel="preconnect" href="https://fonts.googleapis.com"> - Network accessline 8
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap" rel="stylesheet"> - Network accessline 42
</div> <script> const PAPER='#EDEFF1',NS='http://www.w3.org/2000/svg'; - Network accessline 43
<script> const PAPER='#EDEFF1',NS='http://www.w3.org/2000/svg'; const el=(p,t,a)=>{const n=document.createElementNS(NS,t);for(const k in a)n.setAttribute(k,a[k]);p.appendChild(n);return n}; - Network accessline 44
const PAPER='#EDEFF1',NS='http://www.w3.org/2000/svg';
templates/color/glance-palm.html
- Network accessline 5
<meta name="viewport" content="width=device-width,initial-scale=1" /> <title>Lieflat Glance 20 × PALM</title> <script src="https://cdn.jsdelivr.net/npm/chart.js@4"></script> - Network accessline 6
<title>Lieflat Glance 20 × PALM</title> <script src="https://cdn.jsdelivr.net/npm/chart.js@4"></script> <script src="https://cdn.jsdelivr.net/npm/echarts@6/dist/echarts.min.js"></script> - Network accessline 7
<script src="https://cdn.jsdelivr.net/npm/chart.js@4"></script> - Network accessline 8
<script src="https://cdn.jsdelivr.net/npm/echarts@6/dist/echarts.min.js"></script> - Network accessline 9
<link rel="preconnect" href="https://fonts.googleapis.com"> - Network accessline 10
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap" rel="stylesheet"> - Network accessline 308
// ════ mono-redesign · donut → waffle of dots ════ (()=>{ const NS='http://www.w3.org/2000/svg'; - Network accessline 309
(()=>{ const NS='http://www.w3.org/2000/svg'; const mkEl=(svg,t,a)=>{const n=document.createElementNS(NS,t);for(const k in a)n.setAttribute(k,a[k]);svg.appendChild(n);return n}; - Network accessline 310
const NS='http://www.w3.org/2000/svg'; - Network accessline 902
(()=>{ const INK='#43593B',PAPER='#F0EFEB',MUTED='rgba(88,64,46,.60)',GRID='rgba(88,64,46,.16)'; const NS='http://www.w3.org/2000/svg'; - Network accessline 903
const INK='#43593B',PAPER='#F0EFEB',MUTED='rgba(88,64,46,.60)',GRID='rgba(88,64,46,.16)'; const NS='http://www.w3.org/2000/svg'; const el=(p,t,a)=>{const n=document.createElementNS(NS,t);for(const k in a)n.setAttribute(k,a[k]);p.appendChild - Network accessline 904
const NS='http://www.w3.org/2000/svg';
templates/color/glance-porcelain.html
- Network accessline 5
<meta name="viewport" content="width=device-width,initial-scale=1" /> <title>Lieflat Glance 20 × PORCELAIN</title> <script src="https://cdn.jsdelivr.net/npm/chart.js@4"></script> - Network accessline 6
<title>Lieflat Glance 20 × PORCELAIN</title> <script src="https://cdn.jsdelivr.net/npm/chart.js@4"></script> <script src="https://cdn.jsdelivr.net/npm/echarts@6/dist/echarts.min.js"></script> - Network accessline 7
<script src="https://cdn.jsdelivr.net/npm/chart.js@4"></script> - Network accessline 8
<script src="https://cdn.jsdelivr.net/npm/echarts@6/dist/echarts.min.js"></script> - Network accessline 9
<link rel="preconnect" href="https://fonts.googleapis.com"> - Network accessline 10
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap" rel="stylesheet"> - Network accessline 308
// ════ mono-redesign · donut → waffle of dots ════ (()=>{ const NS='http://www.w3.org/2000/svg'; - Network accessline 309
(()=>{ const NS='http://www.w3.org/2000/svg'; const mkEl=(svg,t,a)=>{const n=document.createElementNS(NS,t);for(const k in a)n.setAttribute(k,a[k]);svg.appendChild(n);return n}; - Network accessline 310
const NS='http://www.w3.org/2000/svg'; - Network accessline 902
(()=>{ const INK='#081F5C',PAPER='#F7F2EB',MUTED='rgba(8,31,92,.60)',GRID='rgba(8,31,92,.16)'; const NS='http://www.w3.org/2000/svg'; - Network accessline 903
const INK='#081F5C',PAPER='#F7F2EB',MUTED='rgba(8,31,92,.60)',GRID='rgba(8,31,92,.16)'; const NS='http://www.w3.org/2000/svg'; const el=(p,t,a)=>{const n=document.createElementNS(NS,t);for(const k in a)n.setAttribute(k,a[k]);p.appendChild(n - Network accessline 904
const NS='http://www.w3.org/2000/svg';
templates/color/glance-wire.html
- Network accessline 5
<meta name="viewport" content="width=device-width,initial-scale=1" /> <title>Lieflat Glance 20 × WIRE</title> <script src="https://cdn.jsdelivr.net/npm/chart.js@4"></script> - Network accessline 6
<title>Lieflat Glance 20 × WIRE</title> <script src="https://cdn.jsdelivr.net/npm/chart.js@4"></script> <script src="https://cdn.jsdelivr.net/npm/echarts@6/dist/echarts.min.js"></script> - Network accessline 7
<script src="https://cdn.jsdelivr.net/npm/chart.js@4"></script> - Network accessline 8
<script src="https://cdn.jsdelivr.net/npm/echarts@6/dist/echarts.min.js"></script> - Network accessline 9
<link rel="preconnect" href="https://fonts.googleapis.com"> - Network accessline 10
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap" rel="stylesheet"> - Network accessline 308
// ════ mono-redesign · donut → waffle of dots ════ (()=>{ const NS='http://www.w3.org/2000/svg'; - Network accessline 309
(()=>{ const NS='http://www.w3.org/2000/svg'; const mkEl=(svg,t,a)=>{const n=document.createElementNS(NS,t);for(const k in a)n.setAttribute(k,a[k]);svg.appendChild(n);return n}; - Network accessline 310
const NS='http://www.w3.org/2000/svg'; - Network accessline 902
(()=>{ const INK='#22211F',PAPER='#F0F0EE',MUTED='rgba(31,30,28,.60)',GRID='rgba(31,30,28,.16)'; const NS='http://www.w3.org/2000/svg'; - Network accessline 903
const INK='#22211F',PAPER='#F0F0EE',MUTED='rgba(31,30,28,.60)',GRID='rgba(31,30,28,.16)'; const NS='http://www.w3.org/2000/svg'; const el=(p,t,a)=>{const n=document.createElementNS(NS,t);for(const k in a)n.setAttribute(k,a[k]);p.appendChild - Network accessline 904
const NS='http://www.w3.org/2000/svg';
templates/color/lupi-palm.html
- Network accessline 5
<meta name="viewport" content="width=device-width,initial-scale=1" /> <title>Lieflat Lupi L1–L19 × PALM</title> <link rel="preconnect" href="https://fonts.googleapis.com"> - Network accessline 6
<title>Lieflat Lupi L1–L19 × PALM</title> <link rel="preconnect" href="https://fonts.googleapis.com"> <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Noto+Sans+SC:wght@400;500;700&display=swap" rel - Network accessline 7
<link rel="preconnect" href="https://fonts.googleapis.com"> - Network accessline 8
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Noto+Sans+SC:wght@400;500;700&display=swap" rel="stylesheet"> - Network accessline 250
const RAMPDK=['rgba(240,239,235,.26)','rgba(240,239,235,.42)','rgba(240,239,235,.60)','rgba(240,239,235,.84)','#F2D17E']; // 深色卡上的 5 档梯，末档落在强调色 const HEROMODE=false; // 主角模式：launch fan 的头号功能是否也整体走 HERO const NS='http://www.w3.org/2000/svg - Network accessline 251
const HEROMODE=false; // 主角模式：launch fan 的头号功能是否也整体走 HERO const NS='http://www.w3.org/2000/svg'; const el=(p,t,a)=>{const n=document.createElementNS(NS,t);for(const k in a)n.setAttribute(k,a[k]);p.appendChild(n);return n}; - Network accessline 252
const NS='http://www.w3.org/2000/svg'; - Network accessline 966
(()=>{ const INK='#43593B',PAPER='#F0EFEB',MUTED='rgba(88,64,46,.60)',GRID='rgba(88,64,46,.16)'; const NS='http://www.w3.org/2000/svg'; - Network accessline 967
const INK='#43593B',PAPER='#F0EFEB',MUTED='rgba(88,64,46,.60)',GRID='rgba(88,64,46,.16)'; const NS='http://www.w3.org/2000/svg'; const el=(p,t,a)=>{const n=document.createElementNS(NS,t);for(const k in a)n.setAttribute(k,a[k]);p.appendChild - Network accessline 968
const NS='http://www.w3.org/2000/svg';
templates/color/lupi-porcelain.html
- Network accessline 5
<meta name="viewport" content="width=device-width,initial-scale=1" /> <title>Lieflat Lupi L1–L19 × PORCELAIN</title> <link rel="preconnect" href="https://fonts.googleapis.com"> - Network accessline 6
<title>Lieflat Lupi L1–L19 × PORCELAIN</title> <link rel="preconnect" href="https://fonts.googleapis.com"> <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Noto+Sans+SC:wght@400;500;700&display=swap - Network accessline 7
<link rel="preconnect" href="https://fonts.googleapis.com"> - Network accessline 8
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Noto+Sans+SC:wght@400;500;700&display=swap" rel="stylesheet"> - Network accessline 250
const RAMPDK=['rgba(247,242,235,.26)','rgba(247,242,235,.42)','rgba(247,242,235,.60)','rgba(247,242,235,.84)','#7096D1']; // 深色卡上的 5 档梯，末档落在强调色 const HEROMODE=false; // 主角模式：launch fan 的头号功能是否也整体走 HERO const NS='http://www.w3.org/2000/svg - Network accessline 251
const HEROMODE=false; // 主角模式：launch fan 的头号功能是否也整体走 HERO const NS='http://www.w3.org/2000/svg'; const el=(p,t,a)=>{const n=document.createElementNS(NS,t);for(const k in a)n.setAttribute(k,a[k]);p.appendChild(n);return n}; - Network accessline 252
const NS='http://www.w3.org/2000/svg'; - Network accessline 966
(()=>{ const INK='#081F5C',PAPER='#F7F2EB',MUTED='rgba(8,31,92,.60)',GRID='rgba(8,31,92,.16)'; const NS='http://www.w3.org/2000/svg'; - Network accessline 967
const INK='#081F5C',PAPER='#F7F2EB',MUTED='rgba(8,31,92,.60)',GRID='rgba(8,31,92,.16)'; const NS='http://www.w3.org/2000/svg'; const el=(p,t,a)=>{const n=document.createElementNS(NS,t);for(const k in a)n.setAttribute(k,a[k]);p.appendChild(n - Network accessline 968
const NS='http://www.w3.org/2000/svg';
templates/color/lupi-wire.html
- Network accessline 5
<meta name="viewport" content="width=device-width,initial-scale=1" /> <title>Lieflat Lupi L1–L19 × WIRE</title> <link rel="preconnect" href="https://fonts.googleapis.com"> - Network accessline 6
<title>Lieflat Lupi L1–L19 × WIRE</title> <link rel="preconnect" href="https://fonts.googleapis.com"> <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Noto+Sans+SC:wght@400;500;700&display=swap" rel - Network accessline 7
<link rel="preconnect" href="https://fonts.googleapis.com"> - Network accessline 8
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Noto+Sans+SC:wght@400;500;700&display=swap" rel="stylesheet"> - Network accessline 250
const RAMPDK=['rgba(240,240,238,.26)','rgba(240,240,238,.42)','rgba(240,240,238,.60)','rgba(240,240,238,.84)','#F5572F']; // 深色卡上的 5 档梯，末档落在强调色 const HEROMODE=true; // 主角模式：launch fan 的头号功能是否也整体走 HERO const NS='http://www.w3.org/2000/svg' - Network accessline 251
const HEROMODE=true; // 主角模式：launch fan 的头号功能是否也整体走 HERO const NS='http://www.w3.org/2000/svg'; const el=(p,t,a)=>{const n=document.createElementNS(NS,t);for(const k in a)n.setAttribute(k,a[k]);p.appendChild(n);return n}; - Network accessline 252
const NS='http://www.w3.org/2000/svg'; - Network accessline 966
(()=>{ const INK='#22211F',PAPER='#F0F0EE',MUTED='rgba(31,30,28,.60)',GRID='rgba(31,30,28,.16)'; const NS='http://www.w3.org/2000/svg'; - Network accessline 967
const INK='#22211F',PAPER='#F0F0EE',MUTED='rgba(31,30,28,.60)',GRID='rgba(31,30,28,.16)'; const NS='http://www.w3.org/2000/svg'; const el=(p,t,a)=>{const n=document.createElementNS(NS,t);for(const k in a)n.setAttribute(k,a[k]);p.appendChild - Network accessline 968
const NS='http://www.w3.org/2000/svg';
templates/color/maps-palm.html
- Network accessline 5
<meta name="viewport" content="width=device-width,initial-scale=1" /> <title>Lieflat Charts · Maps M1–M2 × PALM</title> <script src="https://cdn.jsdelivr.net/npm/echarts@6/dist/echarts.min.js"></script> - Network accessline 6
<title>Lieflat Charts · Maps M1–M2 × PALM</title> <script src="https://cdn.jsdelivr.net/npm/echarts@6/dist/echarts.min.js"></script> <link rel="preconnect" href="https://fonts.googleapis.com"> - Network accessline 7
<script src="https://cdn.jsdelivr.net/npm/echarts@6/dist/echarts.min.js"></script> - Network accessline 8
<link rel="preconnect" href="https://fonts.googleapis.com"> - Network accessline 9
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap" rel="stylesheet"> - Network accessline 94
'Oklahoma':4,'Iowa':4,'Kansas':3,'Arkansas':3,'Louisiana':3,'New Hampshire':2, 'Idaho':2,'New Mexico':2,'Hawaii':2,'Maine':1,'Nebraska':1,'Alaska':1}; fetch('https://cdn.jsdelivr.net/gh/apache/echarts-examples@gh-pages/public/data/asset/g - Network accessline 95
'Idaho':2,'New Mexico':2,'Hawaii':2,'Maine':1,'Nebraska':1,'Alaska':1}; fetch('https://cdn.jsdelivr.net/gh/apache/echarts-examples@gh-pages/public/data/asset/geo/USA.json') .then(r=>r.json()).then(geo=>{ - Network accessline 96
fetch('https://cdn.jsdelivr.net/gh/apache/echarts-examples@gh-pages/public/data/asset/geo/USA.json') - Network accessline 142
const BIG={'United States':['US 95k',[0,0]],'India':['IN 62k',[0,4]], 'United Kingdom':['UK 48k',[-26,-12]],'Germany':['DE 41k',[26,14]],'Brazil':['BR 39k',[0,0]]}; fetch('https://cdn.jsdelivr.net/npm/echarts@4.9.0/map/json/world.json') - Network accessline 143
'United Kingdom':['UK 48k',[-26,-12]],'Germany':['DE 41k',[26,14]],'Brazil':['BR 39k',[0,0]]}; fetch('https://cdn.jsdelivr.net/npm/echarts@4.9.0/map/json/world.json') .then(r=>r.json()).then(geo=>{ - Network accessline 144
fetch('https://cdn.jsdelivr.net/npm/echarts@4.9.0/map/json/world.json')
templates/color/maps-porcelain.html
- Network accessline 5
<meta name="viewport" content="width=device-width,initial-scale=1" /> <title>Lieflat Charts · Maps M1–M2 × PORCELAIN</title> <script src="https://cdn.jsdelivr.net/npm/echarts@6/dist/echarts.min.js"></script> - Network accessline 6
<title>Lieflat Charts · Maps M1–M2 × PORCELAIN</title> <script src="https://cdn.jsdelivr.net/npm/echarts@6/dist/echarts.min.js"></script> <link rel="preconnect" href="https://fonts.googleapis.com"> - Network accessline 7
<script src="https://cdn.jsdelivr.net/npm/echarts@6/dist/echarts.min.js"></script> - Network accessline 8
<link rel="preconnect" href="https://fonts.googleapis.com"> - Network accessline 9
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap" rel="stylesheet"> - Network accessline 94
'Oklahoma':4,'Iowa':4,'Kansas':3,'Arkansas':3,'Louisiana':3,'New Hampshire':2, 'Idaho':2,'New Mexico':2,'Hawaii':2,'Maine':1,'Nebraska':1,'Alaska':1}; fetch('https://cdn.jsdelivr.net/gh/apache/echarts-examples@gh-pages/public/data/asset/g - Network accessline 95
'Idaho':2,'New Mexico':2,'Hawaii':2,'Maine':1,'Nebraska':1,'Alaska':1}; fetch('https://cdn.jsdelivr.net/gh/apache/echarts-examples@gh-pages/public/data/asset/geo/USA.json') .then(r=>r.json()).then(geo=>{ - Network accessline 96
fetch('https://cdn.jsdelivr.net/gh/apache/echarts-examples@gh-pages/public/data/asset/geo/USA.json') - Network accessline 142
const BIG={'United States':['US 95k',[0,0]],'India':['IN 62k',[0,4]], 'United Kingdom':['UK 48k',[-26,-12]],'Germany':['DE 41k',[26,14]],'Brazil':['BR 39k',[0,0]]}; fetch('https://cdn.jsdelivr.net/npm/echarts@4.9.0/map/json/world.json') - Network accessline 143
'United Kingdom':['UK 48k',[-26,-12]],'Germany':['DE 41k',[26,14]],'Brazil':['BR 39k',[0,0]]}; fetch('https://cdn.jsdelivr.net/npm/echarts@4.9.0/map/json/world.json') .then(r=>r.json()).then(geo=>{ - Network accessline 144
fetch('https://cdn.jsdelivr.net/npm/echarts@4.9.0/map/json/world.json')
templates/color/maps-wire.html
- Network accessline 5
<meta name="viewport" content="width=device-width,initial-scale=1" /> <title>Lieflat Charts · Maps M1–M2 × WIRE</title> <script src="https://cdn.jsdelivr.net/npm/echarts@6/dist/echarts.min.js"></script> - Network accessline 6
<title>Lieflat Charts · Maps M1–M2 × WIRE</title> <script src="https://cdn.jsdelivr.net/npm/echarts@6/dist/echarts.min.js"></script> <link rel="preconnect" href="https://fonts.googleapis.com"> - Network accessline 7
<script src="https://cdn.jsdelivr.net/npm/echarts@6/dist/echarts.min.js"></script> - Network accessline 8
<link rel="preconnect" href="https://fonts.googleapis.com"> - Network accessline 9
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap" rel="stylesheet"> - Network accessline 94
'Oklahoma':4,'Iowa':4,'Kansas':3,'Arkansas':3,'Louisiana':3,'New Hampshire':2, 'Idaho':2,'New Mexico':2,'Hawaii':2,'Maine':1,'Nebraska':1,'Alaska':1}; fetch('https://cdn.jsdelivr.net/gh/apache/echarts-examples@gh-pages/public/data/asset/g - Network accessline 95
'Idaho':2,'New Mexico':2,'Hawaii':2,'Maine':1,'Nebraska':1,'Alaska':1}; fetch('https://cdn.jsdelivr.net/gh/apache/echarts-examples@gh-pages/public/data/asset/geo/USA.json') .then(r=>r.json()).then(geo=>{ - Network accessline 96
fetch('https://cdn.jsdelivr.net/gh/apache/echarts-examples@gh-pages/public/data/asset/geo/USA.json') - Network accessline 142
const BIG={'United States':['US 95k',[0,0]],'India':['IN 62k',[0,4]], 'United Kingdom':['UK 48k',[-26,-12]],'Germany':['DE 41k',[26,14]],'Brazil':['BR 39k',[0,0]]}; fetch('https://cdn.jsdelivr.net/npm/echarts@4.9.0/map/json/world.json') - Network accessline 143
'United Kingdom':['UK 48k',[-26,-12]],'Germany':['DE 41k',[26,14]],'Brazil':['BR 39k',[0,0]]}; fetch('https://cdn.jsdelivr.net/npm/echarts@4.9.0/map/json/world.json') .then(r=>r.json()).then(geo=>{ - Network accessline 144
fetch('https://cdn.jsdelivr.net/npm/echarts@4.9.0/map/json/world.json')
templates/glance-gallery.html
- Network accessline 5
<meta name="viewport" content="width=device-width,initial-scale=1" /> <title>Lieflat Charts — Glance Gallery · 20 张参考实现</title> <script src="https://cdn.jsdelivr.net/npm/chart.js@4"></script> - Network accessline 6
<title>Lieflat Charts — Glance Gallery · 20 张参考实现</title> <script src="https://cdn.jsdelivr.net/npm/chart.js@4"></script> <script src="https://cdn.jsdelivr.net/npm/echarts@6/dist/echarts.min.js"></script> - Network accessline 7
<script src="https://cdn.jsdelivr.net/npm/chart.js@4"></script> - Network accessline 8
<script src="https://cdn.jsdelivr.net/npm/echarts@6/dist/echarts.min.js"></script> - Network accessline 9
<link rel="preconnect" href="https://fonts.googleapis.com"> - Network accessline 10
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap" rel="stylesheet"> - Network accessline 282
// ════ mono-redesign · donut → waffle of dots ════ (()=>{ const NS='http://www.w3.org/2000/svg'; - Network accessline 283
(()=>{ const NS='http://www.w3.org/2000/svg'; const mkEl=(svg,t,a)=>{const n=document.createElementNS(NS,t);for(const k in a)n.setAttribute(k,a[k]);svg.appendChild(n);return n}; - Network accessline 284
const NS='http://www.w3.org/2000/svg'; - Network accessline 871
(()=>{ const INK='#1C1C1A',PAPER='#F0EFEB',MUTED='#8F8E88',GRID='#DEDDD6'; const NS='http://www.w3.org/2000/svg'; - Network accessline 872
const INK='#1C1C1A',PAPER='#F0EFEB',MUTED='#8F8E88',GRID='#DEDDD6'; const NS='http://www.w3.org/2000/svg'; const el=(p,t,a)=>{const n=document.createElementNS(NS,t);for(const k in a)n.setAttribute(k,a[k]);p.appendChild(n);return n}; - Network accessline 873
const NS='http://www.w3.org/2000/svg';
templates/lupi-gallery.html
- Network accessline 5
<meta name="viewport" content="width=device-width,initial-scale=1" /> <title>Lieflat Charts — Lupi Gallery · 19 张参考实现</title> <link rel="preconnect" href="https://fonts.googleapis.com"> - Network accessline 6
<title>Lieflat Charts — Lupi Gallery · 19 张参考实现</title> <link rel="preconnect" href="https://fonts.googleapis.com"> <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap" rel="stylesheet"> - Network accessline 7
<link rel="preconnect" href="https://fonts.googleapis.com"> - Network accessline 8
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap" rel="stylesheet"> - Network accessline 239
// ── shared Mono tokens ── const INK='#1C1C1A',PAPER='#F0EFEB',MUTED='#8F8E88',GRID='#DEDDD6'; const NS='http://www.w3.org/2000/svg'; - Network accessline 240
const INK='#1C1C1A',PAPER='#F0EFEB',MUTED='#8F8E88',GRID='#DEDDD6'; const NS='http://www.w3.org/2000/svg'; const el=(p,t,a)=>{const n=document.createElementNS(NS,t);for(const k in a)n.setAttribute(k,a[k]);p.appendChild(n);return n}; - Network accessline 241
const NS='http://www.w3.org/2000/svg'; - Network accessline 929
(()=>{ const INK='#1C1C1A',PAPER='#F0EFEB',MUTED='#8F8E88',GRID='#DEDDD6'; const NS='http://www.w3.org/2000/svg'; - Network accessline 930
const INK='#1C1C1A',PAPER='#F0EFEB',MUTED='#8F8E88',GRID='#DEDDD6'; const NS='http://www.w3.org/2000/svg'; const el=(p,t,a)=>{const n=document.createElementNS(NS,t);for(const k in a)n.setAttribute(k,a[k]);p.appendChild(n);return n}; - Network accessline 931
const NS='http://www.w3.org/2000/svg';
templates/maps-gallery.html
- Network accessline 5
<meta name="viewport" content="width=device-width,initial-scale=1" /> <title>Lieflat Charts · Maps · 2 张参考实现</title> <script src="https://cdn.jsdelivr.net/npm/echarts@6/dist/echarts.min.js"></script> - Network accessline 6
<title>Lieflat Charts · Maps · 2 张参考实现</title> <script src="https://cdn.jsdelivr.net/npm/echarts@6/dist/echarts.min.js"></script> <link rel="preconnect" href="https://fonts.googleapis.com"> - Network accessline 7
<script src="https://cdn.jsdelivr.net/npm/echarts@6/dist/echarts.min.js"></script> - Network accessline 8
<link rel="preconnect" href="https://fonts.googleapis.com"> - Network accessline 9
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap" rel="stylesheet"> - Network accessline 94
'Oklahoma':4,'Iowa':4,'Kansas':3,'Arkansas':3,'Louisiana':3,'New Hampshire':2, 'Idaho':2,'New Mexico':2,'Hawaii':2,'Maine':1,'Nebraska':1,'Alaska':1}; fetch('https://cdn.jsdelivr.net/gh/apache/echarts-examples@gh-pages/public/data/asset/g - Network accessline 95
'Idaho':2,'New Mexico':2,'Hawaii':2,'Maine':1,'Nebraska':1,'Alaska':1}; fetch('https://cdn.jsdelivr.net/gh/apache/echarts-examples@gh-pages/public/data/asset/geo/USA.json') .then(r=>r.json()).then(geo=>{ - Network accessline 96
fetch('https://cdn.jsdelivr.net/gh/apache/echarts-examples@gh-pages/public/data/asset/geo/USA.json') - Network accessline 142
const BIG={'United States':['US 95k',[0,0]],'India':['IN 62k',[0,4]], 'United Kingdom':['UK 48k',[-26,-12]],'Germany':['DE 41k',[26,14]],'Brazil':['BR 39k',[0,0]]}; fetch('https://cdn.jsdelivr.net/npm/echarts@4.9.0/map/json/world.json') - Network accessline 143
'United Kingdom':['UK 48k',[-26,-12]],'Germany':['DE 41k',[26,14]],'Brazil':['BR 39k',[0,0]]}; fetch('https://cdn.jsdelivr.net/npm/echarts@4.9.0/map/json/world.json') .then(r=>r.json()).then(geo=>{ - Network accessline 144
fetch('https://cdn.jsdelivr.net/npm/echarts@4.9.0/map/json/world.json')
templates/presentations/complete-palm-zh.html
- Network accessline 5
<title>Lieflat 演示模板 · 完整版 · 椰林绿</title> <link rel="icon" href="data:,"> <link rel="preconnect" href="https://fonts.googleapis.com"> - Network accessline 6
<link rel="icon" href="data:,"> <link rel="preconnect" href="https://fonts.googleapis.com"> <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Noto+Sans+SC:wght@400;500;600;700&family=Noto+Serif+SC:wg - Network accessline 7
<link rel="preconnect" href="https://fonts.googleapis.com"> - Network accessline 8
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Noto+Sans+SC:wght@400;500;600;700&family=Noto+Serif+SC:wght@600&display=swap" rel="stylesheet"> - Network accessline 339
/* ── SVG helpers + deterministic pseudo-random (identical to the galleries) ── */ const NS='http://www.w3.org/2000/svg'; - Network accessline 340
const NS='http://www.w3.org/2000/svg';
templates/presentations/complete-palm.html
- Network accessline 5
<title>Lieflat PPT · Complete · PALM</title> <link rel="icon" href="data:,"> <link rel="preconnect" href="https://fonts.googleapis.com"> - Network accessline 6
<link rel="icon" href="data:,"> <link rel="preconnect" href="https://fonts.googleapis.com"> <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap" rel="stylesheet"> - Network accessline 7
<link rel="preconnect" href="https://fonts.googleapis.com"> - Network accessline 8
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap" rel="stylesheet"> - Network accessline 329
/* ── SVG helpers + deterministic pseudo-random (identical to the galleries) ── */ const NS='http://www.w3.org/2000/svg'; - Network accessline 330
const NS='http://www.w3.org/2000/svg';
templates/presentations/complete-porcelain-zh.html
- Network accessline 5
<title>Lieflat 演示模板 · 完整版 · 青瓷蓝</title> <link rel="icon" href="data:,"> <link rel="preconnect" href="https://fonts.googleapis.com"> - Network accessline 6
<link rel="icon" href="data:,"> <link rel="preconnect" href="https://fonts.googleapis.com"> <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Noto+Sans+SC:wght@400;500;600;700&family=Noto+Serif+SC:wg - Network accessline 7
<link rel="preconnect" href="https://fonts.googleapis.com"> - Network accessline 8
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Noto+Sans+SC:wght@400;500;600;700&family=Noto+Serif+SC:wght@600&display=swap" rel="stylesheet"> - Network accessline 302
/* ── SVG helpers + deterministic pseudo-random (identical to the galleries) ── */ const NS='http://www.w3.org/2000/svg'; - Network accessline 303
const NS='http://www.w3.org/2000/svg';
templates/presentations/complete-porcelain.html
- Network accessline 5
<title>Lieflat PPT · Complete · PORCELAIN</title> <link rel="icon" href="data:,"> <link rel="preconnect" href="https://fonts.googleapis.com"> - Network accessline 6
<link rel="icon" href="data:,"> <link rel="preconnect" href="https://fonts.googleapis.com"> <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap" rel="stylesheet"> - Network accessline 7
<link rel="preconnect" href="https://fonts.googleapis.com"> - Network accessline 8
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap" rel="stylesheet"> - Network accessline 292
/* ── SVG helpers + deterministic pseudo-random (identical to the galleries) ── */ const NS='http://www.w3.org/2000/svg'; - Network accessline 293
const NS='http://www.w3.org/2000/svg';
templates/presentations/complete-wire-zh.html
- Network accessline 5
<title>Lieflat 演示模板 · 完整版 · 编辑部红</title> <link rel="icon" href="data:,"> <link rel="preconnect" href="https://fonts.googleapis.com"> - Network accessline 6
<link rel="icon" href="data:,"> <link rel="preconnect" href="https://fonts.googleapis.com"> <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Noto+Sans+SC:wght@400;500;600;700&family=Noto+Serif+SC:wg - Network accessline 7
<link rel="preconnect" href="https://fonts.googleapis.com"> - Network accessline 8
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Noto+Sans+SC:wght@400;500;600;700&family=Noto+Serif+SC:wght@600&display=swap" rel="stylesheet"> - Network accessline 307
/* ── SVG helpers + deterministic pseudo-random (identical to the galleries) ── */ const NS='http://www.w3.org/2000/svg'; - Network accessline 308
const NS='http://www.w3.org/2000/svg';
templates/presentations/complete-wire.html
- Network accessline 5
<title>Lieflat PPT · Complete · WIRE</title> <link rel="icon" href="data:,"> <link rel="preconnect" href="https://fonts.googleapis.com"> - Network accessline 6
<link rel="icon" href="data:,"> <link rel="preconnect" href="https://fonts.googleapis.com"> <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap" rel="stylesheet"> - Network accessline 7
<link rel="preconnect" href="https://fonts.googleapis.com"> - Network accessline 8
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap" rel="stylesheet"> - Network accessline 297
/* ── SVG helpers + deterministic pseudo-random (identical to the galleries) ── */ const NS='http://www.w3.org/2000/svg'; - Network accessline 298
const NS='http://www.w3.org/2000/svg';
templates/presentations/presentation.en.html
- Network accessline 5
<title>Lieflat Charts · Presentation studies V3</title> <link rel="icon" href="data:,"> <link rel="preconnect" href="https://fonts.googleapis.com"> - Network accessline 6
<link rel="icon" href="data:,"> <link rel="preconnect" href="https://fonts.googleapis.com"> <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap" rel="stylesheet"> - Network accessline 7
<link rel="preconnect" href="https://fonts.googleapis.com"> - Network accessline 8
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap" rel="stylesheet"> - Network accessline 307
family: 'Inter', // Google Fonts 引入行（放 <head>）： link: 'https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap', - Network accessline 308
// Google Fonts 引入行（放 <head>）： link: 'https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap', title: { size: 16.5, weight: 700, spacing: '-.02em' }, // 卡内 h2 - Network accessline 309
link: 'https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap', - Network accessline 389
/* ── 8 · SVG 快捷 ────────────────────────────────────────── */ const NS = 'http://www.w3.org/2000/svg'; - Network accessline 390
const NS = 'http://www.w3.org/2000/svg';
templates/presentations/presentation.zh.html
- Network accessline 5
<title>Lieflat Charts · 图表演示 V3 中文版 · 宋体标题与黑体正文</title> <link rel="icon" href="data:,"> <link rel="preconnect" href="https://fonts.googleapis.com"> - Network accessline 6
<link rel="icon" href="data:,"> <link rel="preconnect" href="https://fonts.googleapis.com"> <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Noto+Sans+SC:wght@400;500;600;700&family=Noto+Serif+SC:wg - Network accessline 7
<link rel="preconnect" href="https://fonts.googleapis.com"> - Network accessline 8
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Noto+Sans+SC:wght@400;500;600;700&family=Noto+Serif+SC:wght@600&display=swap" rel="stylesheet"> - Network accessline 315
family: 'Inter', // Google Fonts 引入行（放 <head>）： link: 'https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Noto+Serif+SC:wght@400;500;600;700;900&display=swap', - Network accessline 316
// Google Fonts 引入行（放 <head>）： link: 'https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Noto+Serif+SC:wght@400;500;600;700;900&display=swap', title: { size: 16.5, weight: 700, spacing: '-.02em' }, // - Network accessline 317
link: 'https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Noto+Serif+SC:wght@400;500;600;700;900&display=swap', - Network accessline 397
/* ── 8 · SVG 快捷 ────────────────────────────────────────── */ const NS = 'http://www.w3.org/2000/svg'; - Network accessline 398
const NS = 'http://www.w3.org/2000/svg';
templates/reports/index.html
- Executable scriptline 1
Executable file - Network accessline 5
<meta name="viewport" content="width=device-width,initial-scale=1" /> <title>报告模板库 · Lieflat Charts</title> <link rel="icon" href="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Crect width='32' height= - Network accessline 6
<title>报告模板库 · Lieflat Charts</title> <link rel="icon" href="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Crect width='32' height='32' fill='%231C1C1A'/%3E%3Ccircle cx='16' cy='16' r='6' fill='%23F0EF - Network accessline 7
<link rel="icon" href="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Crect width='32' height='32' fill='%231C1C1A'/%3E%3Ccircle cx='16' cy='16' r='6' fill='%23F0EFEB'/%3E%3C/svg%3E" />
templates/reports/report-01.en.html
- Network accessline 5
<meta name="viewport" content="width=device-width,initial-scale=1" /> <title>Survey One-Pager — Lieflat Report Template · Porcelain Rail</title> <link rel="preconnect" href="https://fonts.googleapis.com"> - Network accessline 6
<title>Survey One-Pager — Lieflat Report Template · Porcelain Rail</title> <link rel="preconnect" href="https://fonts.googleapis.com"> <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Source+Serif+4 - Network accessline 7
<link rel="preconnect" href="https://fonts.googleapis.com"> - Network accessline 8
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Source+Serif+4:ital,opsz,wght@0,8..60,400;0,8..60,600;0,8..60,700;1,8..60,400&display=swap" rel="stylesheet"> - Network accessline 161
<script> /* ── mono-tokens 内联（几何/工具函数与正本一致）── */ const NS='http://www.w3.org/2000/svg'; - Network accessline 162
/* ── mono-tokens 内联（几何/工具函数与正本一致）── */ const NS='http://www.w3.org/2000/svg'; const el=(p,t,a)=>{const n=document.createElementNS(NS,t);for(const k in a)n.setAttribute(k,a[k]);p.appendChild(n);return n}; - Network accessline 163
const NS='http://www.w3.org/2000/svg';
templates/reports/report-01.zh.html
- Network accessline 5
<meta name="viewport" content="width=device-width,initial-scale=1" /> <title>发布的真相 — Lieflat 报告模板 · 青瓷侧栏</title> <link rel="preconnect" href="https://fonts.googleapis.com"> - Network accessline 6
<title>发布的真相 — Lieflat 报告模板 · 青瓷侧栏</title> <link rel="preconnect" href="https://fonts.googleapis.com"> <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Source+Serif+4:ital,opsz,wght@0,8..60,400;0,8. - Network accessline 7
<link rel="preconnect" href="https://fonts.googleapis.com"> - Network accessline 8
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Source+Serif+4:ital,opsz,wght@0,8..60,400;0,8..60,600;0,8..60,700;1,8..60,400&family=Noto+Serif+SC:wght@400;600;700&family=Noto+Sans+SC:wght@400;500; - Network accessline 163
<script> /* ── mono-tokens 内联（几何/工具函数与正本一致）── */ const NS='http://www.w3.org/2000/svg'; - Network accessline 164
/* ── mono-tokens 内联（几何/工具函数与正本一致）── */ const NS='http://www.w3.org/2000/svg'; const el=(p,t,a)=>{const n=document.createElementNS(NS,t);for(const k in a)n.setAttribute(k,a[k]);p.appendChild(n);return n}; - Network accessline 165
const NS='http://www.w3.org/2000/svg';
templates/reports/report-02.en.html
- Network accessline 5
<meta name="viewport" content="width=device-width,initial-scale=1" /> <title>Annual Milestones — Lieflat Report Template · Palm Kraft</title> <link rel="preconnect" href="https://fonts.googleapis.com"> - Network accessline 6
<title>Annual Milestones — Lieflat Report Template · Palm Kraft</title> <link rel="preconnect" href="https://fonts.googleapis.com"> <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Playfair+Display: - Network accessline 7
<link rel="preconnect" href="https://fonts.googleapis.com"> - Network accessline 8
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Playfair+Display:ital,wght@0,500;0,700;0,800;1,500&display=swap" rel="stylesheet"> - Network accessline 181
<script> /* ── mono-tokens 内联（几何/工具函数与正本一致）── */ const NS='http://www.w3.org/2000/svg'; - Network accessline 182
/* ── mono-tokens 内联（几何/工具函数与正本一致）── */ const NS='http://www.w3.org/2000/svg'; const el=(p,t,a)=>{const n=document.createElementNS(NS,t);for(const k in a)n.setAttribute(k,a[k]);p.appendChild(n);return n}; - Network accessline 183
const NS='http://www.w3.org/2000/svg';
templates/reports/report-02.zh.html
- Network accessline 5
<meta name="viewport" content="width=device-width,initial-scale=1" /> <title>年度里程碑 — Lieflat 报告模板 · 椰林年报</title> <link rel="preconnect" href="https://fonts.googleapis.com"> - Network accessline 6
<title>年度里程碑 — Lieflat 报告模板 · 椰林年报</title> <link rel="preconnect" href="https://fonts.googleapis.com"> <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Playfair+Display:wght@500;700;800&family=Noto+ - Network accessline 7
<link rel="preconnect" href="https://fonts.googleapis.com"> - Network accessline 8
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Playfair+Display:wght@500;700;800&family=Noto+Serif+SC:wght@400;600;700;900&family=Noto+Sans+SC:wght@400;500;700&display=swap" rel="stylesheet"> - Network accessline 185
<script> /* ── mono-tokens 内联（几何/工具函数与正本一致）── */ const NS='http://www.w3.org/2000/svg'; - Network accessline 186
/* ── mono-tokens 内联（几何/工具函数与正本一致）── */ const NS='http://www.w3.org/2000/svg'; const el=(p,t,a)=>{const n=document.createElementNS(NS,t);for(const k in a)n.setAttribute(k,a[k]);p.appendChild(n);return n}; - Network accessline 187
const NS='http://www.w3.org/2000/svg';
templates/reports/report-03.en.html
- Network accessline 5
<meta name="viewport" content="width=device-width,initial-scale=1" /> <title>Year in Data — Lieflat Report Template · Wire Spine Poster</title> <link rel="preconnect" href="https://fonts.googleapis.com"> - Network accessline 6
<title>Year in Data — Lieflat Report Template · Wire Spine Poster</title> <link rel="preconnect" href="https://fonts.googleapis.com"> <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Fraunces:opsz,w - Network accessline 7
<link rel="preconnect" href="https://fonts.googleapis.com"> - Network accessline 8
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Fraunces:opsz,wght@9..144,600;9..144,800;9..144,900&display=swap" rel="stylesheet"> - Network accessline 192
<script> /* ── mono-tokens 内联（几何/工具函数与正本一致）── */ const NS='http://www.w3.org/2000/svg'; - Network accessline 193
/* ── mono-tokens 内联（几何/工具函数与正本一致）── */ const NS='http://www.w3.org/2000/svg'; const el=(p,t,a)=>{const n=document.createElementNS(NS,t);for(const k in a)n.setAttribute(k,a[k]);p.appendChild(n);return n}; - Network accessline 194
const NS='http://www.w3.org/2000/svg';
templates/reports/report-03.zh.html
- Network accessline 5
<meta name="viewport" content="width=device-width,initial-scale=1" /> <title>年度数据 — Lieflat 报告模板 · 编辑部书脊</title> <link rel="preconnect" href="https://fonts.googleapis.com"> - Network accessline 6
<title>年度数据 — Lieflat 报告模板 · 编辑部书脊</title> <link rel="preconnect" href="https://fonts.googleapis.com"> <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Fraunces:opsz,wght@9..144,600;9..144,800;9..14 - Network accessline 7
<link rel="preconnect" href="https://fonts.googleapis.com"> - Network accessline 8
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Fraunces:opsz,wght@9..144,600;9..144,800;9..144,900&family=Noto+Serif+SC:wght@600;700;900&family=Noto+Sans+SC:wght@400;500;700&display=swap" rel="sty - Network accessline 194
<script> /* ── mono-tokens 内联（几何/工具函数与正本一致）── */ const NS='http://www.w3.org/2000/svg'; - Network accessline 195
/* ── mono-tokens 内联（几何/工具函数与正本一致）── */ const NS='http://www.w3.org/2000/svg'; const el=(p,t,a)=>{const n=document.createElementNS(NS,t);for(const k in a)n.setAttribute(k,a[k]);p.appendChild(n);return n}; - Network accessline 196
const NS='http://www.w3.org/2000/svg';
templates/reports/report-04.en.html
- Network accessline 5
<meta name="viewport" content="width=device-width,initial-scale=1" /> <title>Monthly Ops — Lieflat Report Template · Mono Broadsheet</title> <link rel="preconnect" href="https://fonts.googleapis.com"> - Network accessline 6
<title>Monthly Ops — Lieflat Report Template · Mono Broadsheet</title> <link rel="preconnect" href="https://fonts.googleapis.com"> <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Oswald:wght@500;60 - Network accessline 7
<link rel="preconnect" href="https://fonts.googleapis.com"> - Network accessline 8
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Oswald:wght@500;600;700&display=swap" rel="stylesheet"> - Network accessline 180
/* ── mono-tokens 内联（色板 / 几何 / 工具函数与正本一致）── */ const INK='#1C1C1A',PAPER='#F0EFEB',MUTED='#8F8E88',GRID='#DEDDD6'; const NS='http://www.w3.org/2000/svg'; - Network accessline 181
const INK='#1C1C1A',PAPER='#F0EFEB',MUTED='#8F8E88',GRID='#DEDDD6'; const NS='http://www.w3.org/2000/svg'; const el=(p,t,a)=>{const n=document.createElementNS(NS,t);for(const k in a)n.setAttribute(k,a[k]);p.appendChild(n);return n}; - Network accessline 182
const NS='http://www.w3.org/2000/svg';
templates/reports/report-04.zh.html
- Network accessline 5
<meta name="viewport" content="width=device-width,initial-scale=1" /> <title>七月运营月报 — Lieflat 报告模板 · 青瓷月报</title> <link rel="preconnect" href="https://fonts.googleapis.com"> - Network accessline 6
<title>七月运营月报 — Lieflat 报告模板 · 青瓷月报</title> <link rel="preconnect" href="https://fonts.googleapis.com"> <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Oswald:wght@500;600;700&family=Noto+Sans+SC:w - Network accessline 7
<link rel="preconnect" href="https://fonts.googleapis.com"> - Network accessline 8
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Oswald:wght@500;600;700&family=Noto+Sans+SC:wght@400;500;700;900&display=swap" rel="stylesheet"> - Network accessline 186
const DATA='#334EAC',DATA2='#7096D1',HERO='#081F5C',FAINTDATA='#BAD6EB'; const CAT4=['#081F5C','#334EAC','#7096D1','#BAD6EB'],HEAT=['#334EAC','#7096D1','#BAD6EB']; const NS='http://www.w3.org/2000/svg'; - Network accessline 187
const CAT4=['#081F5C','#334EAC','#7096D1','#BAD6EB'],HEAT=['#334EAC','#7096D1','#BAD6EB']; const NS='http://www.w3.org/2000/svg'; const el=(p,t,a)=>{const n=document.createElementNS(NS,t);for(const k in a)n.setAttribute(k,a[k]);p.appendChil - Network accessline 188
const NS='http://www.w3.org/2000/svg';
templates/reports/report-05.en.html
- Network accessline 5
<meta name="viewport" content="width=device-width,initial-scale=1" /> <title>Impact Story — Lieflat Report Template · Mono Highlight</title> <link rel="preconnect" href="https://fonts.googleapis.com"> - Network accessline 6
<title>Impact Story — Lieflat Report Template · Mono Highlight</title> <link rel="preconnect" href="https://fonts.googleapis.com"> <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap" rel="styles - Network accessline 7
<link rel="preconnect" href="https://fonts.googleapis.com"> - Network accessline 8
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap" rel="stylesheet"> - Network accessline 132
/* ── mono-tokens 内联（色板 / 几何 / 工具函数与正本一致）── */ const INK='#1C1C1A',PAPER='#F0EFEB',MUTED='#8F8E88',GRID='#DEDDD6'; const NS='http://www.w3.org/2000/svg'; - Network accessline 133
const INK='#1C1C1A',PAPER='#F0EFEB',MUTED='#8F8E88',GRID='#DEDDD6'; const NS='http://www.w3.org/2000/svg'; const el=(p,t,a)=>{const n=document.createElementNS(NS,t);for(const k in a)n.setAttribute(k,a[k]);p.appendChild(n);return n}; - Network accessline 134
const NS='http://www.w3.org/2000/svg';
templates/reports/report-05.zh.html
- Network accessline 5
<meta name="viewport" content="width=device-width,initial-scale=1" /> <title>把回答写在明处 — Lieflat 报告模板 · 反色高亮</title> <link rel="preconnect" href="https://fonts.googleapis.com"> - Network accessline 6
<title>把回答写在明处 — Lieflat 报告模板 · 反色高亮</title> <link rel="preconnect" href="https://fonts.googleapis.com"> <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Noto+Sans+SC:wght@400;500;700;900&display=sw - Network accessline 7
<link rel="preconnect" href="https://fonts.googleapis.com"> - Network accessline 8
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Noto+Sans+SC:wght@400;500;700;900&display=swap" rel="stylesheet"> - Network accessline 130
/* ── mono-tokens 内联（色板 / 几何 / 工具函数与正本一致）── */ const INK='#1C1C1A',PAPER='#F0EFEB',MUTED='#8F8E88',GRID='#DEDDD6'; const NS='http://www.w3.org/2000/svg'; - Network accessline 131
const INK='#1C1C1A',PAPER='#F0EFEB',MUTED='#8F8E88',GRID='#DEDDD6'; const NS='http://www.w3.org/2000/svg'; const el=(p,t,a)=>{const n=document.createElementNS(NS,t);for(const k in a)n.setAttribute(k,a[k]);p.appendChild(n);return n}; - Network accessline 132
const NS='http://www.w3.org/2000/svg';
templates/reports/report-06.en.html
- Network accessline 5
<meta name="viewport" content="width=device-width,initial-scale=1" /> <title>Eight-Year Product Almanac — Lieflat Report Template · Palm Deep Water</title> <link rel="preconnect" href="https://fonts.googleapis.com"> - Network accessline 6
<title>Eight-Year Product Almanac — Lieflat Report Template · Palm Deep Water</title> <link rel="preconnect" href="https://fonts.googleapis.com"> <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Pla - Network accessline 7
<link rel="preconnect" href="https://fonts.googleapis.com"> - Network accessline 8
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Playfair+Display:ital,wght@0,500;0,700;0,800;0,900;1,500&display=swap" rel="stylesheet"> - Network accessline 161
const SER=['#43593B','#D4A017','#77835A','#F2D17E','#ACAD79','#58402E']; // 分类色：一簇一色 const RAMP=['#F2D17E','#ACAD79','#929960','#77835A','#43593B']; // 5 档序数梯（浅→重） const NS='http://www.w3.org/2000/svg'; - Network accessline 162
const RAMP=['#F2D17E','#ACAD79','#929960','#77835A','#43593B']; // 5 档序数梯（浅→重） const NS='http://www.w3.org/2000/svg'; const el=(p,t,a)=>{const n=document.createElementNS(NS,t);for(const k in a)n.setAttribute(k,a[k]);p.appendChild - Network accessline 163
const NS='http://www.w3.org/2000/svg';
templates/reports/report-06.zh.html
- Network accessline 5
<meta name="viewport" content="width=device-width,initial-scale=1" /> <title>产品八年年鉴 — Lieflat 报告模板 · 椰林深水区</title> <link rel="preconnect" href="https://fonts.googleapis.com"> - Network accessline 6
<title>产品八年年鉴 — Lieflat 报告模板 · 椰林深水区</title> <link rel="preconnect" href="https://fonts.googleapis.com"> <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Noto+Serif+SC:wght@400;600;700;900&family=No - Network accessline 7
<link rel="preconnect" href="https://fonts.googleapis.com"> - Network accessline 8
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Noto+Serif+SC:wght@400;600;700;900&family=Noto+Sans+SC:wght@400;500;700&display=swap" rel="stylesheet"> - Network accessline 160
const SER=['#43593B','#D4A017','#77835A','#F2D17E','#ACAD79','#58402E']; // 分类色：一簇一色 const RAMP=['#F2D17E','#ACAD79','#929960','#77835A','#43593B']; // 5 档序数梯（浅→重） const NS='http://www.w3.org/2000/svg'; - Network accessline 161
const RAMP=['#F2D17E','#ACAD79','#929960','#77835A','#43593B']; // 5 档序数梯（浅→重） const NS='http://www.w3.org/2000/svg'; const el=(p,t,a)=>{const n=document.createElementNS(NS,t);for(const k in a)n.setAttribute(k,a[k]);p.appendChild - Network accessline 162
const NS='http://www.w3.org/2000/svg';
templates/reports/report-07.en.html
- Network accessline 5
<meta name="viewport" content="width=device-width,initial-scale=1" /> <title>AI Coding Culture Survey — Lieflat Report Template · Palm Bazaar</title> <link rel="preconnect" href="https://fonts.googleapis.com"> - Network accessline 6
<title>AI Coding Culture Survey — Lieflat Report Template · Palm Bazaar</title> <link rel="preconnect" href="https://fonts.googleapis.com"> <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=JetBrains - Network accessline 7
<link rel="preconnect" href="https://fonts.googleapis.com"> - Network accessline 8
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500&family=Playfair+Display:wght@700;800;900&display=swap" rel="stylesheet"> - Network accessline 219
<script> /* ── mono-tokens 内联（几何/工具函数与正本一致）── */ const NS='http://www.w3.org/2000/svg'; - Network accessline 220
/* ── mono-tokens 内联（几何/工具函数与正本一致）── */ const NS='http://www.w3.org/2000/svg'; const el=(p,t,a)=>{const n=document.createElementNS(NS,t);for(const k in a)n.setAttribute(k,a[k]);p.appendChild(n);return n}; - Network accessline 221
const NS='http://www.w3.org/2000/svg';
templates/reports/report-07.zh.html
- Network accessline 5
<meta name="viewport" content="width=device-width,initial-scale=1" /> <title>AI 编程文化调研 — Lieflat 报告模板 · 椰林集市</title> <link rel="preconnect" href="https://fonts.googleapis.com"> - Network accessline 6
<title>AI 编程文化调研 — Lieflat 报告模板 · 椰林集市</title> <link rel="preconnect" href="https://fonts.googleapis.com"> <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500&family=Noto+Se - Network accessline 7
<link rel="preconnect" href="https://fonts.googleapis.com"> - Network accessline 8
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500&family=Noto+Serif+SC:wght@600;700;900&family=Noto+Sans+SC:wght@400;500;700;900&display=swap" rel="stylesheet"> - Network accessline 215
<script> /* ── mono-tokens 内联（几何/工具函数与正本一致）── */ const NS='http://www.w3.org/2000/svg'; - Network accessline 216
/* ── mono-tokens 内联（几何/工具函数与正本一致）── */ const NS='http://www.w3.org/2000/svg'; const el=(p,t,a)=>{const n=document.createElementNS(NS,t);for(const k in a)n.setAttribute(k,a[k]);p.appendChild(n);return n}; - Network accessline 217
const NS='http://www.w3.org/2000/svg';
templates/reports/report-08.en.html
- Network accessline 5
<meta name="viewport" content="width=device-width,initial-scale=1" /> <title>Population One-Pager — Lieflat Report Template · Wire Hundred Field</title> <link rel="preconnect" href="https://fonts.googleapis.com"> - Network accessline 6
<title>Population One-Pager — Lieflat Report Template · Wire Hundred Field</title> <link rel="preconnect" href="https://fonts.googleapis.com"> <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap" - Network accessline 7
<link rel="preconnect" href="https://fonts.googleapis.com"> - Network accessline 8
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap" rel="stylesheet"> - Network accessline 149
<script> /* ── mono-tokens 内联（几何/工具函数与正本一致）── */ const NS='http://www.w3.org/2000/svg'; - Network accessline 150
/* ── mono-tokens 内联（几何/工具函数与正本一致）── */ const NS='http://www.w3.org/2000/svg'; const el=(p,t,a)=>{const n=document.createElementNS(NS,t);for(const k in a)n.setAttribute(k,a[k]);p.appendChild(n);return n}; - Network accessline 151
const NS='http://www.w3.org/2000/svg';
templates/reports/report-08.zh.html
- Network accessline 5
<meta name="viewport" content="width=device-width,initial-scale=1" /> <title>小团队的全球一题 — Lieflat 报告模板 · 百点场</title> <link rel="preconnect" href="https://fonts.googleapis.com"> - Network accessline 6
<title>小团队的全球一题 — Lieflat 报告模板 · 百点场</title> <link rel="preconnect" href="https://fonts.googleapis.com"> <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Noto+Sans+SC:wght@400;500;700;900&display=sw - Network accessline 7
<link rel="preconnect" href="https://fonts.googleapis.com"> - Network accessline 8
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Noto+Sans+SC:wght@400;500;700;900&display=swap" rel="stylesheet"> - Network accessline 149
<script> /* ── mono-tokens 内联（几何/工具函数与正本一致）── */ const NS='http://www.w3.org/2000/svg'; - Network accessline 150
/* ── mono-tokens 内联（几何/工具函数与正本一致）── */ const NS='http://www.w3.org/2000/svg'; const el=(p,t,a)=>{const n=document.createElementNS(NS,t);for(const k in a)n.setAttribute(k,a[k]);p.appendChild(n);return n}; - Network accessline 151
const NS='http://www.w3.org/2000/svg';
templates/reports/report-09.en.html
- Network accessline 5
<meta name="viewport" content="width=device-width,initial-scale=1" /> <title>Data Story Dashboard — Lieflat Report Template · Porcelain Summit</title> <link rel="preconnect" href="https://fonts.googleapis.com"> - Network accessline 6
<title>Data Story Dashboard — Lieflat Report Template · Porcelain Summit</title> <link rel="preconnect" href="https://fonts.googleapis.com"> <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap" r - Network accessline 7
<link rel="preconnect" href="https://fonts.googleapis.com"> - Network accessline 8
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap" rel="stylesheet"> - Network accessline 207
<script> /* ── mono-tokens 内联（几何/工具函数与正本一致）── */ const NS='http://www.w3.org/2000/svg'; - Network accessline 208
/* ── mono-tokens 内联（几何/工具函数与正本一致）── */ const NS='http://www.w3.org/2000/svg'; const el=(p,t,a)=>{const n=document.createElementNS(NS,t);for(const k in a)n.setAttribute(k,a[k]);p.appendChild(n);return n}; - Network accessline 209
const NS='http://www.w3.org/2000/svg';
templates/reports/report-09.zh.html
- Network accessline 5
<meta name="viewport" content="width=device-width,initial-scale=1" /> <title>把一套图表，变成一页可读的分析 — Lieflat 报告模板 · 青瓷峰会</title> <link rel="preconnect" href="https://fonts.googleapis.com"> - Network accessline 6
<title>把一套图表，变成一页可读的分析 — Lieflat 报告模板 · 青瓷峰会</title> <link rel="preconnect" href="https://fonts.googleapis.com"> <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Noto+Sans+SC:wght@400;500;700;900&di - Network accessline 7
<link rel="preconnect" href="https://fonts.googleapis.com"> - Network accessline 8
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Noto+Sans+SC:wght@400;500;700;900&display=swap" rel="stylesheet"> - Network accessline 208
<script> /* ── mono-tokens 内联（几何/工具函数与正本一致）── */ const NS='http://www.w3.org/2000/svg'; - Network accessline 209
/* ── mono-tokens 内联（几何/工具函数与正本一致）── */ const NS='http://www.w3.org/2000/svg'; const el=(p,t,a)=>{const n=document.createElementNS(NS,t);for(const k in a)n.setAttribute(k,a[k]);p.appendChild(n);return n}; - Network accessline 210
const NS='http://www.w3.org/2000/svg';
templates/reports/report-10.en.html
- Network accessline 5
<meta name="viewport" content="width=device-width,initial-scale=1" /> <title>Tokyo, Five Days — Lieflat Report Template · Palm Slow Journal</title> <link rel="preconnect" href="https://fonts.googleapis.com"> - Network accessline 6
<title>Tokyo, Five Days — Lieflat Report Template · Palm Slow Journal</title> <link rel="preconnect" href="https://fonts.googleapis.com"> <link href="https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@400;600;700;900&family=Inter:wgh - Network accessline 7
<link rel="preconnect" href="https://fonts.googleapis.com"> - Network accessline 8
<link href="https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@400;600;700;900&family=Inter:wght@400;500;600;700;800&display=swap" rel="stylesheet"> - Network accessline 267
<script> /* ── mono-tokens 内联（几何/工具函数与正本一致）── */ const NS='http://www.w3.org/2000/svg'; - Network accessline 268
/* ── mono-tokens 内联（几何/工具函数与正本一致）── */ const NS='http://www.w3.org/2000/svg'; const el=(p,t,a)=>{const n=document.createElementNS(NS,t);for(const k in a)n.setAttribute(k,a[k]);p.appendChild(n);return n}; - Network accessline 269
const NS='http://www.w3.org/2000/svg';
templates/reports/report-10.zh.html
- Network accessline 5
<meta name="viewport" content="width=device-width,initial-scale=1" /> <title>东京五日手记 — Lieflat 报告模板 · 椰林慢刊</title> <link rel="preconnect" href="https://fonts.googleapis.com"> - Network accessline 6
<title>东京五日手记 — Lieflat 报告模板 · 椰林慢刊</title> <link rel="preconnect" href="https://fonts.googleapis.com"> <link href="https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@400;600;700;900&family=Inter:wght@400;500;600;700;800&family=Noto+ - Network accessline 7
<link rel="preconnect" href="https://fonts.googleapis.com"> - Network accessline 8
<link href="https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@400;600;700;900&family=Inter:wght@400;500;600;700;800&family=Noto+Serif+SC:wght@400;600;700;900&family=Noto+Sans+SC:wght@400;500;700&display=swap" rel="stylesheet"> - Network accessline 260
<script> /* ── mono-tokens 内联（几何/工具函数与正本一致）── */ const NS='http://www.w3.org/2000/svg'; - Network accessline 261
/* ── mono-tokens 内联（几何/工具函数与正本一致）── */ const NS='http://www.w3.org/2000/svg'; const el=(p,t,a)=>{const n=document.createElementNS(NS,t);for(const k in a)n.setAttribute(k,a[k]);p.appendChild(n);return n}; - Network accessline 262
const NS='http://www.w3.org/2000/svg';
templates/reports/report-11.en.html
- Network accessline 4
<meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="icon" href="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Crect width='32' height='32' fill='% - Network accessline 5
<meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="icon" href="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Crect width='32' height='32' fill='%231C1C1A'/%3E%3Ccircle cx - Network accessline 6
<link rel="icon" href="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Crect width='32' height='32' fill='%231C1C1A'/%3E%3Ccircle cx='16' cy='16' r='6' fill='%23F0EFEB'/%3E%3C/svg%3E"> - Network accessline 7
<title>Research Brief Card — Lieflat Report Template · Mono Fixed Frame</title> <script src="https://cdn.jsdelivr.net/npm/chart.js@4"></script> <script src="https://cdn.jsdelivr.net/npm/echarts@6/dist/echarts.min.js"></script> - Network accessline 8
<script src="https://cdn.jsdelivr.net/npm/chart.js@4"></script> - Network accessline 9
<script src="https://cdn.jsdelivr.net/npm/echarts@6/dist/echarts.min.js"></script>
templates/reports/report-11.zh.html
- Network accessline 4
<meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="icon" href="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Crect width='32' height='32' fill='% - Network accessline 5
<meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="icon" href="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Crect width='32' height='32' fill='%231C1C1A'/%3E%3Ccircle cx - Network accessline 6
<link rel="icon" href="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Crect width='32' height='32' fill='%231C1C1A'/%3E%3Ccircle cx='16' cy='16' r='6' fill='%23F0EFEB'/%3E%3C/svg%3E"> - Network accessline 7
<title>Mono Research Brief · Lieflat Charts</title> <script src="https://cdn.jsdelivr.net/npm/chart.js@4"></script> <script src="https://cdn.jsdelivr.net/npm/echarts@6/dist/echarts.min.js"></script> - Network accessline 8
<script src="https://cdn.jsdelivr.net/npm/chart.js@4"></script> - Network accessline 9
<script src="https://cdn.jsdelivr.net/npm/echarts@6/dist/echarts.min.js"></script>
templates/reports/report-12.en.html
- Network accessline 5
<meta name="viewport" content="width=device-width,initial-scale=1" /> <title>Weekly Glance — Lieflat Report Template · Palm Three Second</title> <script src="https://cdn.jsdelivr.net/npm/chart.js@4"></script> - Network accessline 6
<title>Weekly Glance — Lieflat Report Template · Palm Three Second</title> <script src="https://cdn.jsdelivr.net/npm/chart.js@4"></script> <script src="https://cdn.jsdelivr.net/npm/echarts@6/dist/echarts.min.js"></script> - Network accessline 7
<script src="https://cdn.jsdelivr.net/npm/chart.js@4"></script> - Network accessline 8
<script src="https://cdn.jsdelivr.net/npm/echarts@6/dist/echarts.min.js"></script> - Network accessline 9
<link rel="preconnect" href="https://fonts.googleapis.com"> - Network accessline 10
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap" rel="stylesheet">
templates/reports/report-12.zh.html
- Network accessline 5
<meta name="viewport" content="width=device-width,initial-scale=1" /> <title>周报速览 — Lieflat 报告模板 · 椰林三秒</title> <script src="https://cdn.jsdelivr.net/npm/chart.js@4"></script> - Network accessline 6
<title>周报速览 — Lieflat 报告模板 · 椰林三秒</title> <script src="https://cdn.jsdelivr.net/npm/chart.js@4"></script> <script src="https://cdn.jsdelivr.net/npm/echarts@6/dist/echarts.min.js"></script> - Network accessline 7
<script src="https://cdn.jsdelivr.net/npm/chart.js@4"></script> - Network accessline 8
<script src="https://cdn.jsdelivr.net/npm/echarts@6/dist/echarts.min.js"></script> - Network accessline 9
<link rel="preconnect" href="https://fonts.googleapis.com"> - Network accessline 10
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Noto+Sans+SC:wght@400;500;700;900&display=swap" rel="stylesheet">
How the signals fit together
Facts from a static read of the files at the pinned commit. They describe what the code does, not why.
Some files could not be read; the facts below still hold.
Declared and executed: 2 facts
- Contacts www.w3.org, which SKILL.md, the README and the plugin manifest do not mentionmono-tokens.js:120High confidence
- Contacts www.w3.org, which SKILL.md, the README and the plugin manifest do not mentiontemplates/reports/index.html:7High confidence
Signal confidence: 27 facts
- Network access in prose of documentationREADME.en.md:81Low confidence
- Network access in code of documentationREADME.en.md:171Low confidence
- Network access in code of documentationREADME.en.md:177Low confidence
- Network access in prose of documentationREADME.md:81Low confidence
- Network access in code of documentationREADME.md:171Low confidence
- Network access in code of documentationREADME.md:177Low confidence
- Network access in code of the SKILL.mdSKILL.md:325High confidence
- Network access in code of the SKILL.mdSKILL.md:326High confidence
- Network access in code of the SKILL.mdSKILL.md:327High confidence
- Network access in code of the SKILL.mdSKILL.md:328High confidence
- Network access in code of the SKILL.mdSKILL.md:329High confidence
- Network access in code of the SKILL.mdSKILL.md:330High confidence
- Network access in prose of documentationTHIRD_PARTY_NOTICES.md:5Low confidence
- Network access in prose of documentationTHIRD_PARTY_NOTICES.md:6Low confidence
- Network access in prose of documentationTHIRD_PARTY_NOTICES.md:7Low confidence
- Network access in prose of documentationTHIRD_PARTY_NOTICES.md:8Low confidence
- Network access in prose of documentationTHIRD_PARTY_NOTICES.md:9Low confidence
- Executable script in a comment of a file that runscolor-presets.js:1Low confidence
- Executable script in a comment of a file that runsmono-tokens.js:1Low confidence
- Network access in code of a file that runsmono-tokens.js:39High confidence
- Network access in code of a file that runsmono-tokens.js:120High confidence
- Executable script in a comment of a file that runsscripts/smoke-new-charts.mjs:1Low confidence
- Executable script in code of a file that runsscripts/validate.mjs:1High confidence
- Executable script in code of a file that runstemplates/reports/index.html:1High confidence
- Network access in code of a file that runstemplates/reports/index.html:5High confidence
- Network access in code of a file that runstemplates/reports/index.html:6High confidence
- Network access in code of a file that runstemplates/reports/index.html:7High confidence
Works with
| Agent | Status | Evidence | Install to |
|---|---|---|---|
| Claude Code | Compatible | Standard SKILL.md SKILL.md | .claude/skills/<skill-name>/ |
| Codex | Compatible | Standard SKILL.md SKILL.md | .agents/skills/<skill-name>/ |
| Cursor | Compatible | Standard SKILL.md SKILL.md | .cursor/skills/<skill-name>/ |
| Gemini CLI | Compatible | Standard SKILL.md SKILL.md | .gemini/skills/<skill-name>/ |
| GitHub Copilot | Compatible | Standard SKILL.md SKILL.md | .github/skills/<skill-name>/ |
| OpenCode | Compatible | Standard SKILL.md SKILL.md | .opencode/skills/<skill-name>/ |
- Native The repository ships a manifest, folder or frontmatter field for this agent.
- Compatible A standard SKILL.md that this agent can read.
- Unknown No evidence either way.
Derived automatically from paths, manifests and frontmatter. Not tested on each agent.
Explore alternatives and comparisons
Add this badge to your README
It updates every night and links to this page.
[](https://hotskills.dev/skill/larashero3-dotcom-lieflat-charts/)