{"id":5616,"date":"2016-01-15T12:22:42","date_gmt":"2016-01-15T17:22:42","guid":{"rendered":"https:\/\/www.blueraster.com\/?p=5481"},"modified":"2019-02-01T10:04:23","modified_gmt":"2019-02-01T15:04:23","slug":"18f","status":"publish","type":"post","link":"https:\/\/www.blueraster.com\/18f\/","title":{"rendered":"Building a Prototype for FDA Food Data"},"content":{"rendered":"

In response to 18F’s challenge\u00a0to build a next generation application using the openFDA API<\/a>, Blue Raster developed\u00a0the openFDA Enforcement Mapper. Our goal was to create a map-based dashboard showcasing food recalls across the United States. You can visually see how recalls affected different regions.\u00a0 Here is a first look at how we built this rapid prototype.<\/p>\n

\"2015-07-07\"<\/a><\/p>\n

Another Blue Raster solution for Open Data Enterprise<\/a>\u00a0along with the Tracing Global Foods<\/a> story map inspired the visual design.\u00a0In the spirit of the challenge, five team members rapidly prototyped the application using Node.js and the latest HTML5\/Javascript. The visualization pulls data from the openFDA API, gecodes food recalls by location and maps the impact across the United States.<\/p>\n

The team\u00a0carefully combined multiple technologies to power the app:<\/p>\n

    \n
  1. Source code pre-processing: Babel, Jade and Stylus<\/li>\n
  2. JavaScript ES6 & 7<\/li>\n
  3. Amazon Web Services \/ EC2<\/li>\n
  4. Node.js \/ Express<\/li>\n
  5. Data Visualization: Chart.js<\/li>\n
  6. React<\/li>\n
  7. Flux<\/li>\n
  8. Container: Docker<\/li>\n
  9. Map interface: ArcGIS JavaScript API<\/li>\n
  10. Jenkins<\/li>\n<\/ol>\n

    For full project documentation and code, visit our GitHub at\u00a0github.com\/blueraster\/open-fda-map-viewer<\/a>.
    \n    \"openFDA<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"

    In response to 18F’s challenge\u00a0to build a next generation application using the openFDA API, Blue Raster developed\u00a0the openFDA Enforcement Mapper. Our goal was to create a map-based dashboard showcasing food recalls across the United States. You can visually see how recalls affected different regions.\u00a0 Here is a first look at how we built this rapid […]<\/p>\n","protected":false},"author":10,"featured_media":6063,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[411,362,403],"tags":[94,412,105,413,414,415,81,416,417,418],"acf":[],"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/www.blueraster.com\/wp-json\/wp\/v2\/posts\/5616"}],"collection":[{"href":"https:\/\/www.blueraster.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.blueraster.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.blueraster.com\/wp-json\/wp\/v2\/users\/10"}],"replies":[{"embeddable":true,"href":"https:\/\/www.blueraster.com\/wp-json\/wp\/v2\/comments?post=5616"}],"version-history":[{"count":0,"href":"https:\/\/www.blueraster.com\/wp-json\/wp\/v2\/posts\/5616\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.blueraster.com\/wp-json\/wp\/v2\/media\/6063"}],"wp:attachment":[{"href":"https:\/\/www.blueraster.com\/wp-json\/wp\/v2\/media?parent=5616"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.blueraster.com\/wp-json\/wp\/v2\/categories?post=5616"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.blueraster.com\/wp-json\/wp\/v2\/tags?post=5616"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}