/dashboard

A React SPA for creating data viz dashboards

Primary LanguageJavaScript

JavaScript Style Guide

Dashboard

Live Demo Home screenshot Student screenshot A React single page data visualiation app. It uses D3, Material UI, React Router, and Emoji Feedback.

Getting Started

These instructions will get you a copy of the project up and running on your local machine.

Prerequisites

  1. Install Node 8.0.0 or greater.
  2. Install Git.

Installing and Setup

  1. First, clone this repo. git clone https://github.com/justin0022/dashboard.git
  2. Then cd into the repo. cd dashboard
  3. Run the installation script. npm install (If you see babel-node: command not found, you've missed this step.)
  4. Run using npm start. Webpack Dev Server will host a hot-loading webpage.
  5. To build for production, npm run build will output the production-ready, minified, tree-shaken bundle in /dist.

Responsive

Using the higher order component withResponsiveness, the graphs made in D3 is responsive in an optimized way. Responsive gif