lucified/lucify-example-visualization

Name: lucify-example-visualization

Owner: Lucify

Description: An example React+Redux+D3+TypeScript visualization application

Created: 2017-08-29 10:36:45.0

Updated: 2018-02-02 20:23:02.0

Pushed: 2017-08-30 15:23:23.0

Homepage:

Size: 78

Language: TypeScript

GitHub Committers

UserMost Recent Commit# Commits

Other Committers

UserEmailMost Recent Commit# Commits

README

An example visualization app built with React, Redux, D3 and TypeScript

Example code to be read alongside https://blog.lucify.com/building-interactive-visualizations-with-react-d3-and-typescript-206c7172b0d2.

Note: the code is in this repository is meant to show how React, Redux and D3 can be used together in a scalable way for complex interactive visualizations. If all you want to do is show a single bar chart, a much simpler architecture should be used.

Development

Requires Node 7 or greater and yarn.

Set up the development environment with:

Start a local development server with mock data:

 start

Then open http://localhost:3000 in your web browser.

This work is supported by the National Institutes of Health's National Center for Advancing Translational Sciences, Grant Number U24TR002306. This work is solely the responsibility of the creators and does not necessarily represent the official views of the National Institutes of Health.