Code Monkey home page Code Monkey logo

shuffleboard2js's Introduction

shuffleboard2js

shuffleboard2js further lowers the barrier of entry for teams that want to build a custom HTML/Javascript dashboard by providing a Shuffleboard like interface built on top of pynetworktables2js.

Lots of students and mentors know how to create simple web pages to display content, and there's lots of resources out there for creating dynamic content for webpages that use javascript. There is a lot of visually appealing content that others have created using web technologies -- why not leverage those resources to make something cool to control your robot?

Documentation

Documentation can be found at http://shuffleboard2js.readthedocs.org/

Installation

Make sure to install python 3 on your computer, and on Windows you can execute:

py -3 -m pip install shuffleboard2js

On Linux/OSX you can execute:

pip install shuffleboard2js

Usage

You can run shuffleboard2js using the following command:

python3 -m shuffleboard2js

Or on Windows:

py -3 -m shuffleboard2js

This will start a server which will serve from the current directory. You can create your custom widgets in the shuffleboard2js/widgets folder, which will automatically be created in the directory you ran shuffleboard2js.

You will want to also pass either the --robot or --team switch:

py -3 -m shuffleboard2js --robot roborio-XXXX-frc.local
py -3 -m shuffleboard2js --team XXXX

Dashboard mode currently doesn't work, as the underlying support in pynetworktables hasn't been implemented yet for the newer FRC Driver Station.

shuffleboard2js's People

Contributors

amorygalili avatar virtuald avatar dependabot[bot] avatar

Stargazers

DirtyJerz avatar Vijay Shah avatar

Watchers

James Cloos avatar  avatar  avatar

shuffleboard2js's Issues

Widgets not found

Installed via pip, ran shuffleboard2js command, and when I dragged networktables values onto the tab it kept saying 'widget not found' or something to that effect.

Make app run with executable

Make it so the app can be run with an executable instead of forcing users to download python/other dependencies and then running shuffleboard2js as a python script.

Add differential drive widget

Widget should look like this:

Screen Shot 2019-03-31 at 10 14 08 PM

It should also have properties for wheel diameter, # of wheels and to show/hide force vector.

Add Number Bar widget

Widget should look like this:

Screen Shot 2019-03-25 at 8 59 57 PM

Also, be able to change min, max, center and # of tick marks in properties modal.

Add Voltage View widget

Widget should look like this:

Screen Shot 2019-03-25 at 9 20 04 PM

Also, be able to change min, max, center and # of ticks in properties modal.

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.