- Using HTML, CSS, JAVASCRIPT.
- ... JQuery.
- ... Bootstrap.
- ... Google Font.
- ... Fontawesome.
- HTML, CSS, JAVASCRIPT
- JQuery
- Bootstrap
- Google Font
- Fontawesome
- GridStack
- Press the "Add" button.
- Click on the gear at the top of the created item.
- Set the title, width, and heigth.
- Choose the data type that best suits your needs.
- Enter each item and press the "Save" button.
Chart Data
{
"data": [
{"year": "2015", "react": "0.5", "angular": "0.18", "vue": "0.16"},
{"year": "2016", "react": "0.8", "angular": "0.2", "vue": "0.17"},
{"year": "2017", "react": "0.6", "angular": "0.3", "vue": "0.2"},
{"year": "2018", "react": "1.2", "angular": "0.35", "vue": "0.38"}
],
"keys": ["react", "vue", "angular"]
}
![2018-09-17 4 06 01](https://user-images.githubusercontent.com/31611484/45609604-a1a98380-ba93-11e8-869e-0646a43a188a.png)
![2018-09-17 3 32 46](https://user-images.githubusercontent.com/31611484/45609599-a0785680-ba93-11e8-84d0-9d92d9b8a6c6.png)
![2018-09-17 3 44 59](https://user-images.githubusercontent.com/31611484/45609600-a110ed00-ba93-11e8-9c5f-22364f5bae27.png)
![2018-09-17 3 45 02](https://user-images.githubusercontent.com/31611484/45609602-a110ed00-ba93-11e8-8168-097c0b9c3975.png)
![2018-09-17 3 45 31](https://user-images.githubusercontent.com/31611484/45609603-a1a98380-ba93-11e8-99b4-ec1f725e1875.png)
![2018-09-17 3 47 25](https://user-images.githubusercontent.com/31611484/45609605-a1a98380-ba93-11e8-9412-22655c2e0a1e.png)
![2018-09-17 3 50 17](https://user-images.githubusercontent.com/31611484/45609606-a1a98380-ba93-11e8-883c-66d0ae089633.png)
![2018-09-17 3 50 21](https://user-images.githubusercontent.com/31611484/45609607-a2421a00-ba93-11e8-8824-36c52398a152.png)
![2018-09-17 3 56 45](https://user-images.githubusercontent.com/31611484/45609601-a110ed00-ba93-11e8-81d3-0d46b5a40cac.png)
![2018-09-17 3 56 46](https://user-images.githubusercontent.com/31611484/45609597-a0785680-ba93-11e8-8a9d-1fb6afe10f83.png)
![2018-09-17 4 04 50](https://user-images.githubusercontent.com/31611484/45609598-a0785680-ba93-11e8-92b8-2cb72ff878e3.png)
2018.09.12. ~ 2018.09.13. Grid System.
2018.09.14. ~ 2018.09.14. Data Type (Text)
2018.09.15. ~ 2018.09.16. Data Type (Chart)
2018.09.17. ~ 2018.09.17. Data Type (Image)