Code Monkey home page Code Monkey logo

delft-dashboard's People

Contributors

vladieboi avatar hafansky avatar

Forkers

mondayrunner

delft-dashboard's Issues

Orientation / Navigation Bar

Navigation Bar
There is no back functionality:

  • Adding a back symbol in the corner (and writing the function that remembers & shows the last page)
    -- Adding Delft's Logo instead of the back symbol on the home-page (and writing a function or editing the side displaying function in order to display the back arrow only when side context menus are on)

Legend Data Display

(Show and hide the legend-content elements depending on which data display is turned on)

  • Writing a function that displays filters depending on which data-type is being displayed (on map)
  • Allowing the legend to display more than one data type legend at a time

We really need to decide how many filters is the maximum for the final presentation...

WMS Map Overlay

  • No idea how to get WMS files from PDOK working (with neither library or simply code)

Legend Visualisations

  • Create legend visualizations for every filter available in the dashboard
  • Compile all visualizations together, simplify and translate them to code

Map Legend (Base)

Map

  • Creating a legend
  • Making it appear only when filters are active

Currently displaying all the legend-content together...

Orientation / Sidebar

Sidebar / Context Menu
There are no Labels (Headings on the main pages, for example):

  • Adding a heading (maybe some descriptive text too, follow the design) and styling it
  • Re-styling "context-menu" so its' position is aligned to the heading (position them in the same div)
    --- Developing a scroll functionality that only works in the context menu

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.