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.

Periodic Table

Trends Mode

Details

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 (component iteration is awesome!)
  • 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

License

This project is licensed under the MIT License - see the LICENSE.md file for details