diff --git a/src/DateIntervals.jsx b/src/DateIntervals.jsx
index 418845c46..a34645509 100644
--- a/src/DateIntervals.jsx
+++ b/src/DateIntervals.jsx
@@ -11,14 +11,17 @@ export class DateIntervals extends React.Component {
   }
 
   _btnClassName( dateInterval ) {
-    const btnClass = 'date-selector ';
-    return dateInterval === this.props.dateInterval ?
-      btnClass + 'selected' : btnClass;
+    const classes = [ 'date-selector', 'interval-' + dateInterval ]
+    if ( dateInterval === this.props.dateInterval ) {
+      classes.push( 'selected' )
+    }
+    return classes.join( ' ' )
   }
 
   render() {
     return (
       <section className="date-intervals">
+        <p>Date range (Click to modify range)</p>
         { dateIntervals.map( dateInterval =>
           <button onClick={ () => this._setDateInterval( dateInterval ) }
                   className={ this._btnClassName( dateInterval ) }
diff --git a/src/DateIntervals.less b/src/DateIntervals.less
index 4d95c6fd2..377248531 100644
--- a/src/DateIntervals.less
+++ b/src/DateIntervals.less
@@ -1,12 +1,13 @@
 @import (less) "base.less";
 
 .date-intervals {
-  width: 100%;
-  float: left;
+  p {
+    display: block;
+  }
   .date-selector {
     background-color: @pacific-40;
     &.selected {
       background-color: @pacific-80;
     }
   }
-}
\ No newline at end of file
+}
diff --git a/src/MapPanel.jsx b/src/MapPanel.jsx
index dfc59440a..2ef827db8 100644
--- a/src/MapPanel.jsx
+++ b/src/MapPanel.jsx
@@ -4,6 +4,7 @@ import { connect } from 'react-redux'
 import DateIntervals from './DateIntervals'
 import Loading from './Dialogs/Loading'
 import MapToolbar from './MapToolbar'
+import PerCapita from './PerCapita'
 import React from 'react'
 import RowChart from './RowChart'
 import TileChartMap from './TileChartMap'
@@ -13,7 +14,10 @@ export class MapPanel extends React.Component {
     return (
       <section className="map-panel">
         <ActionBar/>
-        <DateIntervals/>
+        <div className="layout-row refine">
+          <DateIntervals/>
+          <PerCapita/>
+        </div>
         <TileChartMap/>
         { this.props.selectedState &&
         <MapToolbar/>
diff --git a/src/MapPanel.less b/src/MapPanel.less
index ffc92f844..ad1b6ba17 100644
--- a/src/MapPanel.less
+++ b/src/MapPanel.less
@@ -13,4 +13,10 @@
   h2 {
     padding: @gutter-normal;    
   }
-}
\ No newline at end of file
+
+  .refine {
+    section {
+      margin: 10px;
+    }
+  }
+}
diff --git a/src/PerCapita.jsx b/src/PerCapita.jsx
new file mode 100644
index 000000000..da5e6319e
--- /dev/null
+++ b/src/PerCapita.jsx
@@ -0,0 +1,33 @@
+import './PerCapita.less'
+import { GEO_NORM_NONE, GEO_NORM_PER1000 } from './constants'
+import { connect } from 'react-redux'
+import { dataNormalizationChanged } from './actions/map';
+import React from 'react'
+
+
+export class PerCapita extends React.Component {
+  render() {
+    return (
+      <section className="per-capita">
+        <p>Map Shading</p>
+        <select value={this.props.dataNormalization}
+                onChange={this.props.onDataNormalization}>
+          <option value={GEO_NORM_NONE}>Complaints</option>
+          <option value={GEO_NORM_PER1000}>Per capita</option>
+        </select>
+      </section>
+    )
+  }
+}
+
+export const mapStateToProps = state => ( {
+  dataNormalization: state.map.dataNormalization
+} );
+
+export const mapDispatchToProps = dispatch => ( {
+  onDataNormalization: ev => {
+    dispatch( dataNormalizationChanged( ev.target.value ) )
+  }
+} );
+
+export default connect( mapStateToProps, mapDispatchToProps )( PerCapita )
diff --git a/src/PerCapita.less b/src/PerCapita.less
new file mode 100644
index 000000000..b834d9b52
--- /dev/null
+++ b/src/PerCapita.less
@@ -0,0 +1,13 @@
+@import (less) "base.less";
+
+.per-capita {
+  p {
+    display: block;
+  }
+  .date-selector {
+    background-color: @pacific-40;
+    &.selected {
+      background-color: @pacific-80;
+    }
+  }
+}
diff --git a/src/TileChartMap.jsx b/src/TileChartMap.jsx
index a8e9c93d2..c37bd1867 100644
--- a/src/TileChartMap.jsx
+++ b/src/TileChartMap.jsx
@@ -1,4 +1,5 @@
 import './TileChartMap.less'
+import { GEO_NORM_NONE, STATE_DATA } from './constants'
 import { addStateFilter } from './actions/map'
 import { connect } from 'react-redux'
 import { hashObject } from './utils'
@@ -63,7 +64,7 @@ export class TileChartMap extends React.Component {
     // eslint-disable-next-line no-unused-vars
     const chart = new TileMap( {
       el: document.getElementById( 'tile-chart-map' ),
-      data: this.props.data,
+      data: updateData( this.props ),
       colors,
       localize: true,
       events: {
@@ -74,6 +75,32 @@ export class TileChartMap extends React.Component {
   }
 }
 
+/**
+ * helper function to get display value of tile based on selected dropdown.
+ * @param {object} props contains data and normalization
+ * @returns {object} data provided to tile map
+ */
+function updateData( props ) {
+  const { data, dataNormalization } = props
+  const showDefault = dataNormalization === GEO_NORM_NONE
+  const res = data[0].map( o => ( {
+    ...o,
+    displayValue: showDefault ? o.value : o.perCapita
+  } ) )
+
+  return [ res ]
+}
+
+/**
+ * helper function to calculate percapita value
+ * @param {object} stateObj a state containing abbr and value
+ * @returns {string} the per capita value
+ */
+function getPerCapita( stateObj ) {
+  const pop = STATE_DATA.find( o => o.abbr === stateObj.name ).population
+  return ( stateObj.value / pop * 1000 ).toFixed( 2 )
+}
+
 export const getStateClass = ( statesFilter, name ) => {
   // no filters so no classes.
   if ( statesFilter.length === 0 ) {
@@ -87,6 +114,7 @@ export const processStates = state => {
   const statesFilter = state.query.state || []
   const states = state.map.state
   const stateData = states.map( o => {
+    o.perCapita = getPerCapita( o )
     o.className = getStateClass( statesFilter, o.name )
     return o
   } )
@@ -95,6 +123,7 @@ export const processStates = state => {
 
 export const mapStateToProps = state => ( {
   data: processStates( state ),
+  dataNormalization: state.map.dataNormalization,
   stateFilters: state.query.state,
   selectedState: state.map.selectedState
 } )
diff --git a/src/UrlBarSynch.jsx b/src/UrlBarSynch.jsx
index fa4a04c75..0b6b5d96b 100644
--- a/src/UrlBarSynch.jsx
+++ b/src/UrlBarSynch.jsx
@@ -83,7 +83,10 @@ export class UrlBarSynch extends React.Component {
 }
 
 export const mapStateToProps = state => ( {
-  params: { ...state.query }
+  params: {
+    ...state.query,
+    dataNormalization: state.map.dataNormalization
+  }
 } )
 
 export const mapDispatchToProps = dispatch => ( {
diff --git a/src/__tests__/DateIntervals.spec.jsx b/src/__tests__/DateIntervals.spec.jsx
index 3d4255164..efb3afe00 100644
--- a/src/__tests__/DateIntervals.spec.jsx
+++ b/src/__tests__/DateIntervals.spec.jsx
@@ -42,7 +42,7 @@ describe( 'component: DateIntervals', () => {
     } )
 
     it( 'toggleDateInterval is called the button is clicked', () => {
-      const prev = target.find( '.date-intervals button:first-child' )
+      const prev = target.find( '.date-intervals .interval-3m' )
       prev.simulate( 'click' )
       expect( cb ).toHaveBeenCalledWith('3m')
     } )
diff --git a/src/__tests__/PerCapita.spec.jsx b/src/__tests__/PerCapita.spec.jsx
new file mode 100644
index 000000000..d967eab33
--- /dev/null
+++ b/src/__tests__/PerCapita.spec.jsx
@@ -0,0 +1,60 @@
+import configureMockStore from 'redux-mock-store'
+import {
+  mapDispatchToProps, mapStateToProps, PerCapita
+} from '../PerCapita'
+import { Provider } from 'react-redux'
+import React from 'react'
+import renderer from 'react-test-renderer'
+import { shallow } from 'enzyme'
+import thunk from 'redux-thunk'
+
+function setupSnapshot() {
+  const middlewares = [ thunk ]
+  const mockStore = configureMockStore( middlewares )
+  const store = mockStore( {
+    map: {}
+  } )
+
+  return renderer.create(
+    <Provider store={ store }>
+      <PerCapita />
+    </Provider>
+  )
+}
+
+describe( 'component: PerCapita', () => {
+  describe( 'initial state', () => {
+    it( 'renders without crashing', () => {
+      const target = setupSnapshot()
+      let tree = target.toJSON()
+      expect( tree ).toMatchSnapshot()
+    } )
+  } )
+
+  describe('mapDispatchToProps', () => {
+    it('hooks into onDataNormalization', () => {
+      const dispatch = jest.fn();
+      const ev = {
+        target: {
+          value: 123
+        }
+      }
+      mapDispatchToProps(dispatch).onDataNormalization( ev );
+      expect(dispatch.mock.calls.length).toEqual(1);
+    })
+  })
+
+  describe( 'mapStateToProps', () => {
+    it( 'maps state and props', () => {
+      const state = {
+        map: {
+          dataNormalization: 'foo'
+        }
+      }
+      let actual = mapStateToProps( state )
+      expect( actual ).toEqual( { dataNormalization: 'foo' } )
+    } )
+  } )
+
+
+} )
diff --git a/src/__tests__/TileChartMap.spec.jsx b/src/__tests__/TileChartMap.spec.jsx
index 4e4073137..0ca02f341 100644
--- a/src/__tests__/TileChartMap.spec.jsx
+++ b/src/__tests__/TileChartMap.spec.jsx
@@ -90,9 +90,9 @@ describe( 'component: TileChartMap', () => {
 
     it( 'redraw when the data is the same but map element is missing', () => {
       // append children to mock test
-      target = shallow( <TileChartMap data={ [ [ 23, 4, 3 ] ] }/> )
+      target = shallow( <TileChartMap data={ [ [ { name: 'TX', value: 100 } ] ] }/> )
       redrawSpy = jest.spyOn( target.instance(), '_redrawMap' )
-      target.setProps( { data: [ [ 23, 4, 3 ] ] } )
+      target.setProps( { data: [ [ { name: 'TX', value: 100 } ] ] } )
       expect( TileMap ).toHaveBeenCalledTimes( 1 )
       expect( redrawSpy ).toHaveBeenCalledTimes( 1 )
     } )
@@ -108,9 +108,9 @@ describe( 'component: TileChartMap', () => {
     } )
 
     it( 'trigger a new update when data changes', () => {
-      target = shallow( <TileChartMap data={ [ [ 23, 4, 3 ] ] }/> )
+      target = shallow( <TileChartMap data={ [ [ { name: 'TX', value: 100}, { name: 'LA', value: 10 } ] ] }/> )
       redrawSpy = jest.spyOn( target.instance(), '_redrawMap' )
-      target.setProps( { data: [ [ 2, 5 ] ] } )
+      target.setProps( { data: [ [ { name: 'TX', value: 100 }, { name: 'LA', value: 100 } ] ] } )
       expect( redrawSpy ).toHaveBeenCalledTimes( 1 )
       expect( TileMap ).toHaveBeenCalledTimes( 1 )
     } )
@@ -131,17 +131,18 @@ describe( 'component: TileChartMap', () => {
     it( 'maps state and props', () => {
       const state = {
         map: {
+          dataNormalization: false,
           state: [
             // name comes from agg api
-            { name: 'aa', issue: 'something', product: 'a prod' },
-            { name: 'bb', issue: 'something', product: 'b prod' },
-            { name: 'cc', issue: 'something', product: 'c prod' }
+            { name: 'TX', issue: 'something', product: 'a prod', value: 100000 },
+            { name: 'LA', issue: 'something', product: 'b prod', value: 2 },
+            { name: 'CA', issue: 'something', product: 'c prod', value: 3 }
           ],
           // fyi Selected State comes from map
-          selectedState: { abbr: 'bb', name: 'bb state' }
+          selectedState: { abbr: 'TX', name: 'Texas' }
         },
         query: {
-          state: [ 'aa' ]
+          state: [ 'TX' ]
         }
       }
       let actual = mapStateToProps( state )
@@ -149,27 +150,34 @@ describe( 'component: TileChartMap', () => {
         data: [
           [
             {
-              name: 'aa',
+              name: 'TX',
               className: 'selected',
               issue: 'something',
-              product: 'a prod'
+              perCapita: '3.65',
+              product: 'a prod',
+              value: 100000
             },
             {
-              name: 'bb',
+              name: 'LA',
               className: 'deselected',
               issue: 'something',
-              product: 'b prod'
+              perCapita: '0.00',
+              product: 'b prod',
+              value: 2
             },
             {
-              name: 'cc',
+              name: 'CA',
               className: 'deselected',
               issue: 'something',
-              product: 'c prod'
+              perCapita: '0.00',
+              product: 'c prod',
+              value: 3
             }
           ]
         ],
-        stateFilters: [ 'aa' ],
-        selectedState: { abbr: 'bb', name: 'bb state' }
+        dataNormalization: false,
+        stateFilters: [ 'TX' ],
+        selectedState: { abbr: 'TX', name: 'Texas' }
       } )
     } )
   } )
diff --git a/src/__tests__/__snapshots__/App.spec.jsx.snap b/src/__tests__/__snapshots__/App.spec.jsx.snap
index c3e6f3d5b..40e0513f9 100644
--- a/src/__tests__/__snapshots__/App.spec.jsx.snap
+++ b/src/__tests__/__snapshots__/App.spec.jsx.snap
@@ -1086,40 +1086,69 @@ exports[`initial state renders without crashing 1`] = `
             </h4>
           </div>
         </summary>
-        <section
-          className="date-intervals"
+        <div
+          className="layout-row refine"
         >
-          <button
-            className="date-selector "
-            onClick={[Function]}
-          >
-            3m
-          </button>
-          <button
-            className="date-selector "
-            onClick={[Function]}
-          >
-            6m
-          </button>
-          <button
-            className="date-selector "
-            onClick={[Function]}
-          >
-            1y
-          </button>
-          <button
-            className="date-selector selected"
-            onClick={[Function]}
+          <section
+            className="date-intervals"
           >
-            3y
-          </button>
-          <button
-            className="date-selector "
-            onClick={[Function]}
+            <p>
+              Date range (Click to modify range)
+            </p>
+            <button
+              className="date-selector interval-3m"
+              onClick={[Function]}
+            >
+              3m
+            </button>
+            <button
+              className="date-selector interval-6m"
+              onClick={[Function]}
+            >
+              6m
+            </button>
+            <button
+              className="date-selector interval-1y"
+              onClick={[Function]}
+            >
+              1y
+            </button>
+            <button
+              className="date-selector interval-3y selected"
+              onClick={[Function]}
+            >
+              3y
+            </button>
+            <button
+              className="date-selector interval-All"
+              onClick={[Function]}
+            >
+              All
+            </button>
+          </section>
+          <section
+            className="per-capita"
           >
-            All
-          </button>
-        </section>
+            <p>
+              Map Shading
+            </p>
+            <select
+              onChange={[Function]}
+              value="None"
+            >
+              <option
+                value="None"
+              >
+                Complaints
+              </option>
+              <option
+                value="Per 1000 pop."
+              >
+                Per capita
+              </option>
+            </select>
+          </section>
+        </div>
         <div>
           <div
             className="cfpb-chart"
diff --git a/src/__tests__/__snapshots__/DateIntervals.spec.jsx.snap b/src/__tests__/__snapshots__/DateIntervals.spec.jsx.snap
index 4bb233509..2596b6702 100644
--- a/src/__tests__/__snapshots__/DateIntervals.spec.jsx.snap
+++ b/src/__tests__/__snapshots__/DateIntervals.spec.jsx.snap
@@ -4,32 +4,35 @@ exports[`component: DateIntervals initial state renders without crashing 1`] = `
 <section
   className="date-intervals"
 >
+  <p>
+    Date range (Click to modify range)
+  </p>
   <button
-    className="date-selector "
+    className="date-selector interval-3m"
     onClick={[Function]}
   >
     3m
   </button>
   <button
-    className="date-selector "
+    className="date-selector interval-6m"
     onClick={[Function]}
   >
     6m
   </button>
   <button
-    className="date-selector "
+    className="date-selector interval-1y"
     onClick={[Function]}
   >
     1y
   </button>
   <button
-    className="date-selector "
+    className="date-selector interval-3y"
     onClick={[Function]}
   >
     3y
   </button>
   <button
-    className="date-selector "
+    className="date-selector interval-All"
     onClick={[Function]}
   >
     All
diff --git a/src/__tests__/__snapshots__/MapPanel.spec.jsx.snap b/src/__tests__/__snapshots__/MapPanel.spec.jsx.snap
index 786af55d1..b230cda8f 100644
--- a/src/__tests__/__snapshots__/MapPanel.spec.jsx.snap
+++ b/src/__tests__/__snapshots__/MapPanel.spec.jsx.snap
@@ -36,40 +36,68 @@ exports[`component:MapPanel renders without crashing 1`] = `
       </h4>
     </div>
   </summary>
-  <section
-    className="date-intervals"
+  <div
+    className="layout-row refine"
   >
-    <button
-      className="date-selector "
-      onClick={[Function]}
-    >
-      3m
-    </button>
-    <button
-      className="date-selector "
-      onClick={[Function]}
-    >
-      6m
-    </button>
-    <button
-      className="date-selector "
-      onClick={[Function]}
+    <section
+      className="date-intervals"
     >
-      1y
-    </button>
-    <button
-      className="date-selector "
-      onClick={[Function]}
-    >
-      3y
-    </button>
-    <button
-      className="date-selector "
-      onClick={[Function]}
+      <p>
+        Date range (Click to modify range)
+      </p>
+      <button
+        className="date-selector interval-3m"
+        onClick={[Function]}
+      >
+        3m
+      </button>
+      <button
+        className="date-selector interval-6m"
+        onClick={[Function]}
+      >
+        6m
+      </button>
+      <button
+        className="date-selector interval-1y"
+        onClick={[Function]}
+      >
+        1y
+      </button>
+      <button
+        className="date-selector interval-3y"
+        onClick={[Function]}
+      >
+        3y
+      </button>
+      <button
+        className="date-selector interval-All"
+        onClick={[Function]}
+      >
+        All
+      </button>
+    </section>
+    <section
+      className="per-capita"
     >
-      All
-    </button>
-  </section>
+      <p>
+        Map Shading
+      </p>
+      <select
+        onChange={[Function]}
+      >
+        <option
+          value="None"
+        >
+          Complaints
+        </option>
+        <option
+          value="Per 1000 pop."
+        >
+          Per capita
+        </option>
+      </select>
+    </section>
+  </div>
   <div>
     <div
       className="cfpb-chart"
diff --git a/src/__tests__/__snapshots__/PerCapita.spec.jsx.snap b/src/__tests__/__snapshots__/PerCapita.spec.jsx.snap
new file mode 100644
index 000000000..2f3efef82
--- /dev/null
+++ b/src/__tests__/__snapshots__/PerCapita.spec.jsx.snap
@@ -0,0 +1,23 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`component: PerCapita initial state renders without crashing 1`] = `
+<section
+  className="per-capita"
+>
+  <p>
+    Map Shading
+  </p>
+  <select>
+    <option
+      value="None"
+    >
+      Complaints
+    </option>
+    <option
+      value="Per 1000 pop."
+    >
+      Per capita
+    </option>
+  </select>
+</section>
+`;
diff --git a/src/__tests__/__snapshots__/ResultsPanel.spec.jsx.snap b/src/__tests__/__snapshots__/ResultsPanel.spec.jsx.snap
index 30015549c..a352f837f 100644
--- a/src/__tests__/__snapshots__/ResultsPanel.spec.jsx.snap
+++ b/src/__tests__/__snapshots__/ResultsPanel.spec.jsx.snap
@@ -405,40 +405,68 @@ exports[`component:Results renders map panel without crashing 1`] = `
         </h4>
       </div>
     </summary>
-    <section
-      className="date-intervals"
+    <div
+      className="layout-row refine"
     >
-      <button
-        className="date-selector "
-        onClick={[Function]}
-      >
-        3m
-      </button>
-      <button
-        className="date-selector "
-        onClick={[Function]}
-      >
-        6m
-      </button>
-      <button
-        className="date-selector "
-        onClick={[Function]}
+      <section
+        className="date-intervals"
       >
-        1y
-      </button>
-      <button
-        className="date-selector "
-        onClick={[Function]}
-      >
-        3y
-      </button>
-      <button
-        className="date-selector "
-        onClick={[Function]}
+        <p>
+          Date range (Click to modify range)
+        </p>
+        <button
+          className="date-selector interval-3m"
+          onClick={[Function]}
+        >
+          3m
+        </button>
+        <button
+          className="date-selector interval-6m"
+          onClick={[Function]}
+        >
+          6m
+        </button>
+        <button
+          className="date-selector interval-1y"
+          onClick={[Function]}
+        >
+          1y
+        </button>
+        <button
+          className="date-selector interval-3y"
+          onClick={[Function]}
+        >
+          3y
+        </button>
+        <button
+          className="date-selector interval-All"
+          onClick={[Function]}
+        >
+          All
+        </button>
+      </section>
+      <section
+        className="per-capita"
       >
-        All
-      </button>
-    </section>
+        <p>
+          Map Shading
+        </p>
+        <select
+          onChange={[Function]}
+        >
+          <option
+            value="None"
+          >
+            Complaints
+          </option>
+          <option
+            value="Per 1000 pop."
+          >
+            Per capita
+          </option>
+        </select>
+      </section>
+    </div>
     <div>
       <div
         className="cfpb-chart"
diff --git a/src/actions/__tests__/map.spec.jsx b/src/actions/__tests__/map.spec.jsx
index 41bc4a880..fd815b3b1 100644
--- a/src/actions/__tests__/map.spec.jsx
+++ b/src/actions/__tests__/map.spec.jsx
@@ -1,5 +1,6 @@
 import * as sut from '../map'
-import { REQUERY_ALWAYS } from '../../constants'
+import { REQUERY_ALWAYS, REQUERY_NEVER } from '../../constants'
+import { DATA_NORMALIZATION_SELECTED } from '../map'
 
 describe('action:map', () => {
   describe('addStateFilter', () => {
@@ -15,6 +16,19 @@ describe('action:map', () => {
     })
   })
 
+  describe('dataNormalizationChanged', () => {
+    it('creates a simple action', () => {
+      const expectedAction = {
+        type: sut.DATA_NORMALIZATION_SELECTED,
+        requery: REQUERY_NEVER,
+        value: 'foo'
+      }
+      const action = sut.dataNormalizationChanged( 'foo' )
+      expect(action).toEqual(expectedAction)
+    })
+  })
+
+
   describe('removeStateFilter', () => {
     it('creates a simple action', () => {
       const expectedAction = {
diff --git a/src/actions/map.jsx b/src/actions/map.jsx
index 7ae876d49..489a81316 100644
--- a/src/actions/map.jsx
+++ b/src/actions/map.jsx
@@ -1,9 +1,24 @@
-import { REQUERY_ALWAYS } from '../constants'
+import { REQUERY_ALWAYS, REQUERY_NEVER } from '../constants'
 
+export const DATA_NORMALIZATION_SELECTED = 'DATA_NORMALIZATION_SELECTED'
 export const STATE_COMPLAINTS_SHOWN = 'STATE_COMPLAINTS_SHOWN'
 export const STATE_FILTER_ADDED = 'STATE_FILTER_ADDED'
 export const STATE_FILTER_REMOVED = 'STATE_FILTER_REMOVED'
 
+
+/**
+ * Indicates data normalization (yes, per capita) value was selected
+ * @param {object} value of the data normalization
+ * @returns {object} a packaged payload to be used by Redux reducers
+ */
+export function dataNormalizationChanged( value ) {
+  return {
+    type: DATA_NORMALIZATION_SELECTED,
+    requery: REQUERY_NEVER,
+    value
+  };
+}
+
 /**
  * Creates an action in response after state tile clicked
  *
diff --git a/src/constants/index.jsx b/src/constants/index.jsx
index 385ef2d87..750d019bd 100644
--- a/src/constants/index.jsx
+++ b/src/constants/index.jsx
@@ -14,6 +14,10 @@ export const MODE_MAP = 'Map'
 export const MODE_LIST = 'List'
 export const MODE_TRENDS = 'Trends'
 
+// map normalization modes
+export const GEO_NORM_NONE = 'None'
+export const GEO_NORM_PER1000 = 'Per 1000 pop.'
+
 // Useful constants
 export const NARRATIVE_SEARCH_FIELD = 'complaint_what_happened'
 
@@ -183,3 +187,323 @@ export const TILE_MAP_STATES = [
   'WV',
   'WY'
 ]
+
+// 2017 ACS census via the census API:
+// https://api.census.gov/data/2017/acs/acs5?get=B01003_001E,NAME&for=state
+//
+// B01003_001E is defined as TOTAL POPULATION
+// (detailed here: https://api.census.gov/data/2016/acs/acs5/variables.html)
+export const STATE_DATA = [
+  {
+    abbr: 'AL',
+    name: 'Alabama',
+    population: '4850771',
+    id: '01'
+  },
+  {
+    abbr: 'AK',
+    name: 'Alaska',
+    population: '738565',
+    id: '02'
+  },
+  {
+    abbr: 'AZ',
+    name: 'Arizona',
+    population: '6809946',
+    id: '04'
+  },
+  {
+    abbr: 'AR',
+    name: 'Arkansas',
+    population: '2977944',
+    id: '05'
+  },
+  {
+    abbr: 'CA',
+    name: 'California',
+    population: '38982847',
+    id: '06'
+  },
+  {
+    abbr: 'CO',
+    name: 'Colorado',
+    population: '5436519',
+    id: '08'
+  },
+  {
+    abbr: 'CT',
+    name: 'Connecticut',
+    population: '3594478',
+    id: '09'
+  },
+  {
+    abbr: 'DE',
+    name: 'Delaware',
+    population: '943732',
+    id: '10'
+  },
+  {
+    abbr: 'DC',
+    name: 'District of Columbia',
+    population: '672391',
+    id: '11'
+  },
+  {
+    abbr: 'FL',
+    name: 'Florida',
+    population: '20278447',
+    id: '12'
+  },
+  {
+    abbr: 'GA',
+    name: 'Georgia',
+    population: '10201635',
+    id: '13'
+  },
+  {
+    abbr: 'HI',
+    name: 'Hawaii',
+    population: '1421658',
+    id: '15'
+  },
+  {
+    abbr: 'ID',
+    name: 'Idaho',
+    population: '1657375',
+    id: '16'
+  },
+  {
+    abbr: 'IL',
+    name: 'Illinois',
+    population: '12854526',
+    id: '17'
+  },
+  {
+    abbr: 'IN',
+    name: 'Indiana',
+    population: '6614418',
+    id: '18'
+  },
+  {
+    abbr: 'IA',
+    name: 'Iowa',
+    population: '3118102',
+    id: '19'
+  },
+  {
+    abbr: 'KS',
+    name: 'Kansas',
+    population: '2903820',
+    id: '20'
+  },
+  {
+    abbr: 'KY',
+    name: 'Kentucky',
+    population: '4424376',
+    id: '21'
+  },
+  {
+    abbr: 'LA',
+    name: 'Louisiana',
+    population: '4663461',
+    id: '22'
+  },
+  {
+    abbr: 'ME',
+    name: 'Maine',
+    population: '1330158',
+    id: '23'
+  },
+  {
+    abbr: 'MD',
+    name: 'Maryland',
+    population: '5996079',
+    id: '24'
+  },
+  {
+    abbr: 'MA',
+    name: 'Massachusetts',
+    population: '6789319',
+    id: '25'
+  },
+  {
+    abbr: 'MI',
+    name: 'Michigan',
+    population: '9925568',
+    id: '26'
+  },
+  {
+    abbr: 'MN',
+    name: 'Minnesota',
+    population: '5490726',
+    id: '27'
+  },
+  {
+    abbr: 'MS',
+    name: 'Mississippi',
+    population: '2986220',
+    id: '28'
+  },
+  {
+    abbr: 'MO',
+    name: 'Missouri',
+    population: '6075300',
+    id: '29'
+  },
+  {
+    abbr: 'MT',
+    name: 'Montana',
+    population: '1029862',
+    id: '30'
+  },
+  {
+    abbr: 'NE',
+    name: 'Nebraska',
+    population: '1893921',
+    id: '31'
+  },
+  {
+    abbr: 'NV',
+    name: 'Nevada',
+    population: '2887725',
+    id: '32'
+  },
+  {
+    abbr: 'NH',
+    name: 'New Hampshire',
+    population: '1331848',
+    id: '33'
+  },
+  {
+    abbr: 'NJ',
+    name: 'New Jersey',
+    population: '8960161',
+    id: '34'
+  },
+  {
+    abbr: 'NM',
+    name: 'New Mexico',
+    population: '2084828',
+    id: '35'
+  },
+  {
+    abbr: 'NY',
+    name: 'New York',
+    population: '19798228',
+    id: '36'
+  },
+  {
+    abbr: 'NC',
+    name: 'North Carolina',
+    population: '10052564',
+    id: '37'
+  },
+  {
+    abbr: 'ND',
+    name: 'North Dakota',
+    population: '745475',
+    id: '38'
+  },
+  {
+    abbr: 'OH',
+    name: 'Ohio',
+    population: '11609756',
+    id: '39'
+  },
+  {
+    abbr: 'OK',
+    name: 'Oklahoma',
+    population: '3896251',
+    id: '40'
+  },
+  {
+    abbr: 'OR',
+    name: 'Oregon',
+    population: '4025127',
+    id: '41'
+  },
+  {
+    abbr: 'PA',
+    name: 'Pennsylvania',
+    population: '12790505',
+    id: '42'
+  },
+  {
+    abbr: 'PR',
+    name: 'Puerto Rico',
+    population: '3468963',
+    id: '72'
+  },
+  {
+    abbr: 'RI',
+    name: 'Rhode Island',
+    population: '1056138',
+    id: '44'
+  },
+  {
+    abbr: 'SC',
+    name: 'South Carolina',
+    population: '4893444',
+    id: '45'
+  },
+  {
+    abbr: 'SD',
+    name: 'South Dakota',
+    population: '855444',
+    id: '46'
+  },
+  {
+    abbr: 'TN',
+    name: 'Tennessee',
+    population: '6597381',
+    id: '47'
+  },
+  {
+    abbr: 'TX',
+    name: 'Texas',
+    population: '27419612',
+    id: '48'
+  },
+  {
+    abbr: 'UT',
+    name: 'Utah',
+    population: '2993941',
+    id: '49'
+  },
+  {
+    abbr: 'VT',
+    name: 'Vermont',
+    population: '624636',
+    id: '50'
+  },
+  {
+    abbr: 'VA',
+    name: 'Virginia',
+    population: '8365952',
+    id: '51'
+  },
+  {
+    abbr: 'WA',
+    name: 'Washington',
+    population: '7169967',
+    id: '53'
+  },
+  {
+    abbr: 'WV',
+    name: 'West Virginia',
+    population: '1836843',
+    id: '54'
+  },
+  {
+    abbr: 'WI',
+    name: 'Wisconsin',
+    population: '5763217',
+    id: '55'
+  },
+  {
+    abbr: 'WY',
+    name: 'Wyoming',
+    population: '583200',
+    id: '56'
+  }
+]
diff --git a/src/reducers/__tests__/map.spec.jsx b/src/reducers/__tests__/map.spec.jsx
index 3bbcbb689..1b6cd68b6 100644
--- a/src/reducers/__tests__/map.spec.jsx
+++ b/src/reducers/__tests__/map.spec.jsx
@@ -1,8 +1,11 @@
-import target, { processAggregations, processStateAggregations } from '../map'
-import * as complaintActions from '../../actions/complaints'
-import * as mapActions from '../../actions/map'
+import target, {
+  defaultState,
+  processAggregations,
+  processStateAggregations
+} from '../map'
+import actions from '../../actions'
 import stateAggs from '../__fixtures__/stateAggs'
-import { TILE_MAP_STATES } from '../../constants'
+import { GEO_NORM_NONE, TILE_MAP_STATES } from '../../constants'
 
 describe( 'reducer:map', () => {
   let action
@@ -10,6 +13,7 @@ describe( 'reducer:map', () => {
   describe( 'reducer', () => {
     it( 'has a default state', () => {
       expect( target( undefined, {} ) ).toEqual( {
+        dataNormalization: GEO_NORM_NONE,
         isLoading: false,
         issue: [],
         product: [],
@@ -19,9 +23,19 @@ describe( 'reducer:map', () => {
     } )
   } )
 
+  describe('handles DATA_NORMALIZATION_SELECTED', ()=>{
+    action = {
+      type: actions.DATA_NORMALIZATION_SELECTED,
+      value: 'FooBar'
+    }
+    expect( target( {}, action ) ).toEqual( {
+      dataNormalization: 'FooBar'
+    } )
+  })
+
   describe( 'handles STATES_API_CALLED actions', () => {
     action = {
-      type: complaintActions.STATES_API_CALLED,
+      type: actions.STATES_API_CALLED,
       url: 'http://www.example.org'
     }
     expect( target( {}, action ) ).toEqual( {
@@ -33,7 +47,7 @@ describe( 'reducer:map', () => {
   describe( 'STATES_RECEIVED actions', () => {
     beforeEach( () => {
       action = {
-        type: complaintActions.STATES_RECEIVED,
+        type: actions.STATES_RECEIVED,
         data: {
           aggregations: stateAggs
         }
@@ -195,7 +209,7 @@ describe( 'reducer:map', () => {
   describe( 'STATES_FAILED actions', () => {
     it( 'handles failed error messages', () => {
       action = {
-        type: complaintActions.STATES_FAILED,
+        type: actions.STATES_FAILED,
         error: 'foo bar'
       }
       expect( target( {
@@ -222,7 +236,7 @@ describe( 'reducer:map', () => {
   describe( 'STATE_FILTER_ADDED actions', () => {
     it( 'adds filter', () => {
       action = {
-        type: mapActions.STATE_FILTER_ADDED,
+        type: actions.STATE_FILTER_ADDED,
         selectedState: { abbr: 'FO', stateName: 'Foo Bar' }
       }
       expect( target( { selectedState: false }, action ) ).toEqual( {
@@ -234,7 +248,7 @@ describe( 'reducer:map', () => {
   describe( 'STATE_FILTER_REMOVED actions', () => {
     it( 'adds filter', () => {
       action = {
-        type: mapActions.STATE_FILTER_REMOVED,
+        type: actions.STATE_FILTER_REMOVED,
         stateAbbr: 'FO'
       }
       expect( target( { selectedState: false }, action ) ).toEqual( {
@@ -243,6 +257,29 @@ describe( 'reducer:map', () => {
     } )
   } )
 
+  describe( 'URL_CHANGED actions', () => {
+    let action
+    let state
+    beforeEach( () => {
+      action = {
+        type: actions.URL_CHANGED,
+        params: {}
+      }
+
+      state = { ...defaultState }
+    } )
+
+    it( 'handles empty params', () => {
+      expect( target( state, action ) ).toEqual( state )
+    } )
+
+    it( 'handles dataNormalization params', () => {
+      action.params = { dataNormalization: 'hello' }
+      const actual = target( state, action )
+      expect( actual.dataNormalization ).toEqual( 'hello' )
+    } )
+  } )
+
   describe( 'helper functions', () => {
     describe( 'processAggregations', () => {
       it( 'calculates percentages properly', () => {
diff --git a/src/reducers/map.jsx b/src/reducers/map.jsx
index b05623481..7176373c6 100644
--- a/src/reducers/map.jsx
+++ b/src/reducers/map.jsx
@@ -1,13 +1,11 @@
 // reducer for the Map Tab
-import { STATE_FILTER_ADDED, STATE_FILTER_REMOVED } from '../actions/map'
-import {
-  STATES_API_CALLED, STATES_FAILED, STATES_RECEIVED
-} from '../actions/complaints'
-import { TILE_MAP_STATES } from '../constants'
+import { GEO_NORM_NONE, TILE_MAP_STATES } from '../constants'
+import actions from '../actions'
 
 export const defaultState = {
   isLoading: false,
   issue: [],
+  dataNormalization: GEO_NORM_NONE,
   product: [],
   selectedState: false,
   state: []
@@ -152,6 +150,40 @@ export function selectState( state, action ) {
   }
 }
 
+/**
+ * Handler for the update data normalization action
+ *
+ * @param {object} state the current state in the Redux store
+ * @param {object} action the command being executed
+ * @returns {object} the new state for the Redux store
+ */
+export function updateDataNormalization( state, action ) {
+  return {
+    ...state,
+    dataNormalization: action.value
+  };
+}
+
+/**
+ * Processes an object of key/value strings into the correct internal format
+ *
+ * @param {object} state the current state in the Redux store
+ * @param {object} action the payload containing the key/value pairs
+ * @returns {object} a filtered set of key/value pairs with the values set to
+ * the correct type
+ */
+function processParams( state, action ) {
+  const params = action.params
+  const processed = Object.assign( {}, defaultState )
+
+  // Handle flag filters
+  if ( params.dataNormalization ) {
+    processed.dataNormalization = params.dataNormalization
+  }
+
+  return processed
+}
+
 // ----------------------------------------------------------------------------
 // Action Handlers
 
@@ -162,11 +194,15 @@ export function selectState( state, action ) {
  */
 export function _buildHandlerMap() {
   const handlers = {}
-  handlers[STATES_API_CALLED] = statesCallInProcess
-  handlers[STATES_RECEIVED] = processStatesResults
-  handlers[STATES_FAILED] = processStatesError
-  handlers[STATE_FILTER_ADDED] = selectState
-  handlers[STATE_FILTER_REMOVED] = deselectState
+
+  handlers[actions.DATA_NORMALIZATION_SELECTED] = updateDataNormalization
+  handlers[actions.STATES_API_CALLED] = statesCallInProcess
+  handlers[actions.STATES_RECEIVED] = processStatesResults
+  handlers[actions.STATES_FAILED] = processStatesError
+  handlers[actions.STATE_FILTER_ADDED] = selectState
+  handlers[actions.STATE_FILTER_REMOVED] = deselectState
+  handlers[actions.URL_CHANGED] = processParams
+
 
   return handlers
 }