@@ -27,27 +27,55 @@ yarn add @vibbioinfocore/react-2d-molecule
2727import React from ' react' ;
2828import { Molecule } from ' @vibbioinfocore/react-2d-molecule' ;
2929
30+ // Biphenylene
3031const mol = {
31- " width" : 3.0 ,
32- " height" : 3 .0 ,
32+ " width" : 9.294 ,
33+ " height" : 6 .0 ,
3334 " atoms" : [
34- {" x" : 1.5 , " y" : 0.0 , " element" : " H" },
35- {" x" : - 1.5 , " y" : 0.0 , " element" : " H" },
36- {" x" : 0.0 , " y" : 1.5 , " element" : " H" },
37- {" x" : 0.0 , " y" : 0.0 , " element" : " C" },
38- {" x" : 0.0 , " y" : - 1.5 , " element" : " H" }
35+ { " x" : - 3.348 , " y" : - 0.75 , " element" : " C" },
36+ { " x" : - 2.049 , " y" : - 1.5 , " element" : " C" },
37+ { " x" : - 0.75 , " y" : - 0.75 , " element" : " C" },
38+ { " x" : - 0.75 , " y" : 0.75 , " element" : " C" },
39+ { " x" : - 2.049 , " y" : 1.5 , " element" : " C" },
40+ { " x" : - 3.348 , " y" : 0.75 , " element" : " C" },
41+ { " x" : 0.75 , " y" : 0.75 , " element" : " C" },
42+ { " x" : 2.049 , " y" : 1.5 , " element" : " C" },
43+ { " x" : 3.348 , " y" : 0.75 , " element" : " C" },
44+ { " x" : 3.348 , " y" : - 0.75 , " element" : " C" },
45+ { " x" : 2.049 , " y" : - 1.5 , " element" : " C" },
46+ { " x" : 0.75 , " y" : - 0.75 , " element" : " C" },
47+ { " x" : - 4.647 , " y" : - 1.5 , " element" : " H" },
48+ { " x" : - 2.049 , " y" : - 3.0 , " element" : " H" },
49+ { " x" : - 2.049 , " y" : 3.0 , " element" : " H" },
50+ { " x" : - 4.647 , " y" : 1.5 , " element" : " H" },
51+ { " x" : 2.049 , " y" : 3.0 , " element" : " H" },
52+ { " x" : 4.647 , " y" : 1.5 , " element" : " H" },
53+ { " x" : 4.647 , " y" : - 1.5 , " element" : " H" },
54+ { " x" : 2.049 , " y" : - 3.0 , " element" : " H" }
3955 ],
40- " bonds" :
41- {" source" : 3 , " sink" : 0 , " bond" : " SINGLE" },
42- {" source" : 3 , " sink" : 1 , " bond" : " SINGLE" },
43- {" source" : 3 , " sink" : 2 , " bond" : " SINGLE" },
44- {" source" : 3 , " sink" : 4 , " bond" : " SINGLE" }
56+ " bonds" : [
57+ { " atoms" : [3 , 6 ], " bond" : " UNIMPL" },
58+ { " atoms" : [11 , 2 ], " bond" : " SINGLE" },
59+ { " atoms" : [0 , 12 ], " bond" : " SINGLE" },
60+ { " atoms" : [1 , 13 ], " bond" : " SINGLE" },
61+ { " atoms" : [4 , 14 ], " bond" : " SINGLE" },
62+ { " atoms" : [5 , 15 ], " bond" : " SINGLE" },
63+ { " atoms" : [7 , 16 ], " bond" : " SINGLE" },
64+ { " atoms" : [8 , 17 ], " bond" : " SINGLE" },
65+ { " atoms" : [9 , 18 ], " bond" : " SINGLE" },
66+ { " atoms" : [10 , 19 ], " bond" : " SINGLE" },
67+ { " atoms" : [0 , 1 , 2 , 3 , 4 , 5 ], " bond" : " AROMATIC" },
68+ { " atoms" : [6 , 7 , 8 , 9 , 10 , 11 ], " bond" : " AROMATIC" }
4569 ]
4670};
4771
4872export const ViewAMolecule = () => < Molecule molecule= {mol} / > ;
4973```
5074
75+ This is rendered as:
76+
77+ ![ Biphenylene] ( images/biphenylene.png )
78+
5179## Component Attributes
5280
5381### Required
0 commit comments