Team Members : Chinna Subbaraya Siddharth (Sid) Ramavajjala*, Ramakrishna Raju Gangaraju*
*Department of Geography, University of Wisconsin - Madison
- Course code: Geog 575
- Course Name: Interactive Cartography & Geovisualization (click here)
- Instructor: Professor Robert E Roth (click here)
- Teaching Assistant: Gareth Baldrica - Franklin (click here)
Background Description 1: Sid is an associate professor in the political science and economics department at the University of Madrid, Spain. Sid's primary area of study includes the quantification of political polarization, the impact of policies on the economy and environment, and the behavioral analysis of voters across Europe. She teaches introduction to statistical analysis for political science, dynamic macroeconomics, and political Economy. She would use interactive web maps as a one-way learning material. Through the map, she and her students want to identify various features on the map and compare them to socio-economic indicators and generate detailed reports. Therefore, she would like export different maps to include them in reports. She wants to rank, identify, compare the most and least, and identify outliers/anomalies. In addition, she wants to understand insights pertaining to trends across the temporal domain.
Name & Position: Raju Braverman, Member of Parliament (MP)
Background Description 2 Raju's goal is to lead her party to win the most seats in the House of Commons. To achieve this goal, she needs to appeal to voters by addressing their needs and concerns. Therefore, it is essential to understand the demographics (socio-economic correlates) and extent of polarization that would influence voter preferences. To gain insights into the aforementioned factors, the visualization would act as presentation tool to comprehend election insights. By procuring and presenting data on demographics, employment rates, median income, and other factors, she would want to identify patterns and trends that can inform campaign strategy. she wants the map to enable her to compare and rank different states polarization scenarios based on their political variables, identify clusters or spikes of voter preferences, and associate specific policies with different voter groups. Thereby Sarah wants to deliver a constructive campaign message and sequence her activities to reach voters effectively. In addition, she wants to print and circulate maps to personalize her campaign plans with her party workers, therefore map should be a two-way learning material. Scenario #1: When the interactive is clicked, a display panel outlines details to user. Furthermore, a precise entry point is designed for the user to select a type of mode - exploration followed by selection of state, two other variables from selection panel. The dashboard dynamically generates a scatter plot and bivariate choropleth + proportional symbol map. The user can associate if the variables are correlated and could analyze if there are any similar or dissimilar trends over the years. Moreover, the user can hover over various map objects available and identify information related to location (map) and attributes (graph).
Scenario #2: When the interactive is clicked and followed by the display panel. The user selects presentation mode followed by state and a variable selection. Moreover, the user sequences through different years to rank states with the least and most polarization. When hovered on State, a dynamic popup is enabled and, when clicked, retrieves information about other state (which are not selected). The user can also overlay election candidate point data to compare voter mindset based on selected attributes. Next, the user wants to detect anomalies performed through a scatter plot. Moreover, the sequence helps with insights if the pattern changes over time.
* Planned, need to discuss with Prof Roth or Gareth For requirements documentation, we have attempted to adhere to Shneiderman's mantra - overview first, zoom and filter, details-on-demand.
| Map Presentation | |
|---|---|
| Basemap (Map layer) | England State - No base map (https://geoportal.statistics.gov.uk/) |
| Non-spatial data | British Household Panel Survey data (BHPS) (https://beta.ukdataservice.ac.uk/datacatalogue/studies/study?id=5151#!/access-data), Income Inequality, Median Income, Employed Share, Native share, Eduaction variablity, Job status variability, Age variation, Population (https://www.ons.gov.uk/) |
| Method (background)* | Political Polarization in the UK (https://link.springer.com/article/10.1007/s10602-022-09368-8) |
| Scatter plot | Relationship between selected variables by State (2D) |
| Bivariate thematic map | Represents relationships between variables with a choropleth map and represent other selected variable with propotional symbol |
| Legend | Color legend for classification of data across all map types (uni and bivariate choropleths) |
| Overview | Robust documentation on polarization measurements, "how to use," and credits |
| Interaction Section | |
|---|---|
| Interface type dropdown | Filter + space-time-attributes (presentation). User can select and customize the map either presentation mode or exploration mode |
| Check box button | Overlay + space-alone. Turn on/off the election candidate layer for different years |
| State dropdown | Filter + space-alone. Select a State for highlights across the whole dashboard. |
| Slider | Sequence + space-in-time. When clicked on the forward and backward buttons, the values are changed along with the symbolization |
| Menu | Filter + attributes-in-space. Attributes selection through nested dropdown (1D)* for variable selection |
| Print button* | Enabling + space, attributes-in-space. When clicked, export the current map view as PDF/PNG*. |
| Hover | Retrieve + attributes-in-space, space. Dynamic popups are enabled with a highlighting enabled to show locations. And click supports identify (details on demand) |
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent