\r\n
\n Constituents of Atoms: Electrons, Protons & Neutrons\n
\r\n
\r\n The atoms are made of three types of subatomic particles: electrons, protons and neutrons.\r\n Electrons are denoted by symbol \\(e\\), and are negatively charged particles. Protons are denoted by symbol \\(p\\), and are positively\r\n charged particles.\r\n Neutrons are denoted by symbol \\(n\\), are and electrically neutral.
\r\n The core of the atoms — also known as the nucleus — is made of protons and neutrons.\r\n The electrons are arranged around the nucleus in various orbitals.\r\n The subatomic particles are responsible for a number of key properties of the atoms.\r\n For example:\n
\r\n
\r\n - \n
Atomic Number (Z)
\r\n The atomic number (Z) of an atom is given by the number of protons in its nucleus.\n \r\n - \n
Electric Charge
\r\n The number of electrons in an atom that is neutral is equal to the number of protons in the atom.\r\n When the number of electrons is not same as the number of protons, there is a net charge on the atom.\n \r\n -
Atomic Mass
The sum of the masses of protons and neutrons in the nucleus of the atoms is equal to the atomic mass of the atom. \r\n
\r\n
\r\n
\n Electronic Structure\n
\r\n
\n Electronic configuration refers to the arrangement of electrons in atoms.\r\n Electrons are arranged in the order of increasing energy levels. Each such level is called an orbital.\r\n
\n Bohr's Diagram of Atom\n
\r\n
\n Bohr's model was proposed by Danish physicist Neils Bohr in the year 1913. Bohr's model was one of the earliest model\r\n to describe the structure of atom. According to Bohr's model, an atom consists of a\r\n tiny positively charged heavy core, called a nucleus. The nucleus is surrounded by light, negatively charged\r\n electrons revolving in circular orbits. These orbits are called shells. This model is very similar to the planets orbiting the sun.\n
\r\n
Features of Bohr's Model
\r\n
\r\n - \n Electrons revolve around the nucleus in circular orbits or shells that have set size and energy.\r\n The electrons are bound to these shells by electrostatic forces.\n
\r\n - Each shell corresponds to an energy level. The shells are labeled alphabetically with the letters K, L, M, N, …
\r\n - \n Each shell can contain only a fixed number of electrons. The general rule is that the nth shell can contain\r\n a maximum of \\(2n^2\\) electrons. Thus\r\n The first shell (K) can hold a maximum of 2 electrons. The second shell (L) can hold up to 8 electrons.\r\n The third shell (M) can contain a maximum of 18 electrons and so on.\n
\r\n - \n Electrons occupy the orbits in the order of increasing\r\n energy level. The lowest energy electrons occupy the smallest orbit.\n
\r\n - Energy is absorbed or emitted whenever an electron moves from one orbit to another.
\r\n
\r\n \r\n
\n MagicGraph: Bohr Diagrams of Atoms\n
\r\n
\r\n Use this MagicGraph to generate Bohr diagrams for the first 36 elements of the periodic table — From Hydrogen (atomic symbol: H ) to Krypton (atomic symbol: Kr).\r\n
\r\n
To Get Started
\r\n
\n Enter the atomic number (Z) of the element for which the Bohr diagram needs to be created.\r\n Based on the value provided, the MagicGraph will then —\n
\r\n
\r\n - \n Provide you the element name and properties.\r\n
\r\n - \n Generate the Bohr's diagram for the element.\r\n
\r\n - Calculate the electronic occupancy in various shells (i.e. K, L, M, N ...).
\r\n
\r\n
\r\n \r\n \r\n \r\n \r\n
\r\n\r\n\r\n\r\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Electronic.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Electronic.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Electronic.vue?vue&type=template&id=a9c85c4e&\"\nimport script from \"./Electronic.vue?vue&type=script&lang=js&\"\nexport * from \"./Electronic.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Electronic.vue?vue&type=style&index=0&id=a9c85c4e&prod&lang=scss&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n null,\n null\n \n)\n\nexport default component.exports","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Electronic.vue?vue&type=style&index=0&id=a9c85c4e&prod&lang=scss&\""],"sourceRoot":""}