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.
周期表是使用Vue.js构建的动态数据驱动的周期表,该周期表使用D3动画和图形演示周期趋势的优美性,并使学习周期表变得更加容易。
![trendgif2](https://vuejsexamples.com/content/images/2019/03/trendgif2.gif)
构建设置 (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.
有关工作原理的详细说明,请查看vue-loader的指南和文档 。
建于 (Built With)
使用的开源技术 (Open-Source Technologies Used)
periodic-table
周期表
periodic-Table-JSON
元素周期表JSON
atomic-bohr-model
原子玻尔模型
chart.js
chart.js
翻译自: https://vuejsexamples.com/a-dynamic-and-data-driven-periodic-table-built-with-vue-js/
vue.js数据驱动