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. PRs welcome!

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