{"id":15023307,"url":"https://github.com/arpitnarechania/d3-molecule","last_synced_at":"2025-10-27T12:32:03.459Z","repository":{"id":74300702,"uuid":"85479249","full_name":"arpitnarechania/d3-molecule","owner":"arpitnarechania","description":"D3 based interactive visualization library + tool to make render atoms and molecules learning chemical bonding in a fun way.","archived":false,"fork":false,"pushed_at":"2018-03-01T22:47:13.000Z","size":1169,"stargazers_count":43,"open_issues_count":1,"forks_count":16,"subscribers_count":5,"default_branch":"master","last_synced_at":"2025-02-01T05:31:59.601Z","etag":null,"topics":["atoms-in-molecules","chemical-bonding","chemoinformatics","d3","interactive-visualizations","javascript","molecules","open-source"],"latest_commit_sha":null,"homepage":"https://arpitnarechania.github.io/d3-molecule/","language":"HTML","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/arpitnarechania.png","metadata":{"files":{"readme":"README.html","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2017-03-19T13:46:33.000Z","updated_at":"2024-09-01T00:59:47.000Z","dependencies_parsed_at":null,"dependency_job_id":"4e433726-566d-41d9-b5f6-f10e54fee21b","html_url":"https://github.com/arpitnarechania/d3-molecule","commit_stats":{"total_commits":37,"total_committers":2,"mean_commits":18.5,"dds":"0.027027027027026973","last_synced_commit":"e3e822e02f31e99f3fd80ae13ee9ddf549450567"},"previous_names":[],"tags_count":5,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/arpitnarechania%2Fd3-molecule","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/arpitnarechania%2Fd3-molecule/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/arpitnarechania%2Fd3-molecule/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/arpitnarechania%2Fd3-molecule/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/arpitnarechania","download_url":"https://codeload.github.com/arpitnarechania/d3-molecule/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":238497546,"owners_count":19482272,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["atoms-in-molecules","chemical-bonding","chemoinformatics","d3","interactive-visualizations","javascript","molecules","open-source"],"created_at":"2024-09-24T19:58:55.969Z","updated_at":"2025-10-27T12:32:02.772Z","avatar_url":"https://github.com/arpitnarechania.png","language":"HTML","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003chtml lang = \"en\"\u003e\n\u003chead\u003e\n  \u003cmeta charset=\"utf-8\"\u003e\n  \u003clink crossorigin=\"anonymous\" href=\"https://assets-cdn.github.com/assets/frameworks-521cbf980c80.css\" integrity=\"sha512-Uhy/mAyAx1HfsenmjQ85ASpOk5bjt2Ay03pNeixXIvkHlEm5S+N4u0HWfDGhvsGYx4bGyviXWGGPZeIffqYcNA==\" media=\"all\" rel=\"stylesheet\"\u003e\n  \u003clink crossorigin=\"anonymous\" href=\"https://assets-cdn.github.com/assets/github-be0481bef7d9.css\" integrity=\"sha512-vgSBvvfZP2Kl3LF7M/gHnUD7GKfHl7aTSB55Cjr6xHkxaP/InJ41AXLEEy+6mArnvt2HJPmZYqGoIRqAZg352Q==\" media=\"all\" rel=\"stylesheet\"\u003e\n  \u003cmeta name=\"viewport\" content=\"width=device-width\"\u003e\n\n  \u003c/head\u003e\n\n\u003cbody\u003e\n\u003cdiv id=\"readme\" class=\"readme blob instapaper_body\"\u003e\n\u003carticle class=\"markdown-body entry-content\" itemprop=\"text\"\u003e\u003ch2\u003e\u003ca href=\"#project-title-d3-molecule\" aria-hidden=\"true\" class=\"anchor\" id=\"user-content-project-title-d3-molecule\"\u003e\u003csvg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"\u003e\u003cpath fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\u003e\u003c/path\u003e\u003c/svg\u003e\u003c/a\u003eProject Title: d3-molecule\u003c/h2\u003e\n\u003cp\u003e\u003cstrong\u003ed3-molecule\u003c/strong\u003e is an open-source library for learning Chemical Bonding in an interactive way.\u003c/p\u003e\n\u003ch2\u003e\u003ca href=\"#\" aria-hidden=\"true\" class=\"anchor\" id=\"\"\u003e\u003csvg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"\u003e\u003cpath fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\u003e\u003c/path\u003e\u003c/svg\u003e\u003c/a\u003e\u003ca href=\"https://github.com/wangyingxie/wangyingxie.github.io/blob/master/screenshot2.png\" target=\"_blank\"\u003e\u003cimg src=\"https://github.com/wangyingxie/wangyingxie.github.io/raw/master/screenshot2.png\" alt=\"Screenshot\" style=\"max-width:100%;\"\u003e\u003c/a\u003e\u003c/h2\u003e\n\u003ch2\u003e\u003ca href=\"#version-history\" aria-hidden=\"true\" class=\"anchor\" id=\"user-content-version-history\"\u003e\u003csvg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"\u003e\u003cpath fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\u003e\u003c/path\u003e\u003c/svg\u003e\u003c/a\u003eVersion History\u003c/h2\u003e\n\u003ctable\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003eVersion\u003c/th\u003e\n\u003cth\u003eDate\u003c/th\u003e\n\u003cth\u003eBrief Description\u003c/th\u003e\n\u003cth\u003eAuthor(s)\u003c/th\u003e\n\u003c/tr\u003e\n\u003c/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003ccode\u003ev1.0.0\u003c/code\u003e\u003c/td\u003e\n\u003ctd\u003e2017/03/01\u003c/td\u003e\n\u003ctd\u003eInitial creation\u003c/td\u003e\n\u003ctd\u003e\u003ca href=\"mailto:arpitnarechania@gmail.com\"\u003earpitnarechania@gmail.com\u003c/a\u003e\u003c/td\u003e\n\u003c/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003ccode\u003ev1.0.3\u003c/code\u003e\u003c/td\u003e\n\u003ctd\u003e2017/03/01\u003c/td\u003e\n\u003ctd\u003eUpdate Readme\u003c/td\u003e\n\u003ctd\u003e\u003ca href=\"mailto:arpitnarechania@gmail.com\"\u003earpitnarechania@gmail.com\u003c/a\u003e\u003c/td\u003e\n\u003c/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003ccode\u003ev1.1.1\u003c/code\u003e\u003c/td\u003e\n\u003ctd\u003e2017/12/31\u003c/td\u003e\n\u003ctd\u003eUpdate Readme\u003c/td\u003e\n\u003ctd\u003e\u003ca href=\"mailto:arpitnarechania@gmail.com\"\u003earpitnarechania@gmail.com\u003c/a\u003e\u003c/td\u003e\n\u003c/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003ccode\u003ev2.0.0\u003c/code\u003e\u003c/td\u003e\n\u003ctd\u003e2018/02/07\u003c/td\u003e\n\u003ctd\u003eVisualize organic chemical structures based on IUPAC conventions\u003c/td\u003e\n\u003ctd\u003e\u003ca href=\"mailto:wying102@vt.edu\"\u003ewying102@vt.edu;\u003c/a\u003e      \u003ca href=\"mailto:shivramp@hotmail.com\"\u003eshivramp@hotmail.com\u003c/a\u003e\u003c/td\u003e\n\u003c/tr\u003e\u003c/tbody\u003e\u003c/table\u003e\n\u003ch2\u003e\u003ca href=\"#usage-and-features\" aria-hidden=\"true\" class=\"anchor\" id=\"user-content-usage-and-features\"\u003e\u003csvg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"\u003e\u003cpath fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\u003e\u003c/path\u003e\u003c/svg\u003e\u003c/a\u003eUsage and Features\u003c/h2\u003e\n\u003cul\u003e\n\u003cli\u003eClicking the atom selects it\u003c/li\u003e\n\u003cli\u003eClicking on 2 atoms, joins them by a bond\u003c/li\u003e\n\u003cli\u003eClicking on a bond, toggles the bond type\u003c/li\u003e\n\u003cli\u003eClicking on a view port, locks and unlocks it from movement\u003c/li\u003e\n\u003cli\u003eDouble clicking a bond, removes it\u003c/li\u003e\n\u003cli\u003eDouble clicking an atom, removes it and its bonds\u003c/li\u003e\n\u003cli\u003eLock/ Unlock atoms to their position if needed.\u003c/li\u003e\n\u003cli\u003eHide/ Show atoms if needed.\u003c/li\u003e\n\u003cli\u003eDrag and Resizing of molemethaneculecule container\u003c/li\u003e\n\u003cli\u003eOption to Export molecule as a PNG image\u003c/li\u003e\n\u003cli\u003eConfigurable forces, constants of force directed graph for the molecule\u003c/li\u003e\n\u003cli\u003eConfigurable style parameters for canvas, atoms, bonds\u003c/li\u003e\n\u003cli\u003eVisualize organic chemical structures based on IUPAC conventions.\u003c/li\u003e\n\u003c/ul\u003e\n\u003ch2\u003e\u003ca href=\"#features-wip\" aria-hidden=\"true\" class=\"anchor\" id=\"user-content-features-wip\"\u003e\u003csvg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"\u003e\u003cpath fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\u003e\u003c/path\u003e\u003c/svg\u003e\u003c/a\u003eFeatures WIP\u003c/h2\u003e\n\u003cul\u003e\n\u003cli\u003eMolecule Reaction components\u003c/li\u003e\n\u003cli\u003eLoading examples directly from standard notations like SMILE\u003c/li\u003e\n\u003cli\u003e3-D support\u003c/li\u003e\n\u003c/ul\u003e\n\u003cp\u003eCheck out an example here. \u003ca href=\"https://arpitnarechania.github.io/d3-molecule/\" rel=\"nofollow\"\u003eDemo\u003c/a\u003e\u003c/p\u003e\n\u003ch2\u003e\u003ca href=\"#installation\" aria-hidden=\"true\" class=\"anchor\" id=\"user-content-installation\"\u003e\u003csvg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"\u003e\u003cpath fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\u003e\u003c/path\u003e\u003c/svg\u003e\u003c/a\u003eInstallation\u003c/h2\u003e\n\u003cp\u003eDownload d3-molecule using npm.\u003c/p\u003e\n\u003cpre\u003e\u003ccode\u003enpm install d3-molecule --save-dev\ncd d3-molecule\nnpm install\n\u003c/code\u003e\u003c/pre\u003e\n\u003cp\u003eTo use this library then, simply include d3.js, jquery, Molecule.js and Molecule.css:\u003c/p\u003e\n\u003cdiv class=\"highlight highlight-text-html-basic\"\u003e\u003cpre\u003e\u0026lt;\u003cspan class=\"pl-ent\"\u003escript\u003c/span\u003e \u003cspan class=\"pl-e\"\u003esrc\u003c/span\u003e=\u003cspan class=\"pl-s\"\u003e\u003cspan class=\"pl-pds\"\u003e\"\u003c/span\u003e/path/to/jquery.min.js\u003cspan class=\"pl-pds\"\u003e\"\u003c/span\u003e\u003c/span\u003e\u0026gt;\u0026lt;/\u003cspan class=\"pl-ent\"\u003escript\u003c/span\u003e\u0026gt;\n\u0026lt;\u003cspan class=\"pl-ent\"\u003escript\u003c/span\u003e \u003cspan class=\"pl-e\"\u003esrc\u003c/span\u003e=\u003cspan class=\"pl-s\"\u003e\u003cspan class=\"pl-pds\"\u003e\"\u003c/span\u003e/path/to/d3.min.js\u003cspan class=\"pl-pds\"\u003e\"\u003c/span\u003e\u003c/span\u003e\u0026gt;\u0026lt;/\u003cspan class=\"pl-ent\"\u003escript\u003c/span\u003e\u0026gt;\n\u0026lt;\u003cspan class=\"pl-ent\"\u003elink\u003c/span\u003e \u003cspan class=\"pl-e\"\u003ehref\u003c/span\u003e=\u003cspan class=\"pl-s\"\u003e\u003cspan class=\"pl-pds\"\u003e\"\u003c/span\u003e/path/to/dist/css/Molecule.css\u003cspan class=\"pl-pds\"\u003e\"\u003c/span\u003e\u003c/span\u003e\u0026gt;\n\u0026lt;\u003cspan class=\"pl-ent\"\u003escript\u003c/span\u003e \u003cspan class=\"pl-e\"\u003esrc\u003c/span\u003e=\u003cspan class=\"pl-s\"\u003e\u003cspan class=\"pl-pds\"\u003e\"\u003c/span\u003e/path/to/dist/js/Molecule.js\u003cspan class=\"pl-pds\"\u003e\"\u003c/span\u003e\u003c/span\u003e\u0026gt;\u0026lt;/\u003cspan class=\"pl-ent\"\u003escript\u003c/span\u003e\u0026gt;\u003c/pre\u003e\u003c/div\u003e\n\u003ch2\u003e\u003ca href=\"#basic-usage\" aria-hidden=\"true\" class=\"anchor\" id=\"user-content-basic-usage\"\u003e\u003csvg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"\u003e\u003cpath fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\u003e\u003c/path\u003e\u003c/svg\u003e\u003c/a\u003eBasic Usage\u003c/h2\u003e\n\u003cp\u003eTo use this library, you must create a container element and instantiate a new Molecule:\u003c/p\u003e\n\u003cdiv class=\"highlight highlight-text-html-basic\"\u003e\u003cpre\u003e\u0026lt;\u003cspan class=\"pl-ent\"\u003ediv\u003c/span\u003e \u003cspan class=\"pl-e\"\u003eid\u003c/span\u003e=\u003cspan class=\"pl-s\"\u003e\u003cspan class=\"pl-pds\"\u003e\"\u003c/span\u003econtainer\u003cspan class=\"pl-pds\"\u003e\"\u003c/span\u003e\u003c/span\u003e\u0026gt;\u0026lt;/\u003cspan class=\"pl-ent\"\u003ediv\u003c/span\u003e\u0026gt;\u003c/pre\u003e\u003c/div\u003e\n\u003cp\u003eData\u003c/p\u003e\n\u003cpre\u003e\u003ccode\u003evar data = {\n    \"nodes\": [\n      {\n        \"id\": 0,\n        \"atom\": \"Mg\",\n        \"charge\":\"\"\n        \"size\": 24\n      },\n      {\n        \"id\": 1,\n        \"atom\": \"Cl\",\n        \"charge\":\"\"\n        \"size\": 35\n      },\n      {\n        \"id\": 2,\n        \"atom\": \"Cl\",\n        \"charge\":\"\"\n        \"size\": 35\n      }\n    ],\n    \"links\": [\n      {\n        \"source\": 0,\n        \"target\": 1,\n        \"bond\": 1\n      },\n      {\n        \"source\": 0,\n        \"target\": 2,\n        \"bond\": 1\n      }\n    ]\n  }\n\u003c/code\u003e\u003c/pre\u003e\n\u003cp\u003eSetting chart parameters\u003c/p\u003e\n\u003cdiv class=\"highlight highlight-source-js\"\u003e\u003cpre\u003e    \u003cspan class=\"pl-k\"\u003evar\u003c/span\u003e options \u003cspan class=\"pl-k\"\u003e=\u003c/span\u003e {\n        domElement\u003cspan class=\"pl-k\"\u003e:\u003c/span\u003e \u003cspan class=\"pl-s\"\u003e\u003cspan class=\"pl-pds\"\u003e\"\u003c/span\u003e#container\u003cspan class=\"pl-pds\"\u003e\"\u003c/span\u003e\u003c/span\u003e,\n        uniqueId\u003cspan class=\"pl-k\"\u003e:\u003c/span\u003e \u003cspan class=\"pl-c1\"\u003e1\u003c/span\u003e,\n        width\u003cspan class=\"pl-k\"\u003e:\u003c/span\u003e \u003cspan class=\"pl-c1\"\u003e500\u003c/span\u003e, \n        height\u003cspan class=\"pl-k\"\u003e:\u003c/span\u003e \u003cspan class=\"pl-c1\"\u003e500\u003c/span\u003e,\n        borderThickness\u003cspan class=\"pl-k\"\u003e:\u003c/span\u003e \u003cspan class=\"pl-c1\"\u003e1\u003c/span\u003e,\n        borderColor\u003cspan class=\"pl-k\"\u003e:\u003c/span\u003e \u003cspan class=\"pl-s\"\u003e\u003cspan class=\"pl-pds\"\u003e\"\u003c/span\u003e#ffffff\u003cspan class=\"pl-pds\"\u003e\"\u003c/span\u003e\u003c/span\u003e,\n        background\u003cspan class=\"pl-k\"\u003e:\u003c/span\u003e \u003cspan class=\"pl-s\"\u003e\u003cspan class=\"pl-pds\"\u003e\"\u003c/span\u003e#ffffff\u003cspan class=\"pl-pds\"\u003e\"\u003c/span\u003e\u003c/span\u003e,\n        charge\u003cspan class=\"pl-k\"\u003e:\u003c/span\u003e \u003cspan class=\"pl-k\"\u003e-\u003c/span\u003e\u003cspan class=\"pl-c1\"\u003e1000\u003c/span\u003e,\n        friction\u003cspan class=\"pl-k\"\u003e:\u003c/span\u003e \u003cspan class=\"pl-c1\"\u003e0.9\u003c/span\u003e,\n        alpha\u003cspan class=\"pl-k\"\u003e:\u003c/span\u003e \u003cspan class=\"pl-c1\"\u003e0.1\u003c/span\u003e,\n        theta\u003cspan class=\"pl-k\"\u003e:\u003c/span\u003e \u003cspan class=\"pl-c1\"\u003e0.8\u003c/span\u003e,\n        linkStrength\u003cspan class=\"pl-k\"\u003e:\u003c/span\u003e \u003cspan class=\"pl-c1\"\u003e1\u003c/span\u003e,\n        gravity\u003cspan class=\"pl-k\"\u003e:\u003c/span\u003e \u003cspan class=\"pl-c1\"\u003e0.1\u003c/span\u003e,\n        maxAtomRadius\u003cspan class=\"pl-k\"\u003e:\u003c/span\u003e \u003cspan class=\"pl-c1\"\u003e6\u003c/span\u003e,\n        colorScheme\u003cspan class=\"pl-k\"\u003e:\u003c/span\u003e[\u003cspan class=\"pl-s\"\u003e\u003cspan class=\"pl-pds\"\u003e\"\u003c/span\u003e#2AA9CC\u003cspan class=\"pl-pds\"\u003e\"\u003c/span\u003e\u003c/span\u003e, \u003cspan class=\"pl-s\"\u003e\u003cspan class=\"pl-pds\"\u003e\"\u003c/span\u003e#FCF78A\u003cspan class=\"pl-pds\"\u003e\"\u003c/span\u003e\u003c/span\u003e],\n        bondThickness\u003cspan class=\"pl-k\"\u003e:\u003c/span\u003e \u003cspan class=\"pl-c1\"\u003e2\u003c/span\u003e,\n        bondColor\u003cspan class=\"pl-k\"\u003e:\u003c/span\u003e \u003cspan class=\"pl-s\"\u003e\u003cspan class=\"pl-pds\"\u003e\"\u003c/span\u003e#000000\u003cspan class=\"pl-pds\"\u003e\"\u003c/span\u003e\u003c/span\u003e,\n        atomBorderThickness\u003cspan class=\"pl-k\"\u003e:\u003c/span\u003e \u003cspan class=\"pl-c1\"\u003e2\u003c/span\u003e,\n        atomBorderColor\u003cspan class=\"pl-k\"\u003e:\u003c/span\u003e \u003cspan class=\"pl-s\"\u003e\u003cspan class=\"pl-pds\"\u003e\"\u003c/span\u003e#000000\u003cspan class=\"pl-pds\"\u003e\"\u003c/span\u003e\u003c/span\u003e,\n        atomTextColor\u003cspan class=\"pl-k\"\u003e:\u003c/span\u003e \u003cspan class=\"pl-s\"\u003e\u003cspan class=\"pl-pds\"\u003e\"\u003c/span\u003e#000000\u003cspan class=\"pl-pds\"\u003e\"\u003c/span\u003e\u003c/span\u003e,\n        atomSizeBasis\u003cspan class=\"pl-k\"\u003e:\u003c/span\u003e \u003cspan class=\"pl-s\"\u003e\u003cspan class=\"pl-pds\"\u003e\"\u003c/span\u003eAtomic Radius\u003cspan class=\"pl-pds\"\u003e\"\u003c/span\u003e\u003c/span\u003e,\n        boundingBox\u003cspan class=\"pl-k\"\u003e:\u003c/span\u003e \u003cspan class=\"pl-c1\"\u003etrue\u003c/span\u003e,\n        borderRadiusX\u003cspan class=\"pl-k\"\u003e:\u003c/span\u003e \u003cspan class=\"pl-c1\"\u003e5\u003c/span\u003e,\n        borderRadiusY\u003cspan class=\"pl-k\"\u003e:\u003c/span\u003e \u003cspan class=\"pl-c1\"\u003e5\u003c/span\u003e,\n        detailedTooltips\u003cspan class=\"pl-k\"\u003e:\u003c/span\u003e \u003cspan class=\"pl-c1\"\u003etrue\u003c/span\u003e\n    };\n\n    \u003cspan class=\"pl-k\"\u003evar\u003c/span\u003e molecule \u003cspan class=\"pl-k\"\u003e=\u003c/span\u003e \u003cspan class=\"pl-k\"\u003enew\u003c/span\u003e \u003cspan class=\"pl-en\"\u003eMolecule\u003c/span\u003e(data,options);\n    \u003cspan class=\"pl-smi\"\u003emolecule\u003c/span\u003e.\u003cspan class=\"pl-en\"\u003erender\u003c/span\u003e();\n\u003c/pre\u003e\u003c/div\u003e\n\u003ch2\u003e\u003ca href=\"#options\" aria-hidden=\"true\" class=\"anchor\" id=\"user-content-options\"\u003e\u003csvg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"\u003e\u003cpath fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\u003e\u003c/path\u003e\u003c/svg\u003e\u003c/a\u003eOptions\u003c/h2\u003e\n\u003ctable\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003eOption\u003c/th\u003e\n\u003cth\u003eDescription\u003c/th\u003e\n\u003cth\u003eType\u003c/th\u003e\n\u003cth\u003eExample\u003c/th\u003e\n\u003c/tr\u003e\n\u003c/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003ccode\u003edomElement\u003c/code\u003e\u003c/td\u003e\n\u003ctd\u003eThe DOM element to append the molecule to\u003c/td\u003e\n\u003ctd\u003estring\u003c/td\u003e\n\u003ctd\u003e\u003ccode\u003e'#container'\u003c/code\u003e\u003c/td\u003e\n\u003c/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003ccode\u003euniqueId\u003c/code\u003e\u003c/td\u003e\n\u003ctd\u003eA Unique ID in case multiple molecules are added (as in the demo)\u003c/td\u003e\n\u003ctd\u003enumber\u003c/td\u003e\n\u003ctd\u003e\u003ccode\u003e1\u003c/code\u003e\u003c/td\u003e\n\u003c/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003ccode\u003ewidth\u003c/code\u003e\u003c/td\u003e\n\u003ctd\u003eWidth of the svg container\u003c/td\u003e\n\u003ctd\u003enumber\u003c/td\u003e\n\u003ctd\u003e\u003ccode\u003e500\u003c/code\u003e\u003c/td\u003e\n\u003c/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003ccode\u003eheight\u003c/code\u003e\u003c/td\u003e\n\u003ctd\u003eHeight of the svg container\u003c/td\u003e\n\u003ctd\u003enumber\u003c/td\u003e\n\u003ctd\u003e\u003ccode\u003e500\u003c/code\u003e\u003c/td\u003e\n\u003c/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003ccode\u003eborderThickness\u003c/code\u003e\u003c/td\u003e\n\u003ctd\u003eThickness of the border of the svg container\u003c/td\u003e\n\u003ctd\u003enumber\u003c/td\u003e\n\u003ctd\u003e\u003ccode\u003e1\u003c/code\u003e\u003c/td\u003e\n\u003c/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003ccode\u003eborderColor\u003c/code\u003e\u003c/td\u003e\n\u003ctd\u003eColor of the border of the svg container\u003c/td\u003e\n\u003ctd\u003estring\u003c/td\u003e\n\u003ctd\u003e\u003ccode\u003e'#000000'\u003c/code\u003e\u003c/td\u003e\n\u003c/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003ccode\u003ebackground\u003c/code\u003e\u003c/td\u003e\n\u003ctd\u003eBackground color of the svg container\u003c/td\u003e\n\u003ctd\u003estring\u003c/td\u003e\n\u003ctd\u003e\u003ccode\u003e'#FFFFFF'\u003c/code\u003e\u003c/td\u003e\n\u003c/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003ccode\u003echarge\u003c/code\u003e\u003c/td\u003e\n\u003ctd\u003eThe Repulsion/ Attraction force between atoms\u003c/td\u003e\n\u003ctd\u003enumber\u003c/td\u003e\n\u003ctd\u003e\u003ccode\u003e-1000\u003c/code\u003e\u003c/td\u003e\n\u003c/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003ccode\u003efriction\u003c/code\u003e\u003c/td\u003e\n\u003ctd\u003eThe friction parameter of a force directed graph\u003c/td\u003e\n\u003ctd\u003enumber\u003c/td\u003e\n\u003ctd\u003e\u003ccode\u003e0.9\u003c/code\u003e\u003c/td\u003e\n\u003c/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003ccode\u003ealpha\u003c/code\u003e\u003c/td\u003e\n\u003ctd\u003eThe alpha parameter of a force directed graph\u003c/td\u003e\n\u003ctd\u003enumber\u003c/td\u003e\n\u003ctd\u003e\u003ccode\u003e0.1\u003c/code\u003e\u003c/td\u003e\n\u003c/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003ccode\u003etheta\u003c/code\u003e\u003c/td\u003e\n\u003ctd\u003eThe theta parameter of a force directed graph\u003c/td\u003e\n\u003ctd\u003enumber\u003c/td\u003e\n\u003ctd\u003e\u003ccode\u003e0.8\u003c/code\u003e\u003c/td\u003e\n\u003c/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003ccode\u003elinkStrength\u003c/code\u003e\u003c/td\u003e\n\u003ctd\u003eThe linkStrength parameter of a force directed graph\u003c/td\u003e\n\u003ctd\u003enumber\u003c/td\u003e\n\u003ctd\u003e\u003ccode\u003e1\u003c/code\u003e\u003c/td\u003e\n\u003c/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003ccode\u003egravity\u003c/code\u003e\u003c/td\u003e\n\u003ctd\u003eThe gravity parameter of a force directed graph\u003c/td\u003e\n\u003ctd\u003enumber\u003c/td\u003e\n\u003ctd\u003e\u003ccode\u003e0.1\u003c/code\u003e\u003c/td\u003e\n\u003c/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003ccode\u003emaxAtomRadius\u003c/code\u003e\u003c/td\u003e\n\u003ctd\u003eRadius of the biggest atom in the molecule\u003c/td\u003e\n\u003ctd\u003enumber\u003c/td\u003e\n\u003ctd\u003e\u003ccode\u003e6\u003c/code\u003e\u003c/td\u003e\n\u003c/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003ccode\u003ecolorScheme\u003c/code\u003e\u003c/td\u003e\n\u003ctd\u003eColor scheme of the atoms\u003c/td\u003e\n\u003ctd\u003elist\u003c/td\u003e\n\u003ctd\u003e\u003ccode\u003e[\"#2AA9CC\", \"#FCF78A\"]\u003c/code\u003e\u003c/td\u003e\n\u003c/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003ccode\u003ebondThickness\u003c/code\u003e\u003c/td\u003e\n\u003ctd\u003eBond thickness\u003c/td\u003e\n\u003ctd\u003enumber\u003c/td\u003e\n\u003ctd\u003e\u003ccode\u003e1\u003c/code\u003e\u003c/td\u003e\n\u003c/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003ccode\u003ebondColor\u003c/code\u003e\u003c/td\u003e\n\u003ctd\u003eBond Color\u003c/td\u003e\n\u003ctd\u003estring\u003c/td\u003e\n\u003ctd\u003e\u003ccode\u003e'#000000'\u003c/code\u003e\u003c/td\u003e\n\u003c/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003ccode\u003eatomBorderThickness\u003c/code\u003e\u003c/td\u003e\n\u003ctd\u003eAtom border thickness\u003c/td\u003e\n\u003ctd\u003estring\u003c/td\u003e\n\u003ctd\u003e\u003ccode\u003e1\u003c/code\u003e\u003c/td\u003e\n\u003c/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003ccode\u003eatomBorderColor\u003c/code\u003e\u003c/td\u003e\n\u003ctd\u003eAtom border color\u003c/td\u003e\n\u003ctd\u003estring\u003c/td\u003e\n\u003ctd\u003e\u003ccode\u003e'#000000'\u003c/code\u003e\u003c/td\u003e\n\u003c/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003ccode\u003eatomTextColor\u003c/code\u003e\u003c/td\u003e\n\u003ctd\u003eAtom text color\u003c/td\u003e\n\u003ctd\u003estring\u003c/td\u003e\n\u003ctd\u003e\u003ccode\u003e'#000000'\u003c/code\u003e\u003c/td\u003e\n\u003c/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003ccode\u003eatomSizeBasis\u003c/code\u003e\u003c/td\u003e\n\u003ctd\u003eBasis on which the atom circle svgs be rendered\u003c/td\u003e\n\u003ctd\u003estring\u003c/td\u003e\n\u003ctd\u003e\u003ccode\u003e'Atomic Radius'\u003c/code\u003e\u003c/td\u003e\n\u003c/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003ccode\u003eboundingBox\u003c/code\u003e\u003c/td\u003e\n\u003ctd\u003eIf the molecule should be constrained inside the svg container\u003c/td\u003e\n\u003ctd\u003eboolean\u003c/td\u003e\n\u003ctd\u003e\u003ccode\u003etrue\u003c/code\u003e\u003c/td\u003e\n\u003c/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003ccode\u003eborderRadiusX\u003c/code\u003e\u003c/td\u003e\n\u003ctd\u003eSVG container's border (X) parameter\u003c/td\u003e\n\u003ctd\u003enumber\u003c/td\u003e\n\u003ctd\u003e\u003ccode\u003e5\u003c/code\u003e\u003c/td\u003e\n\u003c/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003ccode\u003eborderRadiusY\u003c/code\u003e\u003c/td\u003e\n\u003ctd\u003eSVG container's border (Y) parameter\u003c/td\u003e\n\u003ctd\u003enumber\u003c/td\u003e\n\u003ctd\u003e\u003ccode\u003e5\u003c/code\u003e\u003c/td\u003e\n\u003c/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003ccode\u003edetailedTooltips\u003c/code\u003e\u003c/td\u003e\n\u003ctd\u003eIf detailed info about the element to be shown on hover or not\u003c/td\u003e\n\u003ctd\u003eboolean\u003c/td\u003e\n\u003ctd\u003e\u003ccode\u003etrue\u003c/code\u003e\u003c/td\u003e\n\u003c/tr\u003e\u003c/tbody\u003e\u003c/table\u003e\n\u003ch2\u003e\u003ca href=\"#bond-types-include--\" aria-hidden=\"true\" class=\"anchor\" id=\"user-content-bond-types-include--\"\u003e\u003csvg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"\u003e\u003cpath fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\u003e\u003c/path\u003e\u003c/svg\u003e\u003c/a\u003eBond Types include :-\u003c/h2\u003e\n\u003cul\u003e\n\u003cli\u003eSingle\u003c/li\u003e\n\u003cli\u003eDouble\u003c/li\u003e\n\u003cli\u003eTriple\u003c/li\u003e\n\u003cli\u003eQuadruple\u003c/li\u003e\n\u003cli\u003eWedged\u003c/li\u003e\n\u003cli\u003eWavy\u003c/li\u003e\n\u003cli\u003eDotted\u003c/li\u003e\n\u003cli\u003eDashed (Stripes)\u003c/li\u003e\n\u003cli\u003eDashed (Gradient)\u003c/li\u003e\n\u003cli\u003eArc\u003c/li\u003e\n\u003c/ul\u003e\n\u003ch1\u003e\u003ca href=\"#test-wip\" aria-hidden=\"true\" class=\"anchor\" id=\"user-content-test-wip\"\u003e\u003csvg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"\u003e\u003cpath fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\u003e\u003c/path\u003e\u003c/svg\u003e\u003c/a\u003eTest (WIP)\u003c/h1\u003e\n\u003cul\u003e\n\u003cli\u003eUnit test cases in the testrunner.html\u003c/li\u003e\n\u003cli\u003eStart a simple HTTP server and go to \u003ca href=\"http://localhost\" rel=\"nofollow\"\u003ehttp://localhost\u003c/a\u003e:/testrunner.html\u003c/li\u003e\n\u003cli\u003eThe test cases will run for the demo example\u003c/li\u003e\n\u003c/ul\u003e\n\u003ch2\u003e\u003ca href=\"#author\" aria-hidden=\"true\" class=\"anchor\" id=\"user-content-author\"\u003e\u003csvg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"\u003e\u003cpath fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\u003e\u003c/path\u003e\u003c/svg\u003e\u003c/a\u003eAuthor\u003c/h2\u003e\n\u003cp\u003eArpit Narechania\n\u003ca href=\"mailto:arpitnarechania@gmail.com\"\u003earpitnarechania@gmail.com\u003c/a\u003e\u003c/p\u003e\n\u003chr\u003e\n\u003ch2\u003e\u003ca href=\"#new-feature-of-organic-compounds-added-on-jan-2018\" aria-hidden=\"true\" class=\"anchor\" id=\"user-content-new-feature-of-organic-compounds-added-on-jan-2018\"\u003e\u003csvg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"\u003e\u003cpath fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\u003e\u003c/path\u003e\u003c/svg\u003e\u003c/a\u003eNew Feature of Organic Compounds (added on Jan-2018)\u003c/h2\u003e\n\u003cul\u003e\n\u003cli\u003eThe new module IUPACname.js adds functionality of searching organic compounds using IUPAC names.\u003c/li\u003e\n\u003cli\u003eThis library allows you to add the side groups including methyl, ethyl and propyl on the main chain.\u003c/li\u003e\n\u003cli\u003eNote that the library doesn't cover all names for organic compounds.\u003c/li\u003e\n\u003c/ul\u003e\n\u003ch2\u003e\u003ca href=\"#types-of-organic-compounds\" aria-hidden=\"true\" class=\"anchor\" id=\"user-content-types-of-organic-compounds\"\u003e\u003csvg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"\u003e\u003cpath fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\u003e\u003c/path\u003e\u003c/svg\u003e\u003c/a\u003eTypes of organic compounds:\u003c/h2\u003e\n\u003ctable\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003eOrganic Compounds\u003c/th\u003e\n\u003c/tr\u003e\n\u003c/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003ccode\u003eAlkanes\u003c/code\u003e\u003c/td\u003e\n\u003c/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003ccode\u003eAlkenes\u003c/code\u003e\u003c/td\u003e\n\u003c/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003ccode\u003eAlkynes\u003c/code\u003e\u003c/td\u003e\n\u003c/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003ccode\u003eAlkyl halides\u003c/code\u003e\u003c/td\u003e\n\u003c/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003ccode\u003eAlcohols\u003c/code\u003e\u003c/td\u003e\n\u003c/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003ccode\u003eEthers\u003c/code\u003e\u003c/td\u003e\n\u003c/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003ccode\u003eAldehydes\u003c/code\u003e\u003c/td\u003e\n\u003c/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003ccode\u003eKetones\u003c/code\u003e\u003c/td\u003e\n\u003c/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003ccode\u003eCarboxylic Acids\u003c/code\u003e\u003c/td\u003e\n\u003c/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003ccode\u003eEsters\u003c/code\u003e\u003c/td\u003e\n\u003c/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003ccode\u003eAmines\u003c/code\u003e\u003c/td\u003e\n\u003c/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003ccode\u003eAmides\u003c/code\u003e\u003c/td\u003e\n\u003c/tr\u003e\u003c/tbody\u003e\u003c/table\u003e\n\u003ch2\u003e\u003ca href=\"#limitations-for-iupac-name-search\" aria-hidden=\"true\" class=\"anchor\" id=\"user-content-limitations-for-iupac-name-search\"\u003e\u003csvg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"\u003e\u003cpath fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\u003e\u003c/path\u003e\u003c/svg\u003e\u003c/a\u003eLimitations for IUPAC name search:\u003c/h2\u003e\n\u003cul\u003e\n\u003cli\u003eThe maximum number of carbon is 12.\u003c/li\u003e\n\u003cli\u003eThe double bond, triple bond, -OH, -C=O- are at the end of the main chain.\u003c/li\u003e\n\u003cli\u003eThe amide is always primary amide.\u003c/li\u003e\n\u003cli\u003eMore diverse functionality will be updated.\u003c/li\u003e\n\u003c/ul\u003e\n\u003ch2\u003e\u003ca href=\"#examples-for-using-organic-compounds\" aria-hidden=\"true\" class=\"anchor\" id=\"user-content-examples-for-using-organic-compounds\"\u003e\u003csvg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"\u003e\u003cpath fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\u003e\u003c/path\u003e\u003c/svg\u003e\u003c/a\u003eExamples for using organic compounds\u003c/h2\u003e\n\u003ctable\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003eOrganic Compounds\u003c/th\u003e\n\u003cth\u003eExample\u003c/th\u003e\n\u003c/tr\u003e\n\u003c/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003ccode\u003eAlkanes\u003c/code\u003e\u003c/td\u003e\n\u003ctd\u003e\u003ccode\u003emethane\u003c/code\u003e, \u003ccode\u003e2-methyl-4-ethyloctane\u003c/code\u003e\u003c/td\u003e\n\u003c/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003ccode\u003eAlkenes\u003c/code\u003e\u003c/td\u003e\n\u003ctd\u003e\u003ccode\u003eethene,\u003c/code\u003e2-methyl-4-ethyloctene\u003c/td\u003e\n\u003c/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003ccode\u003eAlkynes\u003c/code\u003e\u003c/td\u003e\n\u003ctd\u003e\u003ccode\u003eethyne,\u003c/code\u003e2-methyl-4-ethyloctyne\u003c/td\u003e\n\u003c/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003ccode\u003eAlkyl halides\u003c/code\u003e\u003c/td\u003e\n\u003ctd\u003e\u003ccode\u003e3-fluoro-4-ethyloctyne\u003c/code\u003e\u003c/td\u003e\n\u003c/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003ccode\u003eAlcohols\u003c/code\u003e\u003c/td\u003e\n\u003ctd\u003e\u003ccode\u003eethanol\u003c/code\u003e\u003c/td\u003e\n\u003c/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003ccode\u003eEthers\u003c/code\u003e\u003c/td\u003e\n\u003ctd\u003e\u003ccode\u003eethyl methyl ether\u003c/code\u003e\u003c/td\u003e\n\u003c/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003ccode\u003eAldehydes\u003c/code\u003e\u003c/td\u003e\n\u003ctd\u003e\u003ccode\u003e3-methylbutanal\u003c/code\u003e\u003c/td\u003e\n\u003c/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003ccode\u003eKetones\u003c/code\u003e\u003c/td\u003e\n\u003ctd\u003e\u003ccode\u003epropanone\u003c/code\u003e\u003c/td\u003e\n\u003c/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003ccode\u003eCarboxylic Acids\u003c/code\u003e\u003c/td\u003e\n\u003ctd\u003e\u003ccode\u003eethanoic acid\u003c/code\u003e\u003c/td\u003e\n\u003c/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003ccode\u003eEsters\u003c/code\u003e\u003c/td\u003e\n\u003ctd\u003e\u003ccode\u003emethyl propanoate\u003c/code\u003e\u003c/td\u003e\n\u003c/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003ccode\u003eAmines\u003c/code\u003e\u003c/td\u003e\n\u003ctd\u003e\u003ccode\u003eethyl methyl amine\u003c/code\u003e\u003c/td\u003e\n\u003c/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003ccode\u003eAmides\u003c/code\u003e\u003c/td\u003e\n\u003ctd\u003e\u003ccode\u003ebutamide\u003c/code\u003e\u003c/td\u003e\n\u003c/tr\u003e\u003c/tbody\u003e\u003c/table\u003e\n\u003ch2\u003e\u003ca href=\"#author-for-organic-compounds\" aria-hidden=\"true\" class=\"anchor\" id=\"user-content-author-for-organic-compounds\"\u003e\u003csvg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"\u003e\u003cpath fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\u003e\u003c/path\u003e\u003c/svg\u003e\u003c/a\u003eAuthor for Organic Compounds\u003c/h2\u003e\n\u003cul\u003e\n\u003cli\u003eYing Wang \u003ca href=\"mailto:wying102@vt.edu\"\u003ewying102@vt.edu\u003c/a\u003e\u003c/li\u003e\n\u003cli\u003eShivaram Sitaram \u003ca href=\"mailto:shivramp@hotmail.com\"\u003eshivramp@hotmail.com\u003c/a\u003e\u003c/li\u003e\n\u003c/ul\u003e\n\u003ch2\u003e\u003ca href=\"#license\" aria-hidden=\"true\" class=\"anchor\" id=\"user-content-license\"\u003e\u003csvg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"\u003e\u003cpath fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\u003e\u003c/path\u003e\u003c/svg\u003e\u003c/a\u003eLicense\u003c/h2\u003e\n\u003cp\u003eMIT (\u003ca href=\"https://opensource.org/licenses/MIT\" rel=\"nofollow\"\u003ehttps://opensource.org/licenses/MIT\u003c/a\u003e.)\u003c/p\u003e\n\u003c/article\u003e\n  \u003c/div\u003e\n  \u003c/body\u003e\n  \u003c/html\u003e","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Farpitnarechania%2Fd3-molecule","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Farpitnarechania%2Fd3-molecule","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Farpitnarechania%2Fd3-molecule/lists"}