Code Monkey home page Code Monkey logo

beam-viz's People

Contributors

colinsheppard avatar jatinderjit avatar wrashid avatar

Stargazers

 avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

beam-viz's Issues

Make data source selectable and loaded at runtime

In general, the solution to literally build the trips data into the application is unworkable. Instead the app should be able to load these data from anywhere by URL.

As a first step, let's move the trips data into a different directory (but one that will get served by node) and then create a user selectable dropdown in the sidebar that allows the user to select from the different trips files in that directory.

On selection, the data are requested / served / and loaded into the app.

Make whatever is in "trips.json" be the default data that is automatically loaded during startup.

Issues with first run

I am trying to run the tool, but I noticed some issues:

  • When I try "npm install", I see the following: "found 33 vulnerabilities (2 low, 15 moderate, 16 high)"
    image

  • When try "npm run dev-server" after the installation, it compiled successfully, but when navigate to "http://localhost:8080/", it still an empty page. The "public" folder is empty, and no details about what kind of files should be there.

I tried to move trips.json file, once from 'src' folder ( ~ 51 mb file), and once from 'data' folder, but doesn't work.

Thank you,
Jalal

Sidebar styles should change with map style

I really like the sidebar with a transparent background as a default, BUT, when the map style is changed to "light" of "streets" the CSS of the sidebar should also be updated to turn the text to black or to bring the background color back in, either option is fine.

When map style is "satellite" the background color should be used (instead of text color) because the color of the map is both light and dark depending on what is in view.

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.