Code Monkey home page Code Monkey logo

oneclick-core's Introduction

Demo

http://web.mit.edu/lu16j/www/camsys/visuals.html

Usage

Configure functions/data_loader.js to load data into the schema specified in the file.
Configure default values and metric functions (detailed below) in setup.js.

Area Bar Chart Visualization

  • Black vertical bar: divides historical (left) and projected (right) data.
  • Black pointer: indicates the year currently being displayed in the Sunburst visualization.

Left Y-Axis (weighted % of assets)

  • Colored bars: represent percentage of assets in each type of condition.
  • Green trendline: a linear regression on the historical percentages of "good" assets.
  • Water table threshold line: the "goal", a user-defined threshold for being in "good repair".

Right Y-Axis ($ invested)

  • Black curve: shows the amount invested in past years, and the amount projected to be invested in future years.

Sunburst Visualization

Breakdown of investment in any given year

Each layer outward displays the data in a finer grain. Unzoomed, this corresponds to:

  • Center: total investment in (year).
  • 1st ring: percentage of total divided into each class of asset (vehicle, etc.).
  • 2nd ring: percentage of class divided into each type of asset (vehicle -> bus, light rail, etc.).
  • 3rd ring: percentage of type divided into each individual asset.

Clicking on any segment in a layer will zoom into the segment, with itself expanding to occupy the entire 360 degrees and its sub-divisions in the next layer expanding accordingly. Clicking on the small circle in the center will zoom back out into the previous layer.
Zooming in on a segment will also re-scale the Area Bar Chart to display percentages and investment for the selected sub-group only.
Clicking on the list icon in the upper right reveals a heirarchical legend. Clicking on these items corresponds to clicking on segments in the Sunburst chart.

Calculator

  • Click the "Show Calculator" button to reveal.
  • Enter either field to calculate the result in the other.
  • Ex. Enter "20000000" (20 million) in the first field to get the year backlog will be cleared in the second field.

Default Metrics (in functions/setup.js)

  • Area Bar Chart
    • area_bar_metric
      • Weights each asset LINEARLY with its PRICE and LOGARITHMICALLY with its USAGE, so expensive and highly-used (by commuters) assets are weighted the highest. Usage is currently made-up data loosely related to number of commuters served per day.
    • area_bar_comparator
      • Sorts the yearly replacement priority queue by each asset's RATE OF DECAY, or the slope of its TERM curve at the given year; faster-decaying assets are queued higher up.
    • queue order
      • In models/System.js:
        • var queue = marginal_queue.concat(backlog_queue).concat(bad_queue);
      • Modify the above line of code to change the yearly replacement queue order. As is, the queue order is bad-backlog-marginal (assets needing replacement this year are replaced first, followed by backlog...)
  • Sunburst
    • sunburst_metric: arc angle is proportional to the actual amount invested in each asset at any given year (previously was the amount of investment needed to bring each asset back into good repair).

Current To-dos

Directly read in historical data from the data schema in functions/data_loader.js. Historical data currently generated; rewrite generating function to add in past replacement years for each asset.

oneclick-core's People

Contributors

alexandradecs avatar derekedwards avatar drewteter avatar jalensowell47 avatar mathmerized avatar mdrewt avatar mmaranda-cs avatar mswanton avatar njbl avatar smeeks avatar soynog avatar tliss avatar tmahtab avatar wilsonj806 avatar

Stargazers

avatar avatar avatar avatar avatar avatar avatar

Watchers

avatar avatar avatar avatar avatar avatar avatar avatar

oneclick-core's Issues

Draw Attention to Questions

In the 1-Click UI, the eligibility questions need to be more obvious. Some services do not show up unless the questions are selected.

Draw the user to those questions. Maybe even force the user to answer the questions.

Originally requested as part of 211Ride focus group.

Tag Services in the Results Page or Provide a Slogan

Make it immediately clear what type of service each options is.

e.g.,
paratransit
volunteer
fixed-route
taxi
etc.

