Giter Site home page Giter Site logo

project-2's Introduction

Proposal: Land occupancy in the Netherlands

Name: Thomas Reus Student Number: 11150041

Problem statement

Show the land occupancy of the Netherlands and provide the user to filter the information they are interested in.

Target audience: people interested in the land occupancy of the netherlands (probably ducth people themselves)

Solution

Single line: Give the land occupancy for the Netherlands per province with clearly visualized and filterable information.

Visual sketch:

Main features

  1. Interactive map of the netherlands, shows data when hovering over for one occupancy (choose with 5). Clicking on one province updates info in 3, choose year in 7..
  2. (stacked) Bar chart for all provinces (shows data for multiple occupancy 8, or clicking in 3) (maybe sortable, function not added in figure).
  3. Pie chart for Netherlands/one province (sort clicking in 1 or choosing in 6).
  4. Line graph to compare an occupancy selected in 11 for several provinces selected in 9 over a time period chosen in 10.

MVP: 1, 2 and 3 for visual. 5, 6, 7 and 8 for selecting. 4 (with 11, 9 and 10) is nice to have.

Prerequisites

Data sources

Bodemgebruik CBS per provincie

External components

Some of these (?):

  • D3
  • D3 Tip Library
  • jQuery
  • Bootstrap
  • TopoJSON
  • DataMaps

Review of related visualizations

Three examples: 1: map, year slider, area graph 2: map, bar, pie 3: map, bar

All use maps of europe or the world. Hovering over the different parts shows some data and highlights the related parts in all the data representations (in example 3).

Bar: 3 horizontal and sorting, 2 vertical.

1 does have a year slider, i would like to do that about the same.

hardest part

Never made a map visualisation (1 in Main features), solution: Internet.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.