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

• vue.js
  • vuetify.js
  • vue-router
• gsap
• D3.js
• webpack
• node.js - compilement
  • express

Open-Source Technologies Used

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

GitHub