计算化学公社

 找回密码 Forget password
 注册 Register
Views: 633|回复 Reply: 10
打印 Print 上一主题 Last thread 下一主题 Next thread

[综合交流] 基于浏览器的可视化能垒图绘制工具

[复制链接 Copy URL]

55

帖子

1

威望

462

eV
积分
537

Level 4 (黑子)

跳转到指定楼层 Go to specific reply
楼主
本帖最后由 Kevin_Chen 于 2026-6-21 00:47 编辑

社长在在Origin中绘制能量折线图的方法 - 量子化学 (Quantum Chemistry) - 计算化学公社这篇帖子中详细讲述了Origin中的能垒图绘制方法,但是Origin是收费软件,对部分操作系统兼容性不佳,以及方法对多个电子态的能垒图(如涉及自旋交叉或自旋破缺等电子态不唯一的情况)的绘制较为复杂,为了解决以上两个痛点,开发了基于HTML的可视化能垒图绘制工具,现做简单介绍:

界面左侧的反应节点与分态数据可以添加反应步(即横向的不同位置),在一个反应步可以分态(即添加不同电子态),一个电子态可以有一个标签,一个标签对应一个颜色(比如U3一个颜色U5一个颜色),然后这些态之间可以连线,在手动连线控制窗口可以设定,有曲线/直线和实线/虚线共四个选项,颜色可以自动也可以自定(自动就是根据始态的bar的颜色),图例显示顺序与颜色管理顾名思义,管理不同电子态的颜色和图例顺序,最底下的是控制画布大小和横线长度,应该都是比较容易理解的参数。


右上角可以保存工程文件和读取之前保存的工程文件,以及导出SVG格式的矢量图,导出矢量图主要是因为方便大家通过Inkscape之类的矢量图编辑器微调一些细节,避免位图不方便修改的问题。

评分 Rate

参与人数
Participants 9
威望 +1 eV +33 收起 理由
Reason
盲臣师旷 + 4 好物!
Pokémon + 5 好物!
chenjinfeng850 + 5 GJ!
LittlePupil + 3 GJ!
sobereva + 1
SharkYYX2025 + 3 赞!
北大-陶豫 + 5 好物!
yaonaite + 5 好物!
zjxitcc + 3 GJ!

查看全部评分 View all ratings

55

帖子

1

威望

462

eV
积分
537

Level 4 (黑子)

2#
 楼主 Author| 发表于 Post on 2026-6-21 02:11:07 | 只看该作者 Only view this author
刚刚把功能完善了一下,把附件传上来

Energy_Plotter_release.html

37.06 KB, 下载次数 Times of downloads: 42

29

帖子

0

威望

899

eV
积分
928

Level 4 (黑子)

3#
发表于 Post on 2026-6-21 09:27:37 | 只看该作者 Only view this author
本帖最后由 yaonaite 于 2026-6-21 09:29 编辑

牛!

大佬能否考虑加入对轴的标题和刻度的文本格式修改选项?加粗、字号之类的

55

帖子

1

威望

462

eV
积分
537

Level 4 (黑子)

4#
 楼主 Author| 发表于 Post on 2026-6-21 14:10:02 | 只看该作者 Only view this author
yaonaite 发表于 2026-6-21 09:27
牛!

大佬能否考虑加入对轴的标题和刻度的文本格式修改选项?加粗、字号之类的

您说的有道理,我又往里加了一些功能

55

帖子

1

威望

462

eV
积分
537

Level 4 (黑子)

5#
 楼主 Author| 发表于 Post on 2026-6-21 14:10:53 | 只看该作者 Only view this author
本帖最后由 Kevin_Chen 于 2026-6-21 14:15 编辑

又加入了一些功能,现在对字体和字号有更详细的设置选项

Energy_Plotter_release2.html

54.44 KB, 下载次数 Times of downloads: 56

151

帖子

1

威望

4313

eV
积分
4484

Level 6 (一方通行)

6#
发表于 Post on 2026-6-22 12:32:03 | 只看该作者 Only view this author
像这种单个页面的,直接托管到你的 github 上去

一个文件传来传去的,违背了开发网页的初衷
十八介姑娘一蕾花呀,白白介牙齿、红红介嘴唇,得人惜

55

帖子

1

威望

462

eV
积分
537

Level 4 (黑子)

7#
 楼主 Author| 发表于 Post on 2026-6-22 15:58:17 | 只看该作者 Only view this author
王二葛 发表于 2026-6-22 12:32
像这种单个页面的,直接托管到你的 github 上去

一个文件传来传去的,违背了开发网页的初衷

用网页开发的主要想法是避免环境依赖,比如图形化库之类的,在这种情况下HTML的通用性应该是最强的

151

帖子

1

威望

4313

eV
积分
4484

Level 6 (一方通行)

8#
发表于 Post on 2026-6-25 20:53:23 | 只看该作者 Only view this author
Kevin_Chen 发表于 2026-6-22 15:58
用网页开发的主要想法是避免环境依赖,比如图形化库之类的,在这种情况下HTML的通用性应该是最强的

你并没有理解我在说什么啊,打开本地 HTML 和 Github Pages 有什么区别吗?

静态页面就应该直接托管。去问问 AI 我在说什么
十八介姑娘一蕾花呀,白白介牙齿、红红介嘴唇,得人惜

55

帖子

1

威望

462

eV
积分
537

Level 4 (黑子)

9#
 楼主 Author| 发表于 Post on 2026-6-26 17:49:28 | 只看该作者 Only view this author
王二葛 发表于 2026-6-25 20:53
你并没有理解我在说什么啊,打开本地 HTML 和 Github Pages 有什么区别吗?

静态页面就应该直接托管。 ...

哦哦您说的这个意思啊,这个我之后有机会的话去托管一下,其实我也不怎么用github,而且github连接在网络上可能有时候没那么稳定,所以html文件可能作为离线的工具对我个人而言更方便一些

860

帖子

15

威望

3866

eV
积分
5026

Level 6 (一方通行)

鸩羽

10#
发表于 Post on 2026-6-26 18:52:05 | 只看该作者 Only view this author
Kevin_Chen 发表于 2026-6-26 17:49
哦哦您说的这个意思啊,这个我之后有机会的话去托管一下,其实我也不怎么用github,而且github连接在网络 ...

github pages国内直连是没问题的,我的博客就在那上面
某不知名实验组从苞米地里长出来的计算选手

55

帖子

1

威望

462

eV
积分
537

Level 4 (黑子)

11#
 楼主 Author| 发表于 Post on 2026-6-27 14:29:38 | 只看该作者 Only view this author
wal 发表于 2026-6-26 18:52
github pages国内直连是没问题的,我的博客就在那上面

好的好的,我有空去托管一下

本版积分规则 Credits rule

手机版 Mobile version|北京科音自然科学研究中心 Beijing Kein Research Center for Natural Sciences|京公网安备 11010502035419号|计算化学公社 — 北京科音旗下高水平计算化学交流论坛 ( 京ICP备14038949号-1 )|网站地图

GMT+8, 2026-7-11 07:21 , Processed in 0.224203 second(s), 25 queries , Gzip On.

快速回复 返回顶部 返回列表 Return to list