Coder Social home page Coder Social logo

nptscot / nptscot.github.io Goto Github PK

View Code? Open in Web Editor NEW
6.0 3.0 5.0 13.87 MB

Network Planning Tool for Scotland: website

Home Page: https://www.npt.scot

License: GNU Affero General Public License v3.0

HTML 16.58% JavaScript 72.17% CSS 11.24%
cycling maplibre transportation transportation-planning

nptscot.github.io's People

Contributors

atumscott avatar mem48 avatar mvl22 avatar richybu avatar robinlovelace avatar tordans avatar wangzhao0217 avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar

nptscot.github.io's Issues

Thinking about legends

The current website uses the PBCC approach. Of a floating box in the bottom left corner.

image

This can change contextually based on the rnet

image

And can be minimised for small screens

image

This is fine for a single layer. But Users may want to add multiple layers.

image

Currently, no other layers have a legend which is no good.

There are several options. We could do the PCT approach of multiple floating boxes

image

But this can get cluttered especially on smaller screens.

Or we could put multiple legends in the box in the bottom left.

But I've had two ideas:

The first is to move from vertical dots/boxes to a horizontal bar

image

I think this remains clear, but it is more compact. But is probably does limit the number of values we can have. Especially if they need text tables.

The second idea is to place the legends below checkboxes/dropdown menus. These can still be contextual and have the added benefit of being next to the control that enables them. I think this may give users a clear idea about which legends are related to which layers/options.

Thin lines in rural areas

Following discussion with @Robinlovelace a few things about low flow routes

  1. Repalce flows 1-9 with default value e.g. 5 and present as <10
  2. Make thinnest line thicker so more visible and clickable

Rename

Currently called ATUM, switch to NPT

Anti-ailising

Anti-aliasing improved the appearance of the website but takes a performance hit on low-end devices. Needs a cookies-based control

See
image
Vs
image

Manual

As well as inline help have a combined manual document

? Way to draw text from the same source?

Update new school tiles for feedback

It would be good to get feedback on new outputs.

That, plus the fact that current network has major bugs, suggest it's time for an updated build.

Test new tiles

Old tiles:


      "id": "rnet",
      "description": "",
      "minzoom": 6,
      "maxzoom": 13,
      "fields": {
        "Gradient": "Number",
        "Quietness": "Number",
        "all_balanced_bicycle": "Number",
        "all_balanced_bicycle_go_dutch": "Number",
        "all_ebike_bicycle": "Number",
        "all_ebike_bicycle_go_dutch": "Number",
        "all_fastest_bicycle": "Number",
        "all_fastest_bicycle_go_dutch": "Number",
        "all_quietest_bicycle": "Number",
        "all_quietest_bicycle_go_dutch": "Number",
        "commute_balanced_bicycle": "Number",
        "commute_balanced_bicycle_go_dutch": "Number",
        "commute_ebike_bicycle": "Number",
        "commute_ebike_bicycle_go_dutch": "Number",
        "commute_fastest_bicycle": "Number",
        "commute_fastest_bicycle_go_dutch": "Number",
        "commute_quietest_bicycle": "Number",
        "commute_quietest_bicycle_go_dutch": "Number",
        "school_balanced_bicycle": "Number",
        "school_balanced_bicycle_go_dutch": "Number",
        "school_ebike_bicycle": "Number",
        "school_ebike_bicycle_go_dutch": "Number",
        "school_fastest_bicycle": "Number",
        "school_fastest_bicycle_go_dutch": "Number",
        "school_quietest_bicycle": "Number",
        "school_quietest_bicycle_go_dutch": "Number"
      }
    }
  ]

New fields:

{
  "Gradient": "Number",
  "Quietness": "Number",
  "all_balanced_bicycle": "Number",
  "all_balanced_bicycle_go_dutch": "Number",
  "all_ebike_bicycle": "Number",
  "all_ebike_bicycle_go_dutch": "Number",
  "all_fastest_bicycle": "Number",
  "all_fastest_bicycle_go_dutch": "Number",
  "all_quietest_bicycle": "Number",
  "all_quietest_bicycle_go_dutch": "Number",
  "commute_balanced_bicycle": "Number",
  "commute_balanced_bicycle_go_dutch": "Number",
  "commute_ebike_bicycle": "Number",
  "commute_ebike_bicycle_go_dutch": "Number",
  "commute_fastest_bicycle": "Number",
  "commute_fastest_bicycle_go_dutch": "Number",
  "commute_quietest_bicycle": "Number",
  "commute_quietest_bicycle_go_dutch": "Number",
  "school_balanced_bicycle": "Number",
  "school_balanced_bicycle_go_dutch": "Number",
  "school_ebike_bicycle": "Number",
  "school_ebike_bicycle_go_dutch": "Number",
  "school_fastest_bicycle": "Number",
  "school_fastest_bicycle_go_dutch": "Number",
  "school_quietest_bicycle": "Number",
  "school_quietest_bicycle_go_dutch": "Number"
}

Single SIMD transport layer

From Angus

Im wondering if rather than having the 10 separate SIMD transport related layers it might make more sense to have one combined SIMD transport related data layer (I think the SIMD inlcudes a single combined transport deprivation metric (presumably which incorporates those ten separate metrics).

Legend boxes

Currently only R net has a legend. What to do about other layers?

Do we cover the screen in legends? Seems a poor solution

Tile hosting

Need long-term solution

Any file server will do, but one that supports FTP access is preferable

UI Wishlist

  • Visualise quietness like in CRUSE
  • Visualise hilliness
  • Remove the ability to visualise other modes in routes: unrealistic as these are cycle routes not car/bus/other routes and also distracting
  • Add placeholder enabling people to switch network type, fastest, balanced, quietest
  • Zones
  • Popup on click
  • Info/Help popups
  • Sliders

Switch to PMTiles

With the launch of PMTiles v3 supporting compression, the main barrier to adoption has been removed.

Tests indicate a v3 .pmtiles file is now 6% smaller than a folder of gzipped .pbf files. Not a great saving, but significantly better than v2 which did not easily support compression and so was much larger. This also impacted performance.

The benefits of a single file vs a folder of millions of tiny files are huge.

  1. Easier file upload and version control
  2. Possibility to switch to cloud hosting e.g. GCP as API billing based on per file uploaded not per MB uploaded.
  3. Easier to incorporate into workflows

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.