zamiang / vislet

Small interactive visualizations to help us understand the cities we live in.

Vislet

This is an Ezel project setup to be a static site deployed via gulp to S3. It serves as an example of a workflow for developing static sites that require rich interaction and unique asset packages per page.

Development workflow

To get started:

• $ npm -g install gulp
• $ npm install
• Run the server with $ gulp server
• In a new tab, run $ gulp watch

./dest contains assets for development

./public contains assets for production

Deploying

To deploy, create an aws.json file like so

{
  "key": "key",
  "secret": "secret",
  "bucket": "www.url.com",
  "region": "us-east-1"
}

Deploy by running gulp deploy. Deploy will:

1. freshly compile all assets and html files to ./dest
2. generate asset hash for individual assets
3. move assets to ./public and rename files to include asset hash
4. move html files to ./public
5. update references to assets in *.html
6. compress assets using uglify
7. upload assets, images and html to s3

TODO

• Gulp should run tests
• auto-deploy on commit via Travis

vislet's Issues

auto-deploy via travis build

publish north-carolina post on gerrymandering

write post on chicago crime

Gulp setup for running tests

Chart drops below map

Just add a little min-width to your CSS

improve hover state for links on homepage

improve header to include references to individual pages