Periodic Sunburst

This sample shows how to create a Sunburst chart with 100% complete children (full circle).

Learn about FlexChart | Sunburst API Reference

import 'bootstrap.css'; import '@mescius/wijmo.styles/wijmo.css'; import './styles.css'; // import * as wijmo from '@mescius/wijmo'; import * as chart from '@mescius/wijmo.chart'; import * as hierarchical from '@mescius/wijmo.chart.hierarchical'; import { getData } from './data'; import { PropertiesTile } from './properties-tile'; // document.readyState === 'complete' ? init() : window.onload = init; // function init() { let data = getData(); data.items.forEach((item) => item.value = 1); // add the constant 'value' property to get equal arc angles for all element panels // let mySunburst = new hierarchical.Sunburst('#periodic-sunburst', { palette: chart.Palettes.superhero, legend: { position: chart.Position.None // hide the legend }, innerRadius: 0.3, selectionMode: chart.SelectionMode.Point, dataLabel: { position: chart.PieLabelPosition.Radial, content: '{name}' // the panel should display its name (derived from bindingName property) }, binding: 'value', bindingName: ['name', 'name', 'symbol'], childItemsPath: ['groups', 'items'], itemsSource: data.groups }); // // Initialize the property tile let propTile = new PropertiesTile('#properties-tile'); // // Set up a function to listen for click events on the Sunburst Chart's parent DOM element mySunburst.hostElement.addEventListener('click', e => { // If a panel is clicked, visually select it markSelectedPanel(e.clientX, e.clientY); // Perform a hit test to get a clicked panel's name then use it to set up the info panel via the ViewAdapter propTile.showInfo(mySunburst.hitTest(e.pageX, e.pageY).item); }); // // // ** Logic to handle all chart clicks ** // // Set selected element variables in this outer scope to preserve them let lastSelectedEle; let lastSelectedEleFillColor; // // Keep track of any hidden text elements using an array // This has to be able to store multiple hidden text elements for the case where labels overlap let hiddenTextElements = []; // // Visually marks a panel at the given coordinates as selected function markSelectedPanel(panelX, panelY) { // First, 'unselect' (restore the fill color of) the element that was selected last, if there is one if (lastSelectedEle && lastSelectedEleFillColor) { lastSelectedEle.setAttribute('fill', lastSelectedEleFillColor); } // // Define our selected element and check to see if it's a panel that we can fill let selectedElement = document.elementFromPoint(panelX, panelY); // if (selectedElement && selectedElement.hasAttribute('fill') && selectedElement.tagName === 'path') { // Reset the lastSelectedEle and then change the fill color of the clicked panel let fillColor = selectedElement.getAttribute('fill'); lastSelectedEle = selectedElement; lastSelectedEleFillColor = fillColor; // let color = new wijmo.Color(fillColor); color.a = 1; selectedElement.setAttribute('fill', color.toString()); // while (hiddenTextElements.length > 0) { // if we hid any text elements in the process, reshow them hiddenTextElements.pop().style.display = 'block'; } } else { if (selectedElement && selectedElement.tagName === 'text') { // super hacky way to get the right panel if a data label is clicked selectedElement.style.display = 'none'; // hide the data label hiddenTextElements.push(selectedElement); // keep track of hidden text elements markSelectedPanel(panelX, panelY); // run the method again with the data label hidden } } // return false; } }
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title>MESCIUS Wijmo FlexChart Periodic Sunburst</title> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <!-- SystemJS --> <script src="https://cdnjs.cloudflare.com/ajax/libs/systemjs/0.21.5/system.src.js" integrity="sha512-skZbMyvYdNoZfLmiGn5ii6KmklM82rYX2uWctBhzaXPxJgiv4XBwJnFGr5k8s+6tE1pcR1nuTKghozJHyzMcoA==" crossorigin="anonymous"></script> <script src="systemjs.config.js"></script> <script> System.import('./src/app'); </script> </head> <body> <!-- The main container where the Sunburst control is rendered --> <div id="periodic-sunburst"> <!-- The main properties container - has individual info panes for each type of info view --> <div id="properties-tile"></div> </div> </body> </html>
import * as wijmo from '@mescius/wijmo'; // export function getData() { // Arrays named by "Group" containing all of the possible "Subgroup" types let METAL_TYPES = ['Alkali Metal', 'Alkaline Earth Metal', 'Transition Metal', 'Lanthanide', 'Actinide', 'Metal'], NON_METAL_TYPES = ['Noble Gas', 'Halogen', 'Nonmetal'], OTHER_TYPES = ['Metalloid', 'Transactinide']; // // Separate out the titles that will be on the chart as constants so that they can be // easily changed as options later let METALS_TITLE = 'Metals', NON_METALS_TITLE = 'Nonmetals', OTHERS_TITLE = 'Others'; // // flatten the resulting raw element data array by removing the ID and "un-nesting" the properties object let elementData = getPeriodicTableElements().map(item => item.properties); // // initialize a new object from the Wijmo CollectionView function using our "cleansed" array let elementCv = new wijmo.CollectionView(elementData); // // Do the first tier of grouping // We'll take advantage of the wijmo.collections.PropertyGroupDescription object to sort elements // in the collection view based on which constant array contains their type elementCv.groupDescriptions.push(new wijmo.PropertyGroupDescription('type', (item, prop) => { if (METAL_TYPES.indexOf(item[prop]) > -1) { return METALS_TITLE; } else if (NON_METAL_TYPES.indexOf(item[prop]) > -1) { return NON_METALS_TITLE; } else { return OTHERS_TITLE; } })); // // Do the second tier of grouping // The only consideration we have to make here is that we don't want to duplicate group names. So if // we find another "Metal" or "Nonmetal", we need to prefix it with "Other." Finally, we just want to // go ahead and add the appropriate plural ending to make things sound more natural elementCv.groupDescriptions.push(new wijmo.PropertyGroupDescription('type', (item, prop) => { let value = item[prop], endsWithS = value.length > 0 && value[value.length - 1] == 's'; // if (value === METAL_TYPES[METAL_TYPES.length - 1] || value === NON_METAL_TYPES[NON_METAL_TYPES.length - 1]) { return 'Other ' + value + (endsWithS ? 'es' : 's'); } else { return value + (endsWithS ? 'es' : 's'); } })); // // Descriptions of the different subcategories ordered by the type lists above // The metal and nonmetal descriptions have one extra item for the "Others" category let METAL_DESCRIPTIONS = ['Shiny,Soft,Highly Reactive,Low Melting Point', 'Ductile,Malleable,Low Density,High Melting Point', 'Brittle,Poor Metals,Low Melting Point', 'High Melting Point,High Density', 'Soluble,Highly Reactive', 'Radioactive,Paramagnetic'], NON_METAL_DESCRIPTIONS = ['Volatile,Low Elasticity,Good Insulators', 'Colorless,Odorless,Low Chemical Reactivity', 'Toxic,Highly Reactive,Poor Conductors'], OTHER_DESCRIPTIONS = ['Metallic looking solids,Semiconductors', 'Radioactive,Synthetic Elements'], DESCRIPTION_COLLECTION = [NON_METAL_DESCRIPTIONS, METAL_DESCRIPTIONS, OTHER_DESCRIPTIONS]; // create an array containing all of the element description arrays // // Assign a new object property to each "subgroup" Object in the CollectionView based on the arrays above // This property will be stored in the CollectionView items and can be recalled later for display on the chart for (let i = 0; i < elementCv.groups.length; i++) { for (let j = 0; j < elementCv.groups[i].groups.length; j++) { let item = elementCv.groups[i].groups[j]; item.elementProperties = DESCRIPTION_COLLECTION[i][j]; } } // return elementCv; } // function getPeriodicTableElements() { return [ { "id": "1", "properties": { "atomic-number": "1", "element": "Hydrogen", "symbol": "H", "atomic-weight": "1.00794", "period": "1", "group": "1", "phase": "gas", "type": "Nonmetal", "ionic-radius": "0.012", "atomic-radius": "0.79", "electronegativity": "2.2", "first-ionization-potential": "13.5984", "density": "8.988E-05", "melting-point-k": "14.175", "boiling-point-k": "20.28", "isotopes": "3", "discoverer": "Cavendish", "year-of-discovery": "1766", "specific-heat-capacity": "14.304", "electron-configuration": "1s1", "display-row": "1", "display-column": "1" } }, { "id": "2", "properties": { "atomic-number": "2", "element": "Helium", "symbol": "He", "atomic-weight": "4.002602", "period": "1", "group": "18", "phase": "gas", "type": "Noble Gas", "atomic-radius": "0.49", "first-ionization-potential": "24.5874", "density": "0.0001785", "boiling-point-k": "4.22", "isotopes": "5", "discoverer": "Janssen", "year-of-discovery": "1868", "specific-heat-capacity": "5.193", "electron-configuration": "1s2", "display-row": "1", "display-column": "18" } }, { "id": "3", "properties": { "atomic-number": "3", "element": "Lithium", "symbol": "Li", "atomic-weight": "6.941", "period": "2", "group": "1", "phase": "solid", "most-stable-crystal": "bcc", "type": "Alkali Metal", "ionic-radius": "0.76", "atomic-radius": "2.1", "electronegativity": "0.98", "first-ionization-potential": "5.3917", "density": "0.534", "melting-point-k": "453.85", "boiling-point-k": "1615", "isotopes": "5", "discoverer": "Arfvedson", "year-of-discovery": "1817", "specific-heat-capacity": "3.582", "electron-configuration": "[He] 2s1", "display-row": "2", "display-column": "1" } }, { "id": "4", "properties": { "atomic-number": "4", "element": "Beryllium", "symbol": "Be", "atomic-weight": "9.012182", "period": "2", "group": "2", "phase": "solid", "most-stable-crystal": "hex", "type": "Alkaline Earth Metal", "ionic-radius": "0.35", "atomic-radius": "1.4", "electronegativity": "1.57", "first-ionization-potential": "9.3227", "density": "1.85", "melting-point-k": "1560.15", "boiling-point-k": "2742", "isotopes": "6", "discoverer": "Vaulquelin", "year-of-discovery": "1798", "specific-heat-capacity": "1.825", "electron-configuration": "[He] 2s2", "display-row": "2", "display-column": "2" } }, { "id": "5", "properties": { "atomic-number": "5", "element": "Boron", "symbol": "B", "atomic-weight": "10.811", "period": "2", "group": "13", "phase": "solid", "most-stable-crystal": "rho", "type": "Metalloid", "ionic-radius": "0.23", "atomic-radius": "1.2", "electronegativity": "2.04", "first-ionization-potential": "8.298", "density": "2.34", "melting-point-k": "2573.15", "boiling-point-k": "4200", "isotopes": "6", "discoverer": "Gay-Lussac", "year-of-discovery": "1808", "specific-heat-capacity": "1.026", "electron-configuration": "[He] 2s2 2p1", "display-row": "2", "display-column": "13" } }, { "id": "6", "properties": { "atomic-number": "6", "element": "Carbon", "symbol": "C", "atomic-weight": "12.0107", "period": "2", "group": "14", "phase": "solid", "most-stable-crystal": "hex", "type": "Nonmetal", "atomic-radius": "0.91", "electronegativity": "2.55", "first-ionization-potential": "11.2603", "density": "2.267", "melting-point-k": "3948.15", "boiling-point-k": "4300", "isotopes": "7", "discoverer": "Prehistoric", "specific-heat-capacity": "0.709", "electron-configuration": "[He] 2s2 2p2", "display-row": "2", "display-column": "14" } }, { "id": "7", "properties": { "atomic-number": "7", "element": "Nitrogen", "symbol": "N", "atomic-weight": "14.0067", "period": "2", "group": "15", "phase": "gas", "type": "Nonmetal", "ionic-radius": "0.13", "atomic-radius": "0.75", "electronegativity": "3.04", "first-ionization-potential": "14.5341", "density": "0.0012506", "melting-point-k": "63.29", "boiling-point-k": "77.36", "isotopes": "8", "discoverer": "Rutherford", "year-of-discovery": "1772", "specific-heat-capacity": "1.04", "electron-configuration": "[He] 2s2 2p3", "display-row": "2", "display-column": "15" } }, { "id": "8", "properties": { "atomic-number": "8", "element": "Oxygen", "symbol": "O", "atomic-weight": "15.9994", "period": "2", "group": "16", "phase": "gas", "type": "Nonmetal", "ionic-radius": "1.4", "atomic-radius": "0.65", "electronegativity": "3.44", "first-ionization-potential": "13.6181", "density": "0.001429", "melting-point-k": "50.5", "boiling-point-k": "90.2", "isotopes": "8", "discoverer": "Priestley/Scheele", "year-of-discovery": "1774", "specific-heat-capacity": "0.918", "electron-configuration": "[He] 2s2 2p4", "display-row": "2", "display-column": "16" } }, { "id": "9", "properties": { "atomic-number": "9", "element": "Fluorine", "symbol": "F", "atomic-weight": "18.9984032", "period": "2", "group": "17", "phase": "gas", "type": "Halogen", "ionic-radius": "1.3", "atomic-radius": "0.57", "electronegativity": "3.98", "first-ionization-potential": "17.4228", "density": "0.001696", "melting-point-k": "53.63", "boiling-point-k": "85.03", "isotopes": "6", "discoverer": "Moissan", "year-of-discovery": "1886", "specific-heat-capacity": "0.824", "electron-configuration": "[He] 2s2 2p5", "display-row": "2", "display-column": "17" } }, { "id": "10", "properties": { "atomic-number": "10", "element": "Neon", "symbol": "Ne", "atomic-weight": "20.1797", "period": "2", "group": "18", "phase": "gas", "type": "Noble Gas", "atomic-radius": "0.51", "first-ionization-potential": "21.5645", "density": "0.0008999", "melting-point-k": "24.703", "boiling-point-k": "27.07", "isotopes": "8", "discoverer": "Ramsay and Travers", "year-of-discovery": "1898", "specific-heat-capacity": "1.03", "electron-configuration": "[He] 2s2 2p6", "display-row": "2", "display-column": "18" } }, { "id": "11", "properties": { "atomic-number": "11", "element": "Sodium", "symbol": "Na", "atomic-weight": "22.98976928", "period": "3", "group": "1", "phase": "solid", "most-stable-crystal": "bcc", "type": "Alkali Metal", "ionic-radius": "1", "atomic-radius": "2.2", "electronegativity": "0.93", "first-ionization-potential": "5.1391", "density": "0.971", "melting-point-k": "371.15", "boiling-point-k": "1156", "isotopes": "7", "discoverer": "Davy", "year-of-discovery": "1807", "specific-heat-capacity": "1.228", "electron-configuration": "[Ne] 3s1", "display-row": "3", "display-column": "1" } }, { "id": "12", "properties": { "atomic-number": "12", "element": "Magnesium", "symbol": "Mg", "atomic-weight": "24.305", "period": "3", "group": "2", "phase": "solid", "most-stable-crystal": "hex", "type": "Alkaline Earth Metal", "ionic-radius": "0.72", "atomic-radius": "1.7", "electronegativity": "1.31", "first-ionization-potential": "7.6462", "density": "1.738", "melting-point-k": "923.15", "boiling-point-k": "1363", "isotopes": "8", "discoverer": "Black", "year-of-discovery": "1755", "specific-heat-capacity": "1.023", "electron-configuration": "[Ne] 3s2", "display-row": "3", "display-column": "2" } }, { "id": "13", "properties": { "atomic-number": "13", "element": "Aluminum", "symbol": "Al", "atomic-weight": "26.9815386", "period": "3", "group": "13", "phase": "solid", "most-stable-crystal": "fcc", "type": "Metal", "ionic-radius": "0.54", "atomic-radius": "1.8", "electronegativity": "1.61", "first-ionization-potential": "5.9858", "density": "2.698", "melting-point-k": "933.4", "boiling-point-k": "2792", "isotopes": "8", "discoverer": "W???hler", "year-of-discovery": "1827", "specific-heat-capacity": "0.897", "electron-configuration": "[Ne] 3s2 3p1", "display-row": "3", "display-column": "13" } }, { "id": "14", "properties": { "atomic-number": "14", "element": "Silicon", "symbol": "Si", "atomic-weight": "28.0855", "period": "3", "group": "14", "phase": "solid", "most-stable-crystal": "fcc", "type": "Metalloid", "ionic-radius": "0.4", "atomic-radius": "1.5", "electronegativity": "1.9", "first-ionization-potential": "8.1517", "density": "2.3296", "melting-point-k": "1683.15", "boiling-point-k": "3538", "isotopes": "8", "discoverer": "Berzelius", "year-of-discovery": "1824", "specific-heat-capacity": "0.705", "electron-configuration": "[Ne] 3s2 3p2", "display-row": "3", "display-column": "14" } }, { "id": "15", "properties": { "atomic-number": "15", "element": "Phosphorus", "symbol": "P", "atomic-weight": "30.973762", "period": "3", "group": "15", "phase": "solid", "most-stable-crystal": "cub", "type": "Nonmetal", "ionic-radius": "0.38", "atomic-radius": "1.2", "electronegativity": "2.19", "first-ionization-potential": "10.4867", "density": "1.82", "melting-point-k": "317.25", "boiling-point-k": "553", "isotopes": "7", "discoverer": "BranBrand", "year-of-discovery": "1669", "specific-heat-capacity": "0.769", "electron-configuration": "[Ne] 3s2 3p3", "display-row": "3", "display-column": "15" } }, { "id": "16", "properties": { "atomic-number": "16", "element": "Sulfur", "symbol": "S", "atomic-weight": "32.065", "period": "3", "group": "16", "phase": "solid", "most-stable-crystal": "orth", "type": "Nonmetal", "ionic-radius": "0.37", "atomic-radius": "1.1", "electronegativity": "2.58", "first-ionization-potential": "10.36", "density": "2.067", "melting-point-k": "388.51", "boiling-point-k": "717.8", "isotopes": "10", "discoverer": "Prehistoric", "specific-heat-capacity": "0.71", "electron-configuration": "[Ne] 3s2 3p4", "display-row": "3", "display-column": "16" } }, { "id": "17", "properties": { "atomic-number": "17", "element": "Chlorine", "symbol": "Cl", "atomic-weight": "35.453", "period": "3", "group": "17", "phase": "gas", "type": "Halogen", "ionic-radius": "1.8", "atomic-radius": "0.97", "electronegativity": "3.16", "first-ionization-potential": "12.9676", "density": "0.003214", "melting-point-k": "172.31", "boiling-point-k": "239.11", "isotopes": "11", "discoverer": "Scheele", "year-of-discovery": "1774", "specific-heat-capacity": "0.479", "electron-configuration": "[Ne] 3s2 3p5", "display-row": "3", "display-column": "17" } }, { "id": "18", "properties": { "atomic-number": "18", "element": "Argon", "symbol": "Ar", "atomic-weight": "39.948", "period": "3", "group": "18", "phase": "gas", "type": "Noble Gas", "atomic-radius": "0.88", "first-ionization-potential": "15.7596", "density": "0.0017837", "melting-point-k": "83.96", "boiling-point-k": "87.3", "isotopes": "8", "discoverer": "Rayleigh and Ramsay", "year-of-discovery": "1894", "specific-heat-capacity": "0.52", "electron-configuration": "[Ne] 3s2 3p6", "display-row": "3", "display-column": "18" } }, { "id": "19", "properties": { "atomic-number": "19", "element": "Potassium", "symbol": "K", "atomic-weight": "39.0983", "period": "4", "group": "1", "phase": "solid", "most-stable-crystal": "bcc", "type": "Alkali Metal", "ionic-radius": "1.4", "atomic-radius": "2.8", "electronegativity": "0.82", "first-ionization-potential": "4.3407", "density": "0.862", "melting-point-k": "336.5", "boiling-point-k": "1032", "isotopes": "10", "discoverer": "Davy", "year-of-discovery": "1807", "specific-heat-capacity": "0.757", "electron-configuration": "[Ar] 4s1", "display-row": "4", "display-column": "1" } }, { "id": "20", "properties": { "atomic-number": "20", "element": "Calcium", "symbol": "Ca", "atomic-weight": "40.078", "period": "4", "group": "2", "phase": "solid", "most-stable-crystal": "fcc", "type": "Alkaline Earth Metal", "ionic-radius": "0.99", "atomic-radius": "2.2", "electronegativity": "1", "first-ionization-potential": "6.1132", "density": "1.54", "melting-point-k": "1112.15", "boiling-point-k": "1757", "isotopes": "14", "discoverer": "Davy", "year-of-discovery": "1808", "specific-heat-capacity": "0.647", "electron-configuration": "[Ar] 4s2", "display-row": "4", "display-column": "2" } }, { "id": "21", "properties": { "atomic-number": "21", "element": "Scandium", "symbol": "Sc", "atomic-weight": "44.955912", "period": "4", "group": "3", "phase": "solid", "most-stable-crystal": "hex", "type": "Transition Metal", "ionic-radius": "0.75", "atomic-radius": "2.1", "electronegativity": "1.36", "first-ionization-potential": "6.5615", "density": "2.989", "melting-point-k": "1812.15", "boiling-point-k": "3109", "isotopes": "15", "discoverer": "Nilson", "year-of-discovery": "1878", "specific-heat-capacity": "0.568", "electron-configuration": "[Ar] 3d1 4s2", "display-row": "4", "display-column": "3" } }, { "id": "22", "properties": { "atomic-number": "22", "element": "Titanium", "symbol": "Ti", "atomic-weight": "47.867", "period": "4", "group": "4", "phase": "solid", "most-stable-crystal": "hex", "type": "Transition Metal", "ionic-radius": "0.61", "atomic-radius": "2", "electronegativity": "1.54", "first-ionization-potential": "6.8281", "density": "4.54", "melting-point-k": "1933.15", "boiling-point-k": "3560", "isotopes": "9", "discoverer": "Gregor", "year-of-discovery": "1791", "specific-heat-capacity": "0.523", "electron-configuration": "[Ar] 3d2 4s2", "display-row": "4", "display-column": "4" } }, { "id": "23", "properties": { "atomic-number": "23", "element": "Vanadium", "symbol": "V", "atomic-weight": "50.9415", "period": "4", "group": "5", "phase": "solid", "most-stable-crystal": "bcc", "type": "Transition Metal", "ionic-radius": "0.59", "atomic-radius": "1.9", "electronegativity": "1.63", "first-ionization-potential": "6.7462", "density": "6.11", "melting-point-k": "2175.15", "boiling-point-k": "3680", "isotopes": "9", "discoverer": "del Rio", "year-of-discovery": "1801", "specific-heat-capacity": "0.489", "electron-configuration": "[Ar] 3d3 4s2", "display-row": "4", "display-column": "5" } }, { "id": "24", "properties": { "atomic-number": "24", "element": "Chromium", "symbol": "Cr", "atomic-weight": "51.9961", "period": "4", "group": "6", "phase": "solid", "most-stable-crystal": "bcc", "type": "Transition Metal", "ionic-radius": "0.52", "atomic-radius": "1.9", "electronegativity": "1.66", "first-ionization-potential": "6.7665", "density": "7.15", "melting-point-k": "2130.15", "boiling-point-k": "2944", "isotopes": "9", "discoverer": "Vauquelin", "year-of-discovery": "1797", "specific-heat-capacity": "0.449", "electron-configuration": "[Ar] 3d5 4s1", "display-row": "4", "display-column": "6" } }, { "id": "25", "properties": { "atomic-number": "25", "element": "Manganese", "symbol": "Mn", "atomic-weight": "54.938045", "period": "4", "group": "7", "phase": "solid", "most-stable-crystal": "bcc", "type": "Transition Metal", "ionic-radius": "0.46", "atomic-radius": "1.8", "electronegativity": "1.55", "first-ionization-potential": "7.434", "density": "7.44", "melting-point-k": "1519.15", "boiling-point-k": "2334", "isotopes": "11", "discoverer": "Gahn, Scheele", "year-of-discovery": "1774", "specific-heat-capacity": "0.479", "electron-configuration": "[Ar] 3d5 4s2", "display-row": "4", "display-column": "7" } }, { "id": "26", "properties": { "atomic-number": "26", "element": "Iron", "symbol": "Fe", "atomic-weight": "55.845", "period": "4", "group": "8", "phase": "solid", "most-stable-crystal": "bcc", "type": "Transition Metal", "ionic-radius": "0.65", "atomic-radius": "1.7", "electronegativity": "1.83", "first-ionization-potential": "7.9024", "density": "7.874", "melting-point-k": "1808.15", "boiling-point-k": "3134", "isotopes": "10", "discoverer": "Prehistoric", "specific-heat-capacity": "0.449", "electron-configuration": "[Ar] 3d6 4s2", "display-row": "4", "display-column": "8" } }, { "id": "27", "properties": { "atomic-number": "27", "element": "Cobalt", "symbol": "Co", "atomic-weight": "58.933195", "period": "4", "group": "9", "phase": "solid", "most-stable-crystal": "hex", "type": "Transition Metal", "ionic-radius": "0.75", "atomic-radius": "1.7", "electronegativity": "1.88", "first-ionization-potential": "7.881", "density": "8.86", "melting-point-k": "1768.15", "boiling-point-k": "3200", "isotopes": "14", "discoverer": "Brandt", "year-of-discovery": "1735", "specific-heat-capacity": "0.421", "electron-configuration": "[Ar] 3d7 4s2", "display-row": "4", "display-column": "9" } }, { "id": "28", "properties": { "atomic-number": "28", "element": "Nickel", "symbol": "Ni", "atomic-weight": "58.6934", "period": "4", "group": "10", "phase": "solid", "most-stable-crystal": "fcc", "type": "Transition Metal", "ionic-radius": "0.69", "atomic-radius": "1.6", "electronegativity": "1.91", "first-ionization-potential": "7.6398", "density": "8.912", "melting-point-k": "1726.15", "boiling-point-k": "3186", "isotopes": "11", "discoverer": "Cronstedt", "year-of-discovery": "1751", "specific-heat-capacity": "0.444", "electron-configuration": "[Ar] 3d8 4s2", "display-row": "4", "display-column": "10" } }, { "id": "29", "properties": { "atomic-number": "29", "element": "Copper", "symbol": "Cu", "atomic-weight": "63.546", "period": "4", "group": "11", "phase": "solid", "most-stable-crystal": "fcc", "type": "Transition Metal", "ionic-radius": "0.73", "atomic-radius": "1.6", "electronegativity": "1.9", "first-ionization-potential": "7.7264", "density": "8.96", "melting-point-k": "1357.75", "boiling-point-k": "2835", "isotopes": "11", "discoverer": "Prehistoric", "specific-heat-capacity": "0.385", "electron-configuration": "[Ar] 3d10 4s1", "display-row": "4", "display-column": "11" } }, { "id": "30", "properties": { "atomic-number": "30", "element": "Zinc", "symbol": "Zn", "atomic-weight": "65.38", "period": "4", "group": "12", "phase": "solid", "most-stable-crystal": "hex", "type": "Transition Metal", "ionic-radius": "0.74", "atomic-radius": "1.5", "electronegativity": "1.65", "first-ionization-potential": "9.3942", "density": "7.134", "melting-point-k": "692.88", "boiling-point-k": "1180", "isotopes": "15", "discoverer": "Prehistoric", "specific-heat-capacity": "0.388", "electron-configuration": "[Ar] 3d10 4s2", "display-row": "4", "display-column": "12" } }, { "id": "31", "properties": { "atomic-number": "31", "element": "Gallium", "symbol": "Ga", "atomic-weight": "69.723", "period": "4", "group": "13", "phase": "solid", "most-stable-crystal": "orth", "type": "Metal", "ionic-radius": "0.62", "atomic-radius": "1.8", "electronegativity": "1.81", "first-ionization-potential": "5.9993", "density": "5.907", "melting-point-k": "302.91", "boiling-point-k": "2477", "isotopes": "14", "discoverer": "de Boisbaudran", "year-of-discovery": "1875", "specific-heat-capacity": "0.371", "electron-configuration": "[Ar] 3d10 4s2 4p1", "display-row": "4", "display-column": "13" } }, { "id": "32", "properties": { "atomic-number": "32", "element": "Germanium", "symbol": "Ge", "atomic-weight": "72.64", "period": "4", "group": "14", "phase": "solid", "most-stable-crystal": "fcc", "type": "Metalloid", "ionic-radius": "0.53", "atomic-radius": "1.5", "electronegativity": "2.01", "first-ionization-potential": "7.8994", "density": "5.323", "melting-point-k": "1211.45", "boiling-point-k": "3106", "isotopes": "17", "discoverer": "Winkler", "year-of-discovery": "1886", "specific-heat-capacity": "0.32", "electron-configuration": "[Ar] 3d10 4s2 4p2", "display-row": "4", "display-column": "14" } }, { "id": "33", "properties": { "atomic-number": "33", "element": "Arsenic", "symbol": "As", "atomic-weight": "74.9216", "period": "4", "group": "15", "phase": "solid", "most-stable-crystal": "rho", "type": "Metalloid", "ionic-radius": "0.58", "atomic-radius": "1.3", "electronegativity": "2.18", "first-ionization-potential": "9.7886", "density": "5.776", "melting-point-k": "1090.15", "boiling-point-k": "887", "isotopes": "14", "discoverer": "Albertus Magnus", "year-of-discovery": "1250", "specific-heat-capacity": "0.329", "electron-configuration": "[Ar] 3d10 4s2 4p3", "display-row": "4", "display-column": "15" } }, { "id": "34", "properties": { "atomic-number": "34", "element": "Selenium", "symbol": "Se", "atomic-weight": "78.96", "period": "4", "group": "16", "phase": "solid", "most-stable-crystal": "hex", "type": "Nonmetal", "ionic-radius": "0.5", "atomic-radius": "1.2", "electronegativity": "2.55", "first-ionization-potential": "9.7524", "density": "4.809", "melting-point-k": "494.15", "boiling-point-k": "958", "isotopes": "20", "discoverer": "Berzelius", "year-of-discovery": "1817", "specific-heat-capacity": "0.321", "electron-configuration": "[Ar] 3d10 4s2 4p4", "display-row": "4", "display-column": "16" } }, { "id": "35", "properties": { "atomic-number": "35", "element": "Bromine", "symbol": "Br", "atomic-weight": "79.904", "period": "4", "group": "17", "phase": "liq", "type": "Halogen", "ionic-radius": "2", "atomic-radius": "1.1", "electronegativity": "2.96", "first-ionization-potential": "11.8138", "density": "3.122", "melting-point-k": "266.05", "boiling-point-k": "332", "isotopes": "19", "discoverer": "Balard", "year-of-discovery": "1826", "specific-heat-capacity": "0.474", "electron-configuration": "[Ar] 3d10 4s2 4p5", "display-row": "4", "display-column": "17" } }, { "id": "36", "properties": { "atomic-number": "36", "element": "Krypton", "symbol": "Kr", "atomic-weight": "83.798", "period": "4", "group": "18", "phase": "gas", "type": "Noble Gas", "atomic-radius": "1", "first-ionization-potential": "13.9996", "density": "0.003733", "melting-point-k": "115.93", "boiling-point-k": "119.93", "isotopes": "23", "discoverer": "Ramsay and Travers", "year-of-discovery": "1898", "specific-heat-capacity": "0.248", "electron-configuration": "[Ar] 3d10 4s2 4p6", "display-row": "4", "display-column": "18" } }, { "id": "37", "properties": { "atomic-number": "37", "element": "Rubidium", "symbol": "Rb", "atomic-weight": "85.4678", "period": "5", "group": "1", "phase": "solid", "most-stable-crystal": "bcc", "type": "Alkali Metal", "ionic-radius": "1.5", "atomic-radius": "3", "electronegativity": "0.82", "first-ionization-potential": "4.1771", "density": "1.532", "melting-point-k": "312.79", "boiling-point-k": "961", "isotopes": "20", "discoverer": "Bunsen and Kirchoff", "year-of-discovery": "1861", "specific-heat-capacity": "0.363", "electron-configuration": "[Kr] 5s1", "display-row": "5", "display-column": "1" } }, { "id": "38", "properties": { "atomic-number": "38", "element": "Strontium", "symbol": "Sr", "atomic-weight": "87.62", "period": "5", "group": "2", "phase": "solid", "most-stable-crystal": "fcc", "type": "Alkaline Earth Metal", "ionic-radius": "1.1", "atomic-radius": "2.5", "electronegativity": "0.95", "first-ionization-potential": "5.6949", "density": "2.64", "melting-point-k": "1042.15", "boiling-point-k": "1655", "isotopes": "18", "discoverer": "Davy", "year-of-discovery": "1808", "specific-heat-capacity": "0.301", "electron-configuration": "[Kr] 5s2", "display-row": "5", "display-column": "2" } }, { "id": "39", "properties": { "atomic-number": "39", "element": "Yttrium", "symbol": "Y", "atomic-weight": "88.90585", "period": "5", "group": "3", "phase": "solid", "most-stable-crystal": "hex", "type": "Transition Metal", "ionic-radius": "0.9", "atomic-radius": "2.3", "electronegativity": "1.22", "first-ionization-potential": "6.2173", "density": "4.469", "melting-point-k": "1799.15", "boiling-point-k": "3609", "isotopes": "21", "discoverer": "Gadolin", "year-of-discovery": "1794", "specific-heat-capacity": "0.298", "electron-configuration": "[Kr] 4d1 5s2", "display-row": "5", "display-column": "3" } }, { "id": "40", "properties": { "atomic-number": "40", "element": "Zirconium", "symbol": "Zr", "atomic-weight": "91.224", "period": "5", "group": "4", "phase": "solid", "most-stable-crystal": "hex", "type": "Transition Metal", "ionic-radius": "0.72", "atomic-radius": "2.2", "electronegativity": "1.33", "first-ionization-potential": "6.6339", "density": "6.506", "melting-point-k": "2125.15", "boiling-point-k": "4682", "isotopes": "20", "discoverer": "Klaproth", "year-of-discovery": "1789", "specific-heat-capacity": "0.278", "electron-configuration": "[Kr] 4d2 5s2", "display-row": "5", "display-column": "4" } }, { "id": "41", "properties": { "atomic-number": "41", "element": "Niobium", "symbol": "Nb", "atomic-weight": "92.90638", "period": "5", "group": "5", "phase": "solid", "most-stable-crystal": "bcc", "type": "Transition Metal", "ionic-radius": "0.69", "atomic-radius": "2.1", "electronegativity": "1.6", "first-ionization-potential": "6.7589", "density": "8.57", "melting-point-k": "2741.15", "boiling-point-k": "5017", "isotopes": "24", "discoverer": "Hatchett", "year-of-discovery": "1801", "specific-heat-capacity": "0.265", "electron-configuration": "[Kr] 4d4 5s1", "display-row": "5", "display-column": "5" } }, { "id": "42", "properties": { "atomic-number": "42", "element": "Molybdenum", "symbol": "Mo", "atomic-weight": "95.96", "period": "5", "group": "6", "phase": "solid", "most-stable-crystal": "bcc", "type": "Transition Metal", "ionic-radius": "0.65", "atomic-radius": "2", "electronegativity": "2.16", "first-ionization-potential": "7.0924", "density": "10.22", "melting-point-k": "2890.15", "boiling-point-k": "4912", "isotopes": "20", "discoverer": "Scheele", "year-of-discovery": "1778", "specific-heat-capacity": "0.251", "electron-configuration": "[Kr] 4d5 5s1", "display-row": "5", "display-column": "6" } }, { "id": "43", "properties": { "atomic-number": "43", "element": "Technetium", "symbol": "Tc", "atomic-weight": "98", "period": "5", "group": "7", "phase": "artificial", "most-stable-crystal": "hex", "type": "Transition Metal", "ionic-radius": "0.56", "atomic-radius": "2", "electronegativity": "1.9", "first-ionization-potential": "7.28", "density": "11.5", "melting-point-k": "2473.15", "boiling-point-k": "5150", "isotopes": "23", "discoverer": "Perrier and Segr???", "year-of-discovery": "1937", "electron-configuration": "[Kr] 4d5 5s2", "display-row": "5", "display-column": "7" } }, { "id": "44", "properties": { "atomic-number": "44", "element": "Ruthenium", "symbol": "Ru", "atomic-weight": "101.07", "period": "5", "group": "8", "phase": "solid", "most-stable-crystal": "hex", "type": "Transition Metal", "ionic-radius": "0.68", "atomic-radius": "1.9", "electronegativity": "2.2", "first-ionization-potential": "7.3605", "density": "12.37", "melting-point-k": "2523.15", "boiling-point-k": "4423", "isotopes": "16", "discoverer": "Klaus", "year-of-discovery": "1844", "specific-heat-capacity": "0.238", "electron-configuration": "[Kr] 4d7 5s1", "display-row": "5", "display-column": "8" } }, { "id": "45", "properties": { "atomic-number": "45", "element": "Rhodium", "symbol": "Rh", "atomic-weight": "102.9055", "period": "5", "group": "9", "phase": "solid", "most-stable-crystal": "fcc", "type": "Transition Metal", "ionic-radius": "0.68", "atomic-radius": "1.8", "electronegativity": "2.28", "first-ionization-potential": "7.4589", "density": "12.41", "melting-point-k": "2239.15", "boiling-point-k": "3968", "isotopes": "20", "discoverer": "Wollaston", "year-of-discovery": "1803", "specific-heat-capacity": "0.243", "electron-configuration": "[Kr] 4d8 5s1", "display-row": "5", "display-column": "9" } }, { "id": "46", "properties": { "atomic-number": "46", "element": "Palladium", "symbol": "Pd", "atomic-weight": "106.42", "period": "5", "group": "10", "phase": "solid", "most-stable-crystal": "fcc", "type": "Transition Metal", "ionic-radius": "0.86", "atomic-radius": "1.8", "electronegativity": "2.2", "first-ionization-potential": "8.3369", "density": "12.02", "melting-point-k": "1825.15", "boiling-point-k": "3236", "isotopes": "21", "discoverer": "Wollaston", "year-of-discovery": "1803", "specific-heat-capacity": "0.244", "electron-configuration": "[Kr] 4d10", "display-row": "5", "display-column": "10" } }, { "id": "47", "properties": { "atomic-number": "47", "element": "Silver", "symbol": "Ag", "atomic-weight": "107.8682", "period": "5", "group": "11", "phase": "solid", "most-stable-crystal": "fcc", "type": "Transition Metal", "ionic-radius": "1.3", "atomic-radius": "1.8", "electronegativity": "1.93", "first-ionization-potential": "7.5762", "density": "10.501", "melting-point-k": "1234.15", "boiling-point-k": "2435", "isotopes": "27", "discoverer": "Prehistoric", "specific-heat-capacity": "0.235", "electron-configuration": "[Kr] 4d10 5s1", "display-row": "5", "display-column": "11" } }, { "id": "48", "properties": { "atomic-number": "48", "element": "Cadmium", "symbol": "Cd", "atomic-weight": "112.411", "period": "5", "group": "12", "phase": "solid", "most-stable-crystal": "hex", "type": "Transition Metal", "ionic-radius": "0.97", "atomic-radius": "1.7", "electronegativity": "1.69", "first-ionization-potential": "8.9938", "density": "8.69", "melting-point-k": "594.33", "boiling-point-k": "1040", "isotopes": "22", "discoverer": "Stromeyer", "year-of-discovery": "1817", "specific-heat-capacity": "0.232", "electron-configuration": "[Kr] 4d10 5s2", "display-row": "5", "display-column": "12" } }, { "id": "49", "properties": { "atomic-number": "49", "element": "Indium", "symbol": "In", "atomic-weight": "114.818", "period": "5", "group": "13", "phase": "solid", "most-stable-crystal": "tet", "type": "Metal", "ionic-radius": "0.8", "atomic-radius": "2", "electronegativity": "1.78", "first-ionization-potential": "5.7864", "density": "7.31", "melting-point-k": "429.91", "boiling-point-k": "2345", "isotopes": "34", "discoverer": "Reich and Richter", "year-of-discovery": "1863", "specific-heat-capacity": "0.233", "electron-configuration": "[Kr] 4d10 5s2 5p1", "display-row": "5", "display-column": "13" } }, { "id": "50", "properties": { "atomic-number": "50", "element": "Tin", "symbol": "Sn", "atomic-weight": "118.71", "period": "5", "group": "14", "phase": "solid", "most-stable-crystal": "tet", "type": "Metal", "ionic-radius": "0.69", "atomic-radius": "1.7", "electronegativity": "1.96", "first-ionization-potential": "7.3439", "density": "7.287", "melting-point-k": "505.21", "boiling-point-k": "2875", "isotopes": "28", "discoverer": "Prehistoric", "specific-heat-capacity": "0.228", "electron-configuration": "[Kr] 4d10 5s2 5p2", "display-row": "5", "display-column": "14" } }, { "id": "51", "properties": { "atomic-number": "51", "element": "Antimony", "symbol": "Sb", "atomic-weight": "121.76", "period": "5", "group": "15", "phase": "solid", "most-stable-crystal": "rho", "type": "Metalloid", "ionic-radius": "0.76", "atomic-radius": "1.5", "electronegativity": "2.05", "first-ionization-potential": "8.6084", "density": "6.685", "melting-point-k": "904.05", "boiling-point-k": "1860", "isotopes": "29", "discoverer": "Early historic times", "specific-heat-capacity": "0.207", "electron-configuration": "[Kr] 4d10 5s2 5p3", "display-row": "5", "display-column": "15" } }, { "id": "52", "properties": { "atomic-number": "52", "element": "Tellurium", "symbol": "Te", "atomic-weight": "127.6", "period": "5", "group": "16", "phase": "solid", "most-stable-crystal": "hex", "type": "Metalloid", "ionic-radius": "0.97", "atomic-radius": "1.4", "electronegativity": "2.1", "first-ionization-potential": "9.0096", "density": "6.232", "melting-point-k": "722.8", "boiling-point-k": "1261", "isotopes": "29", "discoverer": "von Reichenstein", "year-of-discovery": "1782", "specific-heat-capacity": "0.202", "electron-configuration": "[Kr] 4d10 5s2 5p4", "display-row": "5", "display-column": "16" } }, { "id": "53", "properties": { "atomic-number": "53", "element": "Iodine", "symbol": "I", "atomic-weight": "126.90447", "period": "5", "group": "17", "phase": "solid", "most-stable-crystal": "orth", "type": "Halogen", "ionic-radius": "2.2", "atomic-radius": "1.3", "electronegativity": "2.66", "first-ionization-potential": "10.4513", "density": "4.93", "melting-point-k": "386.65", "boiling-point-k": "457.4", "isotopes": "24", "discoverer": "Courtois", "year-of-discovery": "1811", "specific-heat-capacity": "0.214", "electron-configuration": "[Kr] 4d10 5s2 5p5", "display-row": "5", "display-column": "17" } }, { "id": "54", "properties": { "atomic-number": "54", "element": "Xenon", "symbol": "Xe", "atomic-weight": "131.293", "period": "5", "group": "18", "phase": "gas", "most-stable-crystal": "gas", "type": "Noble Gas", "atomic-radius": "1.2", "first-ionization-potential": "12.1298", "density": "0.005887", "melting-point-k": "161.45", "boiling-point-k": "165.03", "isotopes": "31", "discoverer": "Ramsay and Travers", "year-of-discovery": "1898", "specific-heat-capacity": "0.158", "electron-configuration": "[Kr] 4d10 5s2 5p6", "display-row": "5", "display-column": "18" } }, { "id": "55", "properties": { "atomic-number": "55", "element": "Cesium", "symbol": "Cs", "atomic-weight": "132.9054519", "period": "6", "group": "1", "phase": "solid", "type": "Alkali Metal", "ionic-radius": "1.7", "atomic-radius": "3.3", "electronegativity": "0.79", "first-ionization-potential": "3.8939", "density": "1.873", "melting-point-k": "301.7", "boiling-point-k": "944", "isotopes": "22", "discoverer": "Bunsen and Kirchoff", "year-of-discovery": "1860", "specific-heat-capacity": "0.242", "electron-configuration": "[Xe] 6s1", "display-row": "6", "display-column": "1" } }, { "id": "56", "properties": { "atomic-number": "56", "element": "Barium", "symbol": "Ba", "atomic-weight": "137.327", "period": "6", "group": "2", "phase": "solid", "most-stable-crystal": "bcc", "type": "Alkaline Earth Metal", "ionic-radius": "1.4", "atomic-radius": "2.8", "electronegativity": "0.89", "first-ionization-potential": "5.2117", "density": "3.594", "melting-point-k": "1002.15", "boiling-point-k": "2170", "isotopes": "25", "discoverer": "Davy", "year-of-discovery": "1808", "specific-heat-capacity": "0.204", "electron-configuration": "[Xe] 6s2", "display-row": "6", "display-column": "2" } }, { "id": "57", "properties": { "atomic-number": "57", "element": "Lanthanum", "symbol": "La", "atomic-weight": "138.90547", "period": "6", "group": "3", "phase": "solid", "most-stable-crystal": "hex", "type": "Lanthanide", "ionic-radius": "1.1", "atomic-radius": "2.7", "electronegativity": "1.1", "first-ionization-potential": "5.5769", "density": "6.145", "melting-point-k": "1193.15", "boiling-point-k": "3737", "isotopes": "19", "discoverer": "Mosander", "year-of-discovery": "1839", "specific-heat-capacity": "0.195", "electron-configuration": "[Xe] 5d1 6s2", "display-row": "8", "display-column": "3" } }, { "id": "58", "properties": { "atomic-number": "58", "element": "Cerium", "symbol": "Ce", "atomic-weight": "140.116", "period": "6", "group": "19", "phase": "solid", "most-stable-crystal": "fcc", "type": "Lanthanide", "ionic-radius": "1", "atomic-radius": "2.7", "electronegativity": "1.12", "first-ionization-potential": "5.5387", "density": "6.77", "melting-point-k": "1071.15", "boiling-point-k": "3716", "isotopes": "19", "discoverer": "Berzelius", "year-of-discovery": "1803", "specific-heat-capacity": "0.192", "electron-configuration": "[Xe] 4f1 5d1 6s2", "display-row": "8", "display-column": "4" } }, { "id": "59", "properties": { "atomic-number": "59", "element": "Praseodymium", "symbol": "Pr", "atomic-weight": "140.90765", "period": "6", "group": "20", "phase": "solid", "most-stable-crystal": "hex", "type": "Lanthanide", "ionic-radius": "1", "atomic-radius": "2.7", "electronegativity": "1.13", "first-ionization-potential": "5.473", "density": "6.773", "melting-point-k": "1204.15", "boiling-point-k": "3793", "isotopes": "15", "discoverer": "von Welsbach", "year-of-discovery": "1885", "specific-heat-capacity": "0.193", "electron-configuration": "[Xe] 4f3 6s2", "display-row": "8", "display-column": "5" } }, { "id": "60", "properties": { "atomic-number": "60", "element": "Neodymium", "symbol": "Nd", "atomic-weight": "144.242", "period": "6", "group": "21", "phase": "solid", "most-stable-crystal": "hex", "type": "Lanthanide", "ionic-radius": "1", "atomic-radius": "2.6", "electronegativity": "1.14", "first-ionization-potential": "5.525", "density": "7.007", "melting-point-k": "1289.15", "boiling-point-k": "3347", "isotopes": "16", "discoverer": "von Welsbach", "year-of-discovery": "1885", "specific-heat-capacity": "0.19", "electron-configuration": "[Xe] 4f4 6s2", "display-row": "8", "display-column": "6" } }, { "id": "61", "properties": { "atomic-number": "61", "element": "Promethium", "symbol": "Pm", "atomic-weight": "145", "period": "6", "group": "22", "phase": "artificial", "most-stable-crystal": "hex", "type": "Lanthanide", "ionic-radius": "0.98", "atomic-radius": "2.6", "electronegativity": "1.13", "first-ionization-potential": "5.582", "density": "7.26", "melting-point-k": "1204.15", "boiling-point-k": "3273", "isotopes": "14", "discoverer": "Marinsky et al.", "year-of-discovery": "1945", "electron-configuration": "[Xe] 4f5 6s2", "display-row": "8", "display-column": "7" } }, { "id": "62", "properties": { "atomic-number": "62", "element": "Samarium", "symbol": "Sm", "atomic-weight": "150.36", "period": "6", "group": "23", "phase": "solid", "most-stable-crystal": "hex", "type": "Lanthanide", "ionic-radius": "0.96", "atomic-radius": "2.6", "electronegativity": "1.17", "first-ionization-potential": "5.6437", "density": "7.52", "melting-point-k": "1345.15", "boiling-point-k": "2067", "isotopes": "17", "discoverer": "Boisbaudran", "year-of-discovery": "1879", "specific-heat-capacity": "0.197", "electron-configuration": "[Xe] 4f6 6s2", "display-row": "8", "display-column": "8" } }, { "id": "63", "properties": { "atomic-number": "63", "element": "Europium", "symbol": "Eu", "atomic-weight": "151.964", "period": "6", "group": "24", "phase": "solid", "most-stable-crystal": "bcc", "type": "Lanthanide", "ionic-radius": "0.95", "atomic-radius": "2.6", "electronegativity": "1.2", "first-ionization-potential": "5.6704", "density": "5.243", "melting-point-k": "1095.15", "boiling-point-k": "1802", "isotopes": "21", "discoverer": "Demarcay", "year-of-discovery": "1901", "specific-heat-capacity": "0.182", "electron-configuration": "[Xe] 4f7 6s2", "display-row": "8", "display-column": "9" } }, { "id": "64", "properties": { "atomic-number": "64", "element": "Gadolinium", "symbol": "Gd", "atomic-weight": "157.25", "period": "6", "group": "25", "phase": "solid", "most-stable-crystal": "hex", "type": "Lanthanide", "ionic-radius": "0.94", "atomic-radius": "2.5", "electronegativity": "1.2", "first-ionization-potential": "6.1501", "density": "7.895", "melting-point-k": "1585.15", "boiling-point-k": "3546", "isotopes": "17", "discoverer": "de Marignac", "year-of-discovery": "1880", "specific-heat-capacity": "0.236", "electron-configuration": "[Xe] 4f7 5d1 6s2", "display-row": "8", "display-column": "10" } }, { "id": "65", "properties": { "atomic-number": "65", "element": "Terbium", "symbol": "Tb", "atomic-weight": "158.92535", "period": "6", "group": "26", "phase": "solid", "most-stable-crystal": "hex", "type": "Lanthanide", "ionic-radius": "0.92", "atomic-radius": "2.5", "electronegativity": "1.2", "first-ionization-potential": "5.8638", "density": "8.229", "melting-point-k": "1630.15", "boiling-point-k": "3503", "isotopes": "24", "discoverer": "Mosander", "year-of-discovery": "1843", "specific-heat-capacity": "0.182", "electron-configuration": "[Xe] 4f9 6s2", "display-row": "8", "display-column": "11" } }, { "id": "66", "properties": { "atomic-number": "66", "element": "Dysprosium", "symbol": "Dy", "atomic-weight": "162.5", "period": "6", "group": "27", "phase": "solid", "most-stable-crystal": "hex", "type": "Lanthanide", "ionic-radius": "0.91", "atomic-radius": "2.5", "electronegativity": "1.22", "first-ionization-potential": "5.9389", "density": "8.55", "melting-point-k": "1680.15", "boiling-point-k": "2840", "isotopes": "21", "discoverer": "de Boisbaudran", "year-of-discovery": "1886", "specific-heat-capacity": "0.17", "electron-configuration": "[Xe] 4f10 6s2", "display-row": "8", "display-column": "12" } }, { "id": "67", "properties": { "atomic-number": "67", "element": "Holmium", "symbol": "Ho", "atomic-weight": "164.93032", "period": "6", "group": "28", "phase": "solid", "most-stable-crystal": "hex", "type": "Lanthanide", "ionic-radius": "0.9", "atomic-radius": "2.5", "electronegativity": "1.23", "first-ionization-potential": "6.0215", "density": "8.795", "melting-point-k": "1743.15", "boiling-point-k": "2993", "isotopes": "29", "discoverer": "Delafontaine and Soret", "year-of-discovery": "1878", "specific-heat-capacity": "0.165", "electron-configuration": "[Xe] 4f11 6s2", "display-row": "8", "display-column": "13" } }, { "id": "68", "properties": { "atomic-number": "68", "element": "Erbium", "symbol": "Er", "atomic-weight": "167.259", "period": "6", "group": "29", "phase": "solid", "most-stable-crystal": "hex", "type": "Lanthanide", "ionic-radius": "0.88", "atomic-radius": "2.5", "electronegativity": "1.24", "first-ionization-potential": "6.1077", "density": "9.066", "melting-point-k": "1795.15", "boiling-point-k": "3503", "isotopes": "16", "discoverer": "Mosander", "year-of-discovery": "1843", "specific-heat-capacity": "0.168", "electron-configuration": "[Xe] 4f12 6s2", "display-row": "8", "display-column": "14" } }, { "id": "69", "properties": { "atomic-number": "69", "element": "Thulium", "symbol": "Tm", "atomic-weight": "168.93421", "period": "6", "group": "30", "phase": "solid", "most-stable-crystal": "hex", "type": "Lanthanide", "ionic-radius": "0.87", "atomic-radius": "2.4", "electronegativity": "1.25", "first-ionization-potential": "6.1843", "density": "9.321", "melting-point-k": "1818.15", "boiling-point-k": "2223", "isotopes": "18", "discoverer": "Cleve", "year-of-discovery": "1879", "specific-heat-capacity": "0.16", "electron-configuration": "[Xe] 4f13 6s2", "display-row": "8", "display-column": "15" } }, { "id": "70", "properties": { "atomic-number": "70", "element": "Ytterbium", "symbol": "Yb", "atomic-weight": "173.054", "period": "6", "group": "31", "phase": "solid", "most-stable-crystal": "fcc", "type": "Lanthanide", "ionic-radius": "0.86", "atomic-radius": "2.4", "electronegativity": "1.1", "first-ionization-potential": "6.2542", "density": "6.965", "melting-point-k": "1097.15", "boiling-point-k": "1469", "isotopes": "16", "discoverer": "Marignac", "year-of-discovery": "1878", "specific-heat-capacity": "0.155", "electron-configuration": "[Xe] 4f14 6s2", "display-row": "8", "display-column": "16" } }, { "id": "71", "properties": { "atomic-number": "71", "element": "Lutetium", "symbol": "Lu", "atomic-weight": "174.9668", "period": "6", "group": "32", "phase": "solid", "most-stable-crystal": "hex", "type": "Lanthanide", "ionic-radius": "0.85", "atomic-radius": "2.3", "electronegativity": "1.27", "first-ionization-potential": "5.4259", "density": "9.84", "melting-point-k": "1936.15", "boiling-point-k": "3675", "isotopes": "22", "discoverer": "Urbain/ von Welsbach", "year-of-discovery": "1907", "specific-heat-capacity": "0.154", "electron-configuration": "[Xe] 4f14 5d1 6s2", "display-row": "8", "display-column": "17" } }, { "id": "72", "properties": { "atomic-number": "72", "element": "Hafnium", "symbol": "Hf", "atomic-weight": "178.49", "period": "6", "group": "4", "phase": "solid", "most-stable-crystal": "hex", "type": "Transition Metal", "ionic-radius": "0.71", "atomic-radius": "2.2", "electronegativity": "1.3", "first-ionization-potential": "6.8251", "density": "13.31", "melting-point-k": "2500.15", "boiling-point-k": "4876", "isotopes": "17", "discoverer": "Coster and von Hevesy", "year-of-discovery": "1923", "specific-heat-capacity": "0.144", "electron-configuration": "[Xe] 4f14 5d2 6s2", "display-row": "6", "display-column": "4" } }, { "id": "73", "properties": { "atomic-number": "73", "element": "Tantalum", "symbol": "Ta", "atomic-weight": "180.94788", "period": "6", "group": "5", "phase": "solid", "most-stable-crystal": "bcc", "type": "Transition Metal", "ionic-radius": "0.64", "atomic-radius": "2.1", "electronegativity": "1.5", "first-ionization-potential": "7.5496", "density": "16.654", "melting-point-k": "3269.15", "boiling-point-k": "5731", "isotopes": "19", "discoverer": "Ekeberg", "year-of-discovery": "1801", "specific-heat-capacity": "0.14", "electron-configuration": "[Xe] 4f14 5d3 6s2", "display-row": "6", "display-column": "5" } }, { "id": "74", "properties": { "atomic-number": "74", "element": "Tungsten", "symbol": "W", "atomic-weight": "183.84", "period": "6", "group": "6", "phase": "solid", "most-stable-crystal": "bcc", "type": "Transition Metal", "ionic-radius": "0.62", "atomic-radius": "2", "electronegativity": "2.36", "first-ionization-potential": "7.864", "density": "19.25", "melting-point-k": "3680.15", "boiling-point-k": "5828", "isotopes": "22", "discoverer": "J. and F. d'Elhuyar", "year-of-discovery": "1783", "specific-heat-capacity": "0.132", "electron-configuration": "[Xe] 4f14 5d4 6s2", "display-row": "6", "display-column": "6" } }, { "id": "75", "properties": { "atomic-number": "75", "element": "Rhenium", "symbol": "Re", "atomic-weight": "186.207", "period": "6", "group": "7", "phase": "solid", "most-stable-crystal": "hex", "type": "Transition Metal", "ionic-radius": "0.56", "atomic-radius": "2", "electronegativity": "1.9", "first-ionization-potential": "7.8335", "density": "21.02", "melting-point-k": "3453.15", "boiling-point-k": "5869", "isotopes": "21", "discoverer": "Noddack, Berg, and Tacke", "year-of-discovery": "1925", "specific-heat-capacity": "0.137", "electron-configuration": "[Xe] 4f14 5d5 6s2", "display-row": "6", "display-column": "7" } }, { "id": "76", "properties": { "atomic-number": "76", "element": "Osmium", "symbol": "Os", "atomic-weight": "190.23", "period": "6", "group": "8", "phase": "solid", "most-stable-crystal": "hex", "type": "Transition Metal", "ionic-radius": "0.63", "atomic-radius": "1.9", "electronegativity": "2.2", "first-ionization-potential": "8.4382", "density": "22.61", "melting-point-k": "3300.15", "boiling-point-k": "5285", "isotopes": "19", "discoverer": "Tennant", "year-of-discovery": "1803", "specific-heat-capacity": "0.13", "electron-configuration": "[Xe] 4f14 5d6 6s2", "display-row": "6", "display-column": "8" } }, { "id": "77", "properties": { "atomic-number": "77", "element": "Iridium", "symbol": "Ir", "atomic-weight": "192.217", "period": "6", "group": "9", "phase": "solid", "most-stable-crystal": "fcc", "type": "Transition Metal", "ionic-radius": "0.63", "atomic-radius": "1.9", "electronegativity": "2.2", "first-ionization-potential": "8.967", "density": "22.56", "melting-point-k": "2716.15", "boiling-point-k": "4701", "isotopes": "25", "discoverer": "Tennant", "year-of-discovery": "1804", "specific-heat-capacity": "0.131", "electron-configuration": "[Xe] 4f14 5d7 6s2", "display-row": "6", "display-column": "9" } }, { "id": "78", "properties": { "atomic-number": "78", "element": "Platinum", "symbol": "Pt", "atomic-weight": "195.084", "period": "6", "group": "10", "phase": "solid", "most-stable-crystal": "fcc", "type": "Transition Metal", "ionic-radius": "0.63", "atomic-radius": "1.8", "electronegativity": "2.28", "first-ionization-potential": "8.9587", "density": "21.46", "melting-point-k": "2045.15", "boiling-point-k": "4098", "isotopes": "32", "discoverer": "Ulloa/Wood", "year-of-discovery": "1735", "specific-heat-capacity": "0.133", "electron-configuration": "[Xe] 4f14 5d9 6s1", "display-row": "6", "display-column": "10" } }, { "id": "79", "properties": { "atomic-number": "79", "element": "Gold", "symbol": "Au", "atomic-weight": "196.966569", "period": "6", "group": "11", "phase": "solid", "most-stable-crystal": "fcc", "type": "Transition Metal", "ionic-radius": "0.85", "atomic-radius": "1.8", "electronegativity": "2.54", "first-ionization-potential": "9.2255", "density": "19.282", "melting-point-k": "1337.73", "boiling-point-k": "3129", "isotopes": "21", "discoverer": "Prehistoric", "specific-heat-capacity": "0.129", "electron-configuration": "[Xe] 4f14 5d10 6s1", "display-row": "6", "display-column": "11" } }, { "id": "80", "properties": { "atomic-number": "80", "element": "Mercury", "symbol": "Hg", "atomic-weight": "200.59", "period": "6", "group": "12", "phase": "liq", "type": "Transition Metal", "ionic-radius": "1", "atomic-radius": "1.8", "electronegativity": "2", "first-ionization-potential": "10.4375", "density": "13.5336", "melting-point-k": "234.43", "boiling-point-k": "630", "isotopes": "26", "discoverer": "Prehistoric", "specific-heat-capacity": "0.14", "electron-configuration": "[Xe] 4f14 5d10 6s2", "display-row": "6", "display-column": "12" } }, { "id": "81", "properties": { "atomic-number": "81", "element": "Thallium", "symbol": "Tl", "atomic-weight": "204.3833", "period": "6", "group": "13", "phase": "solid", "most-stable-crystal": "hex", "type": "Metal", "ionic-radius": "1.5", "atomic-radius": "2.1", "electronegativity": "2.04", "first-ionization-potential": "6.1082", "density": "11.85", "melting-point-k": "577.15", "boiling-point-k": "1746", "isotopes": "28", "discoverer": "Crookes", "year-of-discovery": "1861", "specific-heat-capacity": "0.129", "electron-configuration": "[Xe] 4f14 5d10 6s2 6p1", "display-row": "6", "display-column": "13" } }, { "id": "82", "properties": { "atomic-number": "82", "element": "Lead", "symbol": "Pb", "atomic-weight": "207.2", "period": "6", "group": "14", "phase": "solid", "most-stable-crystal": "fcc", "type": "Metal", "ionic-radius": "1.2", "atomic-radius": "1.8", "electronegativity": "2.33", "first-ionization-potential": "7.4167", "density": "11.342", "melting-point-k": "600.75", "boiling-point-k": "2022", "isotopes": "29", "discoverer": "Prehistoric", "specific-heat-capacity": "0.129", "electron-configuration": "[Xe] 4f14 5d10 6s2 6p2", "display-row": "6", "display-column": "14" } }, { "id": "83", "properties": { "atomic-number": "83", "element": "Bismuth", "symbol": "Bi", "atomic-weight": "208.9804", "period": "6", "group": "15", "phase": "solid", "most-stable-crystal": "rho", "type": "Metal", "ionic-radius": "1", "atomic-radius": "1.6", "electronegativity": "2.02", "first-ionization-potential": "7.2856", "density": "9.807", "melting-point-k": "544.67", "boiling-point-k": "1837", "isotopes": "19", "discoverer": "Geoffroy the Younger", "year-of-discovery": "1753", "specific-heat-capacity": "0.122", "electron-configuration": "[Xe] 4f14 5d10 6s2 6p3", "display-row": "6", "display-column": "15" } }, { "id": "84", "properties": { "atomic-number": "84", "element": "Polonium", "symbol": "Po", "atomic-weight": "210", "period": "6", "group": "16", "phase": "solid", "most-stable-crystal": "cub", "type": "Metalloid", "ionic-radius": "2.3", "atomic-radius": "1.5", "electronegativity": "2", "first-ionization-potential": "8.417", "density": "9.32", "melting-point-k": "527.15", "boiling-point-k": "1235", "isotopes": "34", "discoverer": "Curie", "year-of-discovery": "1898", "electron-configuration": "[Xe] 4f14 5d10 6s2 6p4", "display-row": "6", "display-column": "16" } }, { "id": "85", "properties": { "atomic-number": "85", "element": "Astatine", "symbol": "At", "atomic-weight": "210", "period": "6", "group": "17", "phase": "solid", "type": "Halogen", "atomic-radius": "1.4", "electronegativity": "2.2", "first-ionization-potential": "9.3", "density": "7", "melting-point-k": "575.15", "boiling-point-k": "610", "isotopes": "21", "discoverer": "Corson et al.", "year-of-discovery": "1940", "electron-configuration": "[Xe] 4f14 5d10 6s2 6p5", "display-row": "6", "display-column": "17" } }, { "id": "86", "properties": { "atomic-number": "86", "element": "Radon", "symbol": "Rn", "atomic-weight": "222", "period": "6", "group": "18", "phase": "gas", "type": "Noble Gas", "atomic-radius": "1.3", "first-ionization-potential": "10.7485", "density": "0.00973", "melting-point-k": "202.15", "boiling-point-k": "211.3", "isotopes": "20", "discoverer": "Dorn", "year-of-discovery": "1900", "specific-heat-capacity": "0.094", "electron-configuration": "[Xe] 4f14 5d10 6s2 6p6", "display-row": "6", "display-column": "18" } }, { "id": "87", "properties": { "atomic-number": "87", "element": "Francium", "symbol": "Fr", "atomic-weight": "223", "period": "7", "group": "1", "phase": "solid", "most-stable-crystal": "bcc", "type": "Alkali Metal", "ionic-radius": "1.8", "electronegativity": "0.7", "first-ionization-potential": "4.0727", "density": "1.87", "melting-point-k": "300.15", "boiling-point-k": "950", "isotopes": "21", "discoverer": "Perey", "year-of-discovery": "1939", "electron-configuration": "[Rn] 7s1", "display-row": "7", "display-column": "1" } }, { "id": "88", "properties": { "atomic-number": "88", "element": "Radium", "symbol": "Ra", "atomic-weight": "226", "period": "7", "group": "2", "phase": "solid", "most-stable-crystal": "bcc", "type": "Alkaline Earth Metal", "ionic-radius": "1.4", "electronegativity": "0.9", "first-ionization-potential": "5.2784", "density": "5.5", "melting-point-k": "973.15", "boiling-point-k": "2010", "isotopes": "15", "discoverer": "Pierre and Marie Curie", "year-of-discovery": "1898", "electron-configuration": "[Rn] 7s2", "display-row": "7", "display-column": "2" } }, { "id": "89", "properties": { "atomic-number": "89", "element": "Actinium", "symbol": "Ac", "atomic-weight": "227", "period": "7", "group": "3", "phase": "solid", "most-stable-crystal": "fcc", "type": "Actinide", "ionic-radius": "1.1", "electronegativity": "1.1", "first-ionization-potential": "5.17", "density": "10.07", "melting-point-k": "1323.15", "boiling-point-k": "3471", "isotopes": "11", "discoverer": "Debierne/Giesel", "year-of-discovery": "1899", "specific-heat-capacity": "0.12", "electron-configuration": "[Rn] 6d1 7s2", "display-row": "9", "display-column": "3" } }, { "id": "90", "properties": { "atomic-number": "90", "element": "Thorium", "symbol": "Th", "atomic-weight": "232.03806", "period": "7", "group": "19", "phase": "solid", "most-stable-crystal": "fcc", "type": "Actinide", "ionic-radius": "0.97", "electronegativity": "1.3", "first-ionization-potential": "6.3067", "density": "11.72", "melting-point-k": "2028.15", "boiling-point-k": "5061", "isotopes": "12", "discoverer": "Berzelius", "year-of-discovery": "1828", "specific-heat-capacity": "0.113", "electron-configuration": "[Rn] 6d2 7s2", "display-row": "9", "display-column": "4" } }, { "id": "91", "properties": { "atomic-number": "91", "element": "Protactinium", "symbol": "Pa", "atomic-weight": "231.03588", "period": "7", "group": "20", "phase": "solid", "most-stable-crystal": "orth", "type": "Actinide", "ionic-radius": "0.78", "electronegativity": "1.5", "first-ionization-potential": "5.89", "density": "15.37", "melting-point-k": "1873.15", "boiling-point-k": "4300", "isotopes": "14", "discoverer": "Hahn and Meitner", "year-of-discovery": "1917", "electron-configuration": "[Rn] 5f2 6d1 7s2", "display-row": "9", "display-column": "5" } }, { "id": "92", "properties": { "atomic-number": "92", "element": "Uranium", "symbol": "U", "atomic-weight": "238.02891", "period": "7", "group": "21", "phase": "solid", "most-stable-crystal": "orth", "type": "Actinide", "ionic-radius": "0.52", "electronegativity": "1.38", "first-ionization-potential": "6.1941", "density": "18.95", "melting-point-k": "1405.15", "boiling-point-k": "4404", "isotopes": "15", "discoverer": "Peligot", "year-of-discovery": "1841", "specific-heat-capacity": "0.116", "electron-configuration": "[Rn] 5f3 6d1 7s2", "display-row": "9", "display-column": "6" } }, { "id": "93", "properties": { "atomic-number": "93", "element": "Neptunium", "symbol": "Np", "atomic-weight": "237", "period": "7", "group": "22", "phase": "artificial", "most-stable-crystal": "orth", "type": "Actinide", "ionic-radius": "0.75", "electronegativity": "1.36", "first-ionization-potential": "6.2657", "density": "20.45", "melting-point-k": "913.15", "boiling-point-k": "4273", "isotopes": "153", "discoverer": "McMillan and Abelson", "year-of-discovery": "1940", "electron-configuration": "[Rn] 5f4 6d1 7s2", "display-row": "9", "display-column": "7" } }, { "id": "94", "properties": { "atomic-number": "94", "element": "Plutonium", "symbol": "Pu", "atomic-weight": "244", "period": "7", "group": "23", "phase": "artificial", "most-stable-crystal": "mno", "type": "Actinide", "ionic-radius": "0.89", "electronegativity": "1.28", "first-ionization-potential": "6.0262", "density": "19.84", "melting-point-k": "913.15", "boiling-point-k": "3501", "isotopes": "163", "discoverer": "Seaborg et al.", "year-of-discovery": "1940", "electron-configuration": "[Rn] 5f6 7s2", "display-row": "9", "display-column": "8" } }, { "id": "95", "properties": { "atomic-number": "95", "element": "Americium", "symbol": "Am", "atomic-weight": "243", "period": "7", "group": "24", "phase": "artificial", "most-stable-crystal": "hex", "type": "Actinide", "ionic-radius": "0.98", "electronegativity": "1.3", "first-ionization-potential": "5.9738", "density": "13.69", "melting-point-k": "1267.15", "boiling-point-k": "2880", "isotopes": "133", "discoverer": "Seaborg et al.", "year-of-discovery": "1944", "electron-configuration": "[Rn] 5f7 7s2", "display-row": "9", "display-column": "9" } }, { "id": "96", "properties": { "atomic-number": "96", "element": "Curium", "symbol": "Cm", "atomic-weight": "247", "period": "7", "group": "25", "phase": "artificial", "most-stable-crystal": "hex", "type": "Actinide", "ionic-radius": "0.97", "electronegativity": "1.3", "first-ionization-potential": "5.9915", "density": "13.51", "melting-point-k": "1340.15", "boiling-point-k": "3383", "isotopes": "133", "discoverer": "Seaborg et al.", "year-of-discovery": "1944", "display-row": "9", "display-column": "10" } }, { "id": "97", "properties": { "atomic-number": "97", "element": "Berkelium", "symbol": "Bk", "atomic-weight": "247", "period": "7", "group": "26", "phase": "artificial", "most-stable-crystal": "hex", "type": "Actinide", "ionic-radius": "0.95", "electronegativity": "1.3", "first-ionization-potential": "6.1979", "density": "14.79", "melting-point-k": "1259.15", "boiling-point-k": "983", "isotopes": "83", "discoverer": "Seaborg et al.", "year-of-discovery": "1949", "display-row": "9", "display-column": "11" } }, { "id": "98", "properties": { "atomic-number": "98", "element": "Californium", "symbol": "Cf", "atomic-weight": "251", "period": "7", "group": "27", "phase": "artificial", "most-stable-crystal": "hex", "type": "Actinide", "ionic-radius": "0.93", "electronegativity": "1.3", "first-ionization-potential": "6.2817", "density": "15.1", "melting-point-k": "1925.15", "boiling-point-k": "1173", "isotopes": "123", "discoverer": "Seaborg et al.", "year-of-discovery": "1950", "display-row": "9", "display-column": "12" } }, { "id": "99", "properties": { "atomic-number": "99", "element": "Einsteinium", "symbol": "Es", "atomic-weight": "252", "period": "7", "group": "28", "phase": "artificial", "most-stable-crystal": "hex", "type": "Actinide", "electronegativity": "1.3", "first-ionization-potential": "6.42", "density": "13.5", "melting-point-k": "1133.15", "isotopes": "123", "discoverer": "Ghiorso et al.", "year-of-discovery": "1952", "display-row": "9", "display-column": "13" } }, { "id": "100", "properties": { "atomic-number": "100", "element": "Fermium", "symbol": "Fm", "atomic-weight": "257", "period": "7", "group": "29", "phase": "artificial", "type": "Actinide", "electronegativity": "1.3", "first-ionization-potential": "6.5", "isotopes": "103", "discoverer": "Ghiorso et al.", "year-of-discovery": "1953", "display-row": "9", "display-column": "14" } }, { "id": "101", "properties": { "atomic-number": "101", "element": "Mendelevium", "symbol": "Md", "atomic-weight": "258", "period": "7", "group": "30", "phase": "artificial", "type": "Actinide", "electronegativity": "1.3", "first-ionization-potential": "6.58", "isotopes": "33", "discoverer": "Ghiorso et al.", "year-of-discovery": "1955", "display-row": "9", "display-column": "15" } }, { "id": "102", "properties": { "atomic-number": "102", "element": "Nobelium", "symbol": "No", "atomic-weight": "259", "period": "7", "group": "31", "phase": "artificial", "type": "Actinide", "electronegativity": "1.3", "first-ionization-potential": "6.65", "isotopes": "73", "discoverer": "Ghiorso et al.", "year-of-discovery": "1958", "display-row": "9", "display-column": "16" } }, { "id": "103", "properties": { "atomic-number": "103", "element": "Lawrencium", "symbol": "Lr", "atomic-weight": "262", "period": "7", "group": "32", "phase": "artificial", "type": "Actinide", "isotopes": "203", "discoverer": "Ghiorso et al.", "year-of-discovery": "1961", "display-row": "9", "display-column": "17" } }, { "id": "104", "properties": { "atomic-number": "104", "element": "Rutherfordium", "symbol": "Rf", "atomic-weight": "261", "period": "7", "group": "4", "phase": "artificial", "type": "Transactinide", "density": "18.1", "discoverer": "Ghiorso et al.", "year-of-discovery": "1969", "display-row": "7", "display-column": "4" } }, { "id": "105", "properties": { "atomic-number": "105", "element": "Dubnium", "symbol": "Db", "atomic-weight": "262", "period": "7", "group": "5", "phase": "artificial", "type": "Transactinide", "density": "39", "discoverer": "Ghiorso et al.", "year-of-discovery": "1970", "display-row": "7", "display-column": "5" } }, { "id": "106", "properties": { "atomic-number": "106", "element": "Seaborgium", "symbol": "Sg", "atomic-weight": "266", "period": "7", "group": "6", "phase": "artificial", "type": "Transactinide", "density": "35", "discoverer": "Ghiorso et al.", "year-of-discovery": "1974", "display-row": "7", "display-column": "6" } }, { "id": "107", "properties": { "atomic-number": "107", "element": "Bohrium", "symbol": "Bh", "atomic-weight": "264", "period": "7", "group": "7", "phase": "artificial", "type": "Transactinide", "density": "37", "discoverer": "Armbruster and M???nzenberg", "year-of-discovery": "1981", "display-row": "7", "display-column": "7" } }, { "id": "108", "properties": { "atomic-number": "108", "element": "Hassium", "symbol": "Hs", "atomic-weight": "267", "period": "7", "group": "8", "phase": "artificial", "type": "Transactinide", "density": "41", "discoverer": "Armbruster and M???nzenberg", "year-of-discovery": "1983", "display-row": "7", "display-column": "8" } }, { "id": "109", "properties": { "atomic-number": "109", "element": "Meitnerium", "symbol": "Mt", "atomic-weight": "268", "period": "7", "group": "9", "phase": "artificial", "type": "Transactinide", "density": "35", "discoverer": "GSI, Darmstadt, West Germany", "year-of-discovery": "1982", "display-row": "7", "display-column": "9" } }, { "id": "110", "properties": { "atomic-number": "110", "element": "Darmstadtium", "symbol": "Ds", "atomic-weight": "271", "period": "7", "group": "10", "phase": "artificial", "type": "Transactinide", "display-row": "7", "display-column": "10" } }, { "id": "111", "properties": { "atomic-number": "111", "element": "Roentgenium", "symbol": "Rg", "atomic-weight": "272", "period": "7", "group": "11", "phase": "artificial", "type": "Transactinide", "display-row": "7", "display-column": "11" } }, { "id": "112", "properties": { "atomic-number": "112", "element": "Copernicium", "symbol": "Cn", "atomic-weight": "285", "period": "7", "group": "12", "phase": "artificial", "type": "Transactinide", "display-row": "7", "display-column": "12" } }, { "id": "113", "properties": { "atomic-number": "113", "element": "Nihonium", "symbol": "Nh", "atomic-weight": "284", "period": "7", "group": "13", "phase": "artificial", "type": "Transactinide", "display-row": "7", "display-column": "13" } }, { "id": "114", "properties": { "atomic-number": "114", "element": "Ununquadium", "symbol": "Uuq", "atomic-weight": "289", "period": "7", "group": "14", "phase": "artificial", "type": "Transactinide", "display-row": "7", "display-column": "14" } }, { "id": "115", "properties": { "atomic-number": "115", "element": "Moscovium", "symbol": "Mc", "atomic-weight": "288", "period": "7", "group": "15", "phase": "artificial", "type": "Transactinide", "display-row": "7", "display-column": "15" } }, { "id": "116", "properties": { "atomic-number": "116", "element": "Ununhexium", "symbol": "Uuh", "atomic-weight": "292", "period": "7", "group": "16", "phase": "artificial", "type": "Transactinide", "display-row": "7", "display-column": "16" } }, { "id": "117", "properties": { "atomic-number": "117", "element": "Tennessine", "symbol": "Ts", "atomic-weight": "295", "period": "7", "group": "17", "phase": "artificial", "type": "Transactinide", "display-row": "7", "display-column": "17" } }, { "id": "118", "properties": { "atomic-number": "118", "element": "Oganesson", "symbol": "Og", "atomic-weight": "294", "period": "7", "group": "18", "phase": "artificial", "type": "Noble Gas", "display-row": "7", "display-column": "18" } } ]; }
.wj-flexchart { width: 800px; height: 800px; margin: 0; display: block; position: relative; font-size: 0.75em; border: none; background: transparent; background-color: transparent; } .wj-flexchart .wj-state-selected { stroke-width: 3px; stroke-linecap: square; stroke-dasharray: 0; } .wj-tooltip { display: none; } .wj-flexchart .wj-data-labels .wj-data-label { fill: white; } /* The properties tile that goes in the center of the chart */ .properties-tile { display: block; position: absolute; background: transparent; visibility: hidden; text-align: center; } .properties-tile > div > div { position: relative; padding: 0; margin: 0; border: none; } .properties-tile > div > div > span { display: block; } /* Specific info pane styling */ .element-symbol { font-size: 2em; margin-bottom: 5px; } .element-name { font-size: 1.25em; margin-bottom: 20px; } .group-name { font-size: 1.5em; margin-bottom: 20px; } .subgroups-title { font-weight: 500; } .num-elements { font-weight: 400; } .subGroup-name { font-size: 1.5em; margin-bottom: 5px; } .element-number-overview { font-weight: 500; margin-bottom: 15px; } .characteristics-title { font-weight: 500; }
import * as wijmo from '@mescius/wijmo'; // export class PropertiesTile extends wijmo.Control { // constructor(element) { super(element, null, true); // this.newLine = '<br />'; // this.applyTemplate('properties-tile', this.getTemplate(), { _groupInfo: 'group-info', _groupName: 'group-name', _subGroupListing: 'subGroup-listing', _subGroupInfo: 'subGroup-info', _subGroupName: 'subGroup-name', _numElements: 'num-elements', _characteristicListing: 'characteristic-listing', _elInfo: 'element-info', _elSymbol: 'element-symbol', _elName: 'element-name', _atomicNumber: 'atomic-number', _atomicWeight: 'atomic-weight' }); } // showInfo(info) { if (!info) { // This will happen when the user clicks "randomly" on the page - hide the tile this._hide(); return; } // // The user selected something on the chart, display the appropriate info // Hide all of the panes initially this._groupInfo.style.display = 'none'; this._subGroupInfo.style.display = 'none'; this._elInfo.style.display = 'none'; // if (info instanceof wijmo.CollectionViewGroup) { if (info.groups.length) { // info object is a Group this._groupName.innerText = info.name; this._subGroupListing.innerHTML = ''; // // Show all SubGroups and the number of elements in each info.groups.forEach(g => { this._subGroupListing.innerHTML += `${g.name} (${g.items.length})${this.newLine}`; }); // this._groupInfo.style.display = 'block'; // show the group info pane } else if (info.items) { // info object is a SubGroup so show the number of elements and properties this._subGroupName.innerText = info.name; this._numElements.innerText = info.items.length.toString(); this._characteristicListing.innerHTML = ''; // // Split the characteristics up so we can display them as a list info.elementProperties.split(',').forEach(str => { this._characteristicListing.innerHTML += str + this.newLine; }); // this._subGroupInfo.style.display = 'block'; // show the subGroup info pane } } else { // the info object is an Element, display its props this._elSymbol.innerText = info.symbol; this._elName.innerText = info.element; this._atomicNumber.innerText = info['atomic-number']; this._atomicWeight.innerText = Number(info['atomic-weight']).toFixed(2); this._elInfo.style.display = 'block'; // show element info pane } // this._centerInParent(); this._show(); } // _handleResize() { this._centerInParent(); } // // Centers the properties tile element in its parent container _centerInParent() { let host = this.hostElement, parent = host.parentElement; // host.style.top = (parent.offsetHeight / 2) - (host.offsetHeight / 2) + 'px'; host.style.left = (parent.offsetWidth / 2) - (host.offsetWidth / 2) + 'px'; } // // Shows the properties tile element by changing its visibility style _show() { this.hostElement.style.visibility = 'visible'; } // // Hides the properties tile element by changing its visibility style _hide() { this.hostElement.style.visibility = 'hidden'; } } PropertiesTile.controlTemplate = `<div wj-part="group-info"> <span wj-part="group-name" class="group-name"></span> <span class="subgroups-title">Subgroups</span> <span wj-part="subGroup-listing"></span> </div> <div wj-part="subGroup-info"> <span wj-part="subGroup-name" class="subGroup-name"></span> <span class="element-number-overview">No. of elements: <span wj-part="num-elements" class="num-elements"></span></span> <span class="characteristics-title">Characteristics</span> <span wj-part="characteristic-listing"></span> </div> <div wj-part="element-info"> <span wj-part="element-symbol" class="element-symbol"></span> <span wj-part="element-name" class="element-name"></span> <span>Atomic number: <span wj-part="atomic-number"></span></span> <span>Atomic weight: <span wj-part="atomic-weight"></span></span> </div>`;
(function (global) { System.config({ transpiler: 'plugin-babel', babelOptions: { es2015: true }, meta: { '*.css': { loader: 'css' } }, paths: { // paths serve as alias 'npm:': 'node_modules/' }, // map tells the System loader where to look for things map: { 'jszip': 'npm:jszip/dist/jszip.js', '@mescius/wijmo': 'npm:@mescius/wijmo/index.js', '@mescius/wijmo.input': 'npm:@mescius/wijmo.input/index.js', '@mescius/wijmo.styles': 'npm:@mescius/wijmo.styles', '@mescius/wijmo.cultures': 'npm:@mescius/wijmo.cultures', '@mescius/wijmo.chart': 'npm:@mescius/wijmo.chart/index.js', '@mescius/wijmo.chart.analytics': 'npm:@mescius/wijmo.chart.analytics/index.js', '@mescius/wijmo.chart.animation': 'npm:@mescius/wijmo.chart.animation/index.js', '@mescius/wijmo.chart.annotation': 'npm:@mescius/wijmo.chart.annotation/index.js', '@mescius/wijmo.chart.finance': 'npm:@mescius/wijmo.chart.finance/index.js', '@mescius/wijmo.chart.finance.analytics': 'npm:@mescius/wijmo.chart.finance.analytics/index.js', '@mescius/wijmo.chart.hierarchical': 'npm:@mescius/wijmo.chart.hierarchical/index.js', '@mescius/wijmo.chart.interaction': 'npm:@mescius/wijmo.chart.interaction/index.js', '@mescius/wijmo.chart.radar': 'npm:@mescius/wijmo.chart.radar/index.js', '@mescius/wijmo.chart.render': 'npm:@mescius/wijmo.chart.render/index.js', '@mescius/wijmo.chart.webgl': 'npm:@mescius/wijmo.chart.webgl/index.js', '@mescius/wijmo.chart.map': 'npm:@mescius/wijmo.chart.map/index.js', '@mescius/wijmo.gauge': 'npm:@mescius/wijmo.gauge/index.js', '@mescius/wijmo.grid': 'npm:@mescius/wijmo.grid/index.js', '@mescius/wijmo.grid.detail': 'npm:@mescius/wijmo.grid.detail/index.js', '@mescius/wijmo.grid.filter': 'npm:@mescius/wijmo.grid.filter/index.js', '@mescius/wijmo.grid.search': 'npm:@mescius/wijmo.grid.search/index.js', '@mescius/wijmo.grid.style': 'npm:@mescius/wijmo.grid.style/index.js', '@mescius/wijmo.grid.grouppanel': 'npm:@mescius/wijmo.grid.grouppanel/index.js', '@mescius/wijmo.grid.multirow': 'npm:@mescius/wijmo.grid.multirow/index.js', '@mescius/wijmo.grid.transposed': 'npm:@mescius/wijmo.grid.transposed/index.js', '@mescius/wijmo.grid.transposedmultirow': 'npm:@mescius/wijmo.grid.transposedmultirow/index.js', '@mescius/wijmo.grid.pdf': 'npm:@mescius/wijmo.grid.pdf/index.js', '@mescius/wijmo.grid.sheet': 'npm:@mescius/wijmo.grid.sheet/index.js', '@mescius/wijmo.grid.xlsx': 'npm:@mescius/wijmo.grid.xlsx/index.js', '@mescius/wijmo.grid.selector': 'npm:@mescius/wijmo.grid.selector/index.js', '@mescius/wijmo.grid.cellmaker': 'npm:@mescius/wijmo.grid.cellmaker/index.js', '@mescius/wijmo.nav': 'npm:@mescius/wijmo.nav/index.js', '@mescius/wijmo.odata': 'npm:@mescius/wijmo.odata/index.js', '@mescius/wijmo.olap': 'npm:@mescius/wijmo.olap/index.js', '@mescius/wijmo.rest': 'npm:@mescius/wijmo.rest/index.js', '@mescius/wijmo.pdf': 'npm:@mescius/wijmo.pdf/index.js', '@mescius/wijmo.pdf.security': 'npm:@mescius/wijmo.pdf.security/index.js', '@mescius/wijmo.viewer': 'npm:@mescius/wijmo.viewer/index.js', '@mescius/wijmo.xlsx': 'npm:@mescius/wijmo.xlsx/index.js', '@mescius/wijmo.undo': 'npm:@mescius/wijmo.undo/index.js', '@mescius/wijmo.interop.grid': 'npm:@mescius/wijmo.interop.grid/index.js', '@mescius/wijmo.touch': 'npm:@mescius/wijmo.touch/index.js', '@mescius/wijmo.cloud': 'npm:@mescius/wijmo.cloud/index.js', '@mescius/wijmo.barcode': 'npm:@mescius/wijmo.barcode/index.js', '@mescius/wijmo.barcode.common': 'npm:@mescius/wijmo.barcode.common/index.js', '@mescius/wijmo.barcode.composite': 'npm:@mescius/wijmo.barcode.composite/index.js', '@mescius/wijmo.barcode.specialized': 'npm:@mescius/wijmo.barcode.specialized/index.js', 'jszip': 'npm:jszip/dist/jszip.js', 'bootstrap.css': 'npm:bootstrap/dist/css/bootstrap.min.css', 'css': 'npm:systemjs-plugin-css/css.js', 'plugin-babel': 'npm:systemjs-plugin-babel/plugin-babel.js', 'systemjs-babel-build':'npm:systemjs-plugin-babel/systemjs-babel-browser.js' }, // packages tells the System loader how to load when no filename and/or no extension packages: { src: { defaultExtension: 'js' }, "node_modules": { defaultExtension: 'js' }, } }); })(this);