Progressive Tsunami

This an interactive map used to view progressive candidates. It currently shows candidates who were endorsed by the Democratic Progressive Caucus of Florida (including local chapters) for the Florida primary.

View the site here:

https://progressivetsunami.com/

This is a single-page app created using React.js, Typescript, and OpenLayers. It uses create-react-app-typescript

Usage

Download Boundary Files

The boundary files are not included in this repository. They must be downloaded and placed in appropriate folders under /public/downloaded. To do this, in the /public/downloaded folder:

• git clone https://github.com/unitedstates/districts.git

• git clone https://github.com/johan/world.geo.json.git

• Download both the upper and lower Boundary KML Files (2017 or later) for Florida from here: https://www.census.gov/geo/maps-data/data/kml/kml_sld.html

• Copy cb_2017_12_sldl_500k.kml to /public/downloaded/census/state/fl/cb_2017_12_sldl_500k_modified.kml

• Copy cb_2017_12_sldu_500k.kml to /public/downloaded/census/state/fl/cb_2017_12_sldu_500k_modified.kml

• For both census KML files, modify all id attributes for Placemark elements to something unique. I used the number from the name tags, but maybe the district name would have been a better choice.

• CSV-to-JSON conversion with: https://www.npmjs.com/package/csv2json

  • Example command: csv2json SummaryResults_2018-08-31T14_55_09.csv SummaryResults_2018_Primary.json

• Shapefiles to GeoJSON with gdal: https://www.gdal.org/

  • Example command: ogr2ogr -f GeoJSON -t_srs crs:84 fl_brevard_precincts.geojson Precincts_2016.shp

TODO Automate this process of downloading and modifying these files

Development

This requires Node.js which includes npm

To run in development mode:

npm start

To create a release build in the /build folder:

npm run build

Author

This was created by Nilesh Kapadia.

License

Progressive Tsunami is licensed under MIT License see LICENSE file