JS分子结构编辑器：基于SMILES来绘制分子结构，类似于Marvin JS

最新推荐文章于 2025-01-21 11:00:04 发布
最新推荐文章于 2025-01-21 11:00:04 发布
阅读量1.6k 收藏 2
点赞数 1
分类专栏： # vue # Chemistry Development Kit # 开源 文章标签： javascript 编辑器 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_27575627/article/details/128198610
版权

如果想显示化学结构式, 是不是也有相应的Javascript库可用呢?
最近开源了一套VUE编写的化学分子编辑器、化学结构编辑器DEMO,集成了JSME，ketcher。支持在台式电脑以及iPhone、iPad和Android智能手机和平板电脑等手持设备上绘制和编辑分子和反应。
https://gitee.com/zccbbg/vue_molecule_editor
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

smilesDrawer:一个小型的高性能JavaScript组件，用于解析和绘制SMILES字符串。 根据MIT许可发布
05-02
微笑抽屉 当前版本：1.2.0（ ） 如果您使用此代码或应用程序，请引用《化学信息与建模杂志》上发表的原始论文： ###兼容性支持所有当前版本的主要浏览器，并且已在以下浏览器（版本）上测试了该应用程序： Chrome（68.0.3440.106） Firefox（61.0.1） 边缘（42.17134.167.0） Internet Explorer 11 Safari（10.1.2） SmilesDrawer也应该在所有这些浏览器的较旧版本上运行，如果您在较旧的浏览器上遇到任何问题，请打开一个问题，它将进行测试。 例子 使用光主题的例子可以发现，而另一个则是使用黑暗的主题，可以发现。 SmilesDrawer的颜色是完全可配置的。 显示来自不同数据库的分子的示例： 实验室 在这里可以找到一个非常简单的JSFiddle示例。 此示例显示SmilesDrawer.app
MolPaintJS:纯HTML5 JavaScript分子编辑器查看器
04-30
MolPaintJS 简单HTML5分子编辑器和查看器插件 笔记 该软件远非功能完善，而是培养了标准的免费解释和特有的编码风格。 这没什么值得骄傲的-请宽容。 我们愿意改善。 MolPaintJS最初是在 Bioactives 项目内启动的。 在上测试 。 安装/使用 原则上，仅需要JavaScript文件molpaint.js 。 您可以从最新版本的MolPaintJS获得它。 该脚本将创建自己的命名空间molPaintJS 。 最好将脚本加载到页面标题中。 < script type =" text/javascript " src =" PLUGIN_DIR/js/molpaint.js " > </ script > 对于每个编辑者或查看者，您都需要包括以下代码段。 您的页面上可能有多个实例。 <!-- only if you want debugging <div
Vue中MarvinJS(化学结构式)
weixin_50368372的博客
12-16 1947
MarvinJs 不再入坑
Ketcher 开源项目常见问题解决方案
gitblog_00691的博客
01-21 327
Ketcher 开源项目常见问题解决方案 ketcher Web-based molecule sketcher 项目地址: https://gitcode.com/gh_mirrors/ke/ketcher ...
JME Molecular Editor结构式在线编辑器
07-21
JME Molecular Editor结构式在线编辑器
jsme-editor.github.io
05-11
JSME分子编辑器 JSME是使用JavaScript编写的免费分子编辑器。 JSME是JME Molecule Editor applet的直接继承者。 JSME支持在台式计算机以及iPhone，iPad和Android智能手机和平板电脑等手持设备上绘制和编辑分子及其React。 安装 npm install jsme-editor 主页 例子 JSME + Webpack（静态资产） React组件中的JSME，可在React应用中轻松使用 出版物 执照
chem.js:分子建模JavaScript框架
05-14
Chem.js Chem.js是一个简单的化学模型，可以在javascript化学项目中使用。 该库最初是用ES6编写的，并已被编译为ES5。 它涵盖了以下模型： 原子 键 分子 元素 在Node.js中使用 为了在使用npm安装后在Node项目中使用此库，它将与commonjs模块定义一起反编译。 如果您希望克隆此存储库，则应在克隆后运行grunt build:commmon 。 适用于Node.js的Openbabel 对于node.js项目，我们建议使用而不是Chem.js。 您可以在前端使用Chem.js通过mol-json格式在它们之间建立连接。
原始html和vue中使用3dmol js展示分子模型，pdb文件
喂、你别跑啊~
11-10 1861
原始html和vue中使用3dmol js展示分子模型，pdb文件
药物分子生成新范式：基于Transformer的TransORGAN模型在ZINC数据集上的实验验证.pdf
最新发布
02-21
通过这种机制，Transformer能够学习到药物分子表示，如SMILES字符串中复杂的模式和规律，并生成结构合理的药物分子。 基于Transformer的TransORGAN模型，正是在这样的背景下被提出来解决药物分子生成的挑战。...
smiles-3d-vue:Vue.js中的SMILES（简化的分子输入线输入系统）文件3D渲染应用程序
05-15
适用于SMILES（简化的分子输入行输入系统）文件的3D渲染应用程序 用于教育和示范目的。 应用程序接受，使用方法将SMILES字符串从文件转换为具有坐标的，应用程序利用库（）显示3D复合模型。 在开发过程中，我发现...
基于smiles的神经网络预测分子性质.
09-14
展示通过神经网络用分子的特性来预测分子性质，主要内容就是介绍神经网络的原理，以及搭建神经网络的步骤和关于smiles分子式的处理。
分子结构图展示库3Dmol.js.zip
07-19
3Dmol.js 是一个面向对象的基于 WebGL 的 JavaScript 库，用于实现在浏览器展示分子结构图。特性：support for pdb, sdf, mol2, xyz, and cube formatsparallelized molecular surface computationsphere, stick, line, cross, cartoon, and surface stylesatom property based selection and stylinglabelsclickable interactivity with molecular datageometric shapes including spheres and arrows 标签：3Dmol
marvin-demo:一个简单的marvin-js测试套件
05-08
Maven·德莫 一个简单的marvin-js测试套件
HTML5化学分子式结构图动画特效代码
03-20
HTML5化学分子式结构图动画基于jquery.1.10.2.min.js和HTML5 canvas制作，化学分子式结构图漂浮动画。
ketcher：基于Web的分子素描器
02-18
凯彻 版权所有（c）2020 Ketcher是一个基于Web的开放源代码化学结构编辑器，具有高性能，良好的可移植性，轻巧的功能以及易于集成到自定义Web应用程序中的能力。 Ketcher专为绘制结构和React的化学家，实验室科学家和技术人员而设计。 主要特点 满足常见化学制图标准的快速2D结构表示 3D结构可视化 使用主要工具绘制和编辑结构：Atom工具，Bond工具和模板工具 模板库（包括自定义模板和用户模板） 添加原子和键基本属性和查询功能，添加别名和通用组 使用选择工具或使用Shift键选择，修改和擦除已连接和未连接的原子和键 简单结构清理工具（检查原子的键长，角度和空间排列）和高级结构清理工具（+立体化学检查和结构布局） 芳香化/去芳香化工具 计算CIP描述符工具 结构检查工具 分子量和结构参数计算工具 在编辑，加载和保存化学结构期间提供立体化学支持 存储动作历史记录，
jsketcher:用纯JavaScript编写的参数化2D和3D建模器
04-28
斯科特 JS.Sketcher是使用纯JavaScript编写的参数化2D和3D CAD建模器 当前状态 我创建了此工具，用于为我的3D打印机快速设计3d模型。 该项目仍然是概念验证（POC），UI尚不完善。 尽管已完成许多工作并实现了以下核心组件： 几何约束求解器。 这是最关键的组件，它允许解决应用于草图的几何约束系统。 请参阅下面的受支持约束列表 2D草绘器。 允许设计应用几何约束的二维草图。 使用HTML5画布进行渲染。 3D建模器。 用于实体建模。 使用2D草图在实体对象的表面上执行EXTRUDE和CUT操作。 使用WebGL和THREE.js进行渲染 3D建模器支持在修改历史上导航，其中Craft.io操作（拉伸/切割）的参数可以更改并再次应用 导出为STL ， DWG和SVG格式 将项目保存在浏览器语言环境存储中 维度存储库。 例如，如果应用了行长度约束，则无需对某些长度值
coulomb-matrix:从SMILES中格式化的分子生成库仑矩阵的工具
05-12
这个工具专门针对从SMILES（Simplified Molecular Input Line Entry System）字符串转换为库仑矩阵，SMILES是一种简洁的文本编码方式，可以描述化学分子的结构。 首先，让我们详细了解一下库仑矩阵。库仑矩阵是通过...
MATLAB绘制分子结构 源程序代码.zip
09-07
源码的实现通常基于分子的结构数据，如简化的分子力场（SMILES）字符串或分子坐标文件（如PDB格式）。代码可能包括读取这些文件，解析原子类型、坐标信息，并通过MATLAB的图形用户界面（GUI）或脚本函数构建分子模型...
【Three.js 分子/晶体结构解析教程】
chenyong_1997的博客
07-07 795
Three.js仿jsmol解析结构文件
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

程序员诚哥

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值