Check out the app live here. This app is currently undergoing rapid development changes, some of them breaking. The app deployed to the demo is (mostly) functional, but if you catch an error please open an issue.
This revamped project is built using React, Redux, redux-saga, and Sass. It employs mobile-first design, working well across desktop, tablet, and mobile devices. It handles data elegantly, keeping application state in Redux and moving asynchoronous tasks and route-based data changes to sagas. Components are designed with reusability and extensibility in mind. Finally, the project - as it's name might imply - serves to demonstrate how D3 and React can play nicely together. As a developer who specializes in React and builds geospatial apps for a living, this is my dream. Read more about my thoughts on working with D3 and React here.
Running the App
npm install | yarn install npm run start | yarn run start
Building the App
npm run build | yarn run build
The app pulls in data on load from several APIs, including the U.S. Census Bureau. To get census data,
you'll need to obtain a Census API key of your own. Once obtained, store your key in a file called
config.js in the root of
src. The file should look something like this:
export const CENSUS_API_KEY = '<Your actual key goes here!>';
This app is still in the works and is undergoing constant change. If you like what you see, please star! If you think I'm seriously missing the mark, please issue a PR or open an issue. Or better yet, get in touch on my website.