https://github.com/malcodeman/periodic-grid

Responsive periodic grid table.
https://github.com/malcodeman/periodic-grid

periodic-table

Last synced: 11 days ago
JSON representation

Responsive periodic grid table.

• Host: GitHub
• URL: https://github.com/malcodeman/periodic-grid
• Owner: malcodeman
• License: mit
• Created: 2019-02-17T19:40:39.000Z (over 5 years ago)
• Default Branch: main
• Last Pushed: 2023-03-07T12:01:41.000Z (over 1 year ago)
• Last Synced: 2024-05-03T01:21:00.400Z (6 months ago)
• Topics: periodic-table
• Language: CSS
• Homepage: https://periodic-grid.surge.sh
• Size: 3.49 MB
• Stars: 0
• Watchers: 2
• Forks: 0
• Open Issues: 8
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

• my-awesome-repos - periodic-grid - Utilizes css grid, css modules, viewport units and typescript. (Static)

README

        
# [Periodic Grid](https://periodic-grid.surge.sh) ⚗️

[![code style: prettier](https://img.shields.io/badge/code_style-prettier-ff69b4.svg)](https://github.com/prettier/prettier)

[![GitHub license](https://img.shields.io/badge/license-MIT-blue.svg)](https://github.com/malcodeman/periodic-table/blob/master/LICENSE)

Utilizes css grid, css modules, viewport units and typescript.

![Screenshot](docs/images/screenshot.png)

## Usage

```

npm install

npm start

```

## Documentation

Element JSON example

```

  {

    "name": "Hydrogen",

    "appearance": "colorless gas",

    "atomic_mass": 1.008,

    "boil": 20.271,

    "category": "diatomic nonmetal",

    "color": null,

    "density": 0.08988,

    "discovered_by": "Henry Cavendish",

    "melt": 13.99,

    "molar_heat": 28.836,

    "named_by": "Antoine Lavoisier",

    "number": 1,

    "period": 1,

    "phase": "Gas",

    "source": "https://en.wikipedia.org/wiki/Hydrogen",

    "spectral_img": "https://en.wikipedia.org/wiki/File:Hydrogen_Spectra.jpg",

    "summary": "Hydrogen is a chemical element with chemical symbol H and atomic number 1. With an atomic weight of 1.00794 u, hydrogen is the lightest element on the periodic table. Its monatomic form (H) is the most abundant chemical substance in the Universe, constituting roughly 75% of all baryonic mass.",

    "symbol": "H",

    "xpos": 1,

    "ypos": 1,

    "shells": [1]

  }

```

## Credits

- [Bowserinator](https://github.com/Bowserinator) for his work on [json periodic table of elements](https://github.com/Bowserinator/Periodic-Table-JSON)

- [Roboto font](https://fonts.google.com/specimen/Roboto)

## License

This project is licensed under the MIT License - see the [LICENSE](LICENSE) file for details.