- Visualize statistical data from Statistikdatbasen.scb.se focusing on European Parliamental Election data.
- The data contains geographical information and thus can be represented on the map
- The data contains geographical information and thus can be represented on a map.
D3 library will be used for graphical visalization.
Here, the goal would be to project a map of Sweden using topoligical data.
## Frontend
The frontend will be created with React. We will use the D3 library to implement the grapgical visualizations. Here, the goal is to visualize a map of sweden using topological data, and to thereafter, present various statistics.
## Backend (FLASK+FlaskSQLAlchemy)
The backend for the system will be made up of a REST API where the front-end can request information, such as statistics to be visualized or validating the credentials of a user. Exactly what information that the front-end will have to request is to be determined. However, we want the front-end to request information from the REST API since much of the data will mostly require some processing before it can be used by the frontend, we do not the frontend to have to handle this. The REST API will be handled by the Python framework FLASK, which will be used to host a server, which will also be responsible for requesting and processing any data from external APIs. Credentials and other data that needs or should be stored in a database is handled by FlaskSQLAlchemy, seamlessly integrating with the FLASK framework.
Currently, we have not yet decided if the backend should also supply routes for the website or if the website should be hosted elsewhere.
-**Frontend:** React , **Backend:** SQLAlchemy
- Dataman.se for topological data of sweden borders
# D3 mapping concepts
The 3 concepts that are key to understanding map creation using D3 are:
...
...
@@ -14,8 +19,6 @@ The 3 concepts that are key to understanding map creation using D3 are:
- projections (functions that convert from latitude/longitude co-ordinates to x & y co-ordinates)
- geographic path generators (functions that convert GeoJSON shapes into SVG or Canvas paths)
## BASIC:
- Given hard coded table x,y data as input and visualize it on a plot
- Given hard coded table x,y, postition data as input, vizualize it on the map
...
...
@@ -34,11 +37,9 @@ The 3 concepts that are key to understanding map creation using D3 are:
- Through API(Statistikdatabsen.scb.s) fetch live data and visualize it
- Graphical transitions of the visalization frame
## Profile
- Sign in / Sign out with "forget password? procedure
