# [Periodic table data visualization](http://vogelino.github.io/periodic-table-data-visualization/)

A different visual representation of the chemical elements of the periodic table.

[**Demo**](http://vogelino.github.io/periodic-table-data-visualization/)

![Periodic table data visualization beauty shot](https://raw.githubusercontent.com/vogelino/periodic-table-data-visualization/master/documentation/images/beautyShot.png)

![Periodic table data visualization beauty shot](https://raw.githubusercontent.com/vogelino/periodic-table-data-visualization/master/documentation/images/beautyShot.png)

#### Installation
```
git clone https://github.com/vogelino/periodic-table-data-visualization.git
cd periodic-table-data-visualization
npm install
```

#### Use
Run `npm start` and open `http://localhost:8080`

---

## The visualization
The periodic table visualization is the result of an exercise done at the course [“Input Output - Introduction to process-oriented design”]( https://fhp.incom.org/workspace/6176) supervised by [Fabian Morón Zirfas](https://github.com/fabiantheblind).


# [Another periodic table](http://vogelino.github.io/periodic-table-data-visualization/) :microscope:
A different visual representation of the chemical elements of the periodic table.

[**Demo**](http://vogelino.github.io/periodic-table-data-visualization/)

![Periodic table data visualization beauty shot](https://raw.githubusercontent.com/vogelino/periodic-table-data-visualization/master/documentation/images/beautyShot.png)

![Periodic table data visualization beauty shot](https://raw.githubusercontent.com/vogelino/periodic-table-data-visualization/master/documentation/images/beautyShot.png)

#### Installation
```
git clone https://github.com/vogelino/periodic-table-data-visualization.git
cd periodic-table-data-visualization
npm install
```

#### Use
Run `npm start` and open `http://localhost:8080`

---

## The visualization
The periodic table visualization is the result of an exercise done at the course [“Input Output - Introduction to process-oriented design”]( https://fhp.incom.org/workspace/6176) supervised by [Fabian Morón Zirfas](https://github.com/fabiantheblind).

Change title and add unecessary emoji. :neckbeard:
Change title and add unecessary emoji. :neckbeard:
