Source: view/viz/DistrictMapViz.js

  1. /** @module */
  3. import DistrictDraw from './DistrictDraw.js'
  4. import districtColors from './DistrictColors.js'
  5. import MapOfTracts from './MapOfTracts.js'
  7. /**
  8.  * Show votes
  9.  * @param {Screen} screen
  10.  * @constructor
  11.  */
  12. export default function DistrictMapViz(candidateList, screen, electionOptionsMan, simOptions, changes) {
  13.     const self = this
  15.     let districtMap
  16.     // Update //
  18.     self.update = (districtElectionResults) => {
  19.         const { geography } = districtElectionResults.geometry
  20.         districtMap = geography.districtMap
  22.         // todo: make this only run when we have new districts
  23.         if (self.districtDraw === undefined || changes.check(['numTracts'])) {
  24.             self.districtDraw = new DistrictDraw(screen)
  25.             // Code that handles making images of geographic noise.
  26.             self.mapOfTracts = new MapOfTracts(geography.nx, geography.ny, screen)
  27.         }
  29.         const optionsBag = electionOptionsMan.getOptions()
  30.         const gc = districtColors(districtElectionResults, candidateList, optionsBag, simOptions)
  31.         const { colorByTract, colorOfVoteByDistrict, colorOfWinsByDistrict } = gc
  32.         self.colorOfVoteByDistrict = colorOfVoteByDistrict
  33.         self.winnerColors = colorOfWinsByDistrict
  34.         self.mapOfTracts.loadColors(colorByTract)
  35.     }
  37.     // Display //
  39.     const districtMapWidth = 100
  40.     const districtMapHeight = 100
  42.     // screen.setMapsHeight((1 / 3) * screen.height)
  43.     /** Render all maps and  */
  44.     self.render = () => {
  45.         self.renderTractVotes()
  46.         self.renderDistrictWins()
  47.         self.renderDistrictVotes()
  48.     }
  49.     // Render census tract votes.
  50.     self.renderTractVotes = () => {
  51.         self.mapOfTracts.render(districtMapWidth, districtMapHeight)
  52.         self.districtDraw.renderVoronoi(districtMap, districtMapWidth, districtMapHeight)
  53.     }
  54.     // Render district wins.
  55.     self.renderDistrictWins = () => {
  56.         const { renderVoronoiColors } = self.districtDraw
  57.         renderVoronoiColors(districtMap, 200, 0, districtMapWidth, districtMapHeight, self.winnerColors)
  58.     }
  59.     // render district votes.
  60.     self.renderDistrictVotes = () => {
  61.         const { renderVoronoiColors } = self.districtDraw
  62.         renderVoronoiColors(districtMap, 100, 0, districtMapWidth, districtMapHeight, self.colorOfVoteByDistrict)
  63.     }
  64. }