German Election Map Simulator

This is a website with interactive maps and data about German politics. This website attempts to inform people about the German election system and politics in Germany. This Website is a static website due to the limitations of Github pages. Feel free to use code from this website for your own projects or create your own projects based off this one, just look at the license first.

Resources and Links

• Social Media
• Functions Guide

Purpouse

This project was initially created as a school project. My intention with this project was, and still is, to inform people about politics in Germany. Specifically, political geography and voting behaviour.

Code and Data

Languages used: HTML, CSS, JavaScript
Libraries used: d3.js (v6), topojson
Data: Federal Returning Office

First of all I must mention that much of this was not my own idea. Many the ways in which this website is constructed is based off principalfish.co.uk.

The maps are generated from GeoJSON data using topojson and d3.js.

The JavaScript is structured so that there is one main script file which generates the map and graphs by parsing the data from the .json and .csv files and then utilises functions defined in other script files to manipulate said data. Most of the file names are self-explanatory; the functions.js file is a file for miscellaneous functions used throughout the code.

To run the website for personal purpouses use a localhost as just opening the index.html file won't work.

If you wish to edit the code it is best to keep the file structure as is, unless you know exactly what you are doing. If you wish to add additional features create a new script file and store the functions within an object in that file (a guide to the functions can be found under the Resources and Links section). If linked to the main html file these can then be used throughout other script files, similar to libraries.

For Example:

var foo = {
  write : function(input) {
    console.log(input);
  }
}

in a separate file which is also linked on the HTML document

foo.write("Hello World!");

output

Hello World!