https://github.com/davidedaniel/react-ui-with-data-visualization

React UI with d3 & chartist
https://github.com/davidedaniel/react-ui-with-data-visualization

Last synced: about 2 months ago
JSON representation

React UI with d3 & chartist

• Host: GitHub
• URL: https://github.com/davidedaniel/react-ui-with-data-visualization
• Owner: DavideDaniel
• Created: 2015-06-03T05:22:44.000Z (almost 10 years ago)
• Default Branch: master
• Last Pushed: 2015-06-19T02:01:18.000Z (almost 10 years ago)
• Last Synced: 2025-02-07T14:18:03.175Z (4 months ago)
• Language: JavaScript
• Size: 1.34 MB
• Stars: 1
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# React-UI-with-Data-Visualization

React UI with d3 & chartist

View hosted version: [here](http://104.131.179.211:8080/#/homePage)

### First up...

`git clone https://github.com/DavideDaniel/React-UI-with-Data-Visualization.git`

### To run

1. `$ npm install` - install dependencies

2. `$ npm start` - runs the grunt task to convert the JSX, browserify the app, launch the websocket server & launch server to serve up static files

3. Head to http://localhost:2000 to test it out

### What this does...

Navigate through the menu to access data on GDP & government spending. All data has been pulled from usgovernmentspending.com.

Things I used to build this were:

React.js

d3.js

Node.js

Grunt.js

Moment.js

Chartist.js

Express.js

Websockets

Browserify

Griddle


Hey! That's a lotta Javascript!!

### Next up

* [ ] Adding more Chartist components

* [ ] Figuring out better way to combine d3 with React

* [ ] Tests