A dynamic and data-driven periodic table built with Vue.js

Periodicity

Periodicity is a dynamic, data-driven periodic table built with Vue.js that uses D3 animations and graphs to demonstrate the beauty of periodic trends and make learning the periodic table easier.

Build Setup

# install dependencies
npm install

# serve with hot reload at localhost:8080
npm run dev

# build for production with minification
npm run build

# build for production and view the bundle analyzer report
npm run build --report

For a detailed explanation on how things work, check out the guide and docs for vue-loader.

Built With

Open-Source Technologies Used

  • periodic-table
  • periodic-Table-JSON
  • atomic-bohr-model
  • chart.js

GitHub