Maybe we can borrow from the AIRS taxonomy, but we would need to make sure that the service types are understood by the general public.

Maybe we can provide a very brief (e.g., 50char) slogan space that we show directly below the service name without having to expand each itinerary.

Originally requested as part of 211Ride focus group.

Let users set the font size

Let users set the font size when visiting the UI. Maybe also include a high contrast mode. (Maybe better to make the default high contrast)

Originally requested as part of 211Ride focus group.

Let users hide results

The results page can often have many results. Users should be able to delete certain results from the page. This would let them more easily compare the remaining ride options.

Originally requested as part of 211Ride focus group.

Update Admin Controller

Move the check for admin login to the Application controller.

Set a before_filter on the Admin controller to check for Admin for all calls.

Nest Admin controllers in an Admin folder.

Replace Images/Copy on the 211Ride UI

  • The image background is too busy. The lines are distracting.
  • 2-1-1 Ride Log needs to be bigger.
  • Too many words / too much copy.
  • Make it obvious that the 211 Icons are clickable
  • Make it obvious that people can call 211 for immediate help over the phone.
  • Put names under each 211 agency in the carousel.

These notes came from this document.
211RIDE Focus Group Notes.docx

Add Feedback Feature to the 1-Click UI

The standard 1-Click UI does not have a feedback feature. Link the UI to the existing 1-Click Feedback API.

Originally requested as part of 211Ride focus group.

Geocoded -> Place. Place -> Waypoint

Rename Geocoded to Place

Rename Place to Waypoint

In the new setup.
Place is the generic, highest level location type.
Landmark inherits from Place. A Landmark is a global point of interest.
Waypoint inherits from Place. A Waypoint is either an origin or destination for a Trip.

Broken out reporting information

Number of trips planned by guest users –
On the main page there are total trips planned per day, which is combined guest and registered user statistics. This is by 'date of Trip' searched, not what day it was searched.

You can download the user reports table with and without guest users to get a total. Is there a ‘only guest users’ option of some nature?

All of these options also want to be able to be broken out by location.

Be Consistent with Descriptions

Do we need a tag line for each service? Do we need a template for filling out the description? Currently there are not rules and no consistency about how service descriptions can be filled out.

Originally requested as part of 211Ride focus group.

Add SSL

With ipad, get annoying “this site is not secure” warning

Show Phone Number and URL in the UI

Currently the Phone Number and URL for each service in the results shows up as a link. However, the link does not actually show the phone number and the URL.

Let users pick 2-3 results and compare side by side

Let users do side by side comparisons of results.

For example, the user can pick 2 or 3 results and then compare time, cost, accommodations, etc. side by side.

Originally requested as part of 211Ride focus group.

Add a print option

In addition to emailing the itineraries, let users print the itineraries.

Originally requested as part of 211Ride focus group.

Use Ecolane POIs only (Idea)

The biggest reason to edit trips in FindMyRidePA is to adjust POIs. We need to allow counties to decide whether or not Google Places should be permissible. The alternative would be to only allow users to book trips to places that they already have booked trips for in the past.

Let users add an intermediate stop

Instead of only have 2 places (from, to), let users add a 3rd stop (or maybe even more) to their itinerary.

Originally requested as part of 211Ride focus group.

Use Past Trips as Template

It would be useful to look at your trip history, and have an option to plan the same trip again in the future by selecting a new date / time. Or possibly as recurring trip?

Address issues

Note from Meg: Google made some changes to their APIs that have been causing autocomplete issues on several projects. These issues may be related.

Issues from notes:

  • Taking a bit longer to find addresses
  • Not all addresses are found

Data Cleanup for 211 Ride

Ensure that every service in 211 Ride has all attributes up to date.

  • Geography
  • Accommodations/Eligibilities
  • Fare
  • Description
  • etc.

Also make sure that the accommodations and eligibilities are the correct ones. Try to limit the number of questions.

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.