https://github.com/sumitpal29/simplechart
Simple Chart- Line and Column - Using VanillaJS, SVG
https://github.com/sumitpal29/simplechart
css html5 javascript json
Last synced: 3 months ago
JSON representation
Simple Chart- Line and Column - Using VanillaJS, SVG
- Host: GitHub
- URL: https://github.com/sumitpal29/simplechart
- Owner: sumitpal29
- Created: 2016-07-04T11:33:32.000Z (about 10 years ago)
- Default Branch: master
- Last Pushed: 2017-05-09T06:52:31.000Z (about 9 years ago)
- Last Synced: 2025-02-23T04:20:55.996Z (over 1 year ago)
- Topics: css, html5, javascript, json
- Language: JavaScript
- Homepage:
- Size: 416 KB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Simple Chart
Simple chart is simple to create charts using JSON data.
- Draw Line and Column chart
- Concurrent Interactivity between multiple chart
# Features!
- Simply update JSON file to change the data
- Quick switch from cloumn to line chart and vice-versa
- switch animation
### Tech
SimpleChart uses a number of open source projects to work properly:
* [Sublime Text Editor] - awesome web-based text editor
* [markdown-it] - Markdown parser done right. Fast and easy to extend.
* [node.js] - evented I/O for the backend
* [Express] - fast node.js network app framework [@tjholowaychuk]
### Installation
Required [Node.js](https://nodejs.org/) v4+ to run.
Install the dependencies and devDependencies and start the server.
```sh
$ cd SimpleChart
$ npm install
```
### Deploy Chart
Once done with installing dependencies just run the server from terminal
```sh
node server
```
Verify the deployment by navigating to your server address in your preferred browser.
```sh
localhost:8080
```
### About
* This project is done during learing JS.
* Anyone is welcome to contribute or learn JS
* It was fun to do this project