Git Product home page Git Product logo

telemetry-dashboard's Introduction

Telemetry Dashboard

This repository contains the source code for telemetry.mozilla.org. The dashboards on this site can be used for everything from checking measure values to figuring out common causes of Firefox hangs.

The main dashboards on telemetry.mozilla.org consume data from Telemetry's backend using Telemetry.js.

The dashboards that do not use Telemetry.js generally use scheduled analysis jobs that regularly publish data on S3. The source code for these can be found in their respective repositories.

This repository also contains the source code for Telemetry.js. The specific files can be found under the v2/ directory.

Deploying Telemetry Dashboard

The telemetry.mozilla.org site is hosted in Github Pages, so it may also be accessed via mozilla.github.io/telemetry-dashboard. In front of Github Pages, there is also the CloudFront CDN (managed by :whd).

Updates to the gh-pages branch (also the default branch) will be reflected on telemetry.mozilla.org after a few moments.

Using Telemetry.js

Check out the documentation!

Adding Telemetry Probes

See this MDN article, which outlines the process and details for adding new Telemetry probes to Firefox which can be used with the dashboards.

For setting histogram properties, make sure to check out the histogram simulator, which might help with designing histograms that fit the expected data well.

Hacking Telemetry Dashboard

This project is entirely open source, and licensed under the MPL to boot. Contributions welcome!

Some notes for working on the code:

  • A local webserver is really helpful for running a version of the site on the same machine you're developing on.
    • This can be done as follows (requires Python):

        cd /PATH_TO_REPOSITORY_ROOT
        python -m http.server
        # now visit localhost:8000 in your browser to see the page
      
    • Note that permalink buttons (in the top right hand corner of the main dashboards) will not work when running the site on local servers. This is because they are shortened with bit.ly, which doesn't allow local links.

  • A remote webserver is really helpful for showing off your features and fixes to other people (especially for code review).
    • GitHub Pages is great for this - just push your local branch to the gh-pages branch on your GitHub fork of the repository, and the site will be live on YOUR_USERNAME.github.io/telemetry-dashboard.
    • If you need more than one test site up at a time, try Divshot, a static website hosting service.
    • For pull requests, it is recommended that you set up a live site hosting your branch. This makes it a lot easier for reviewers to check out the changes.

Telemetry.js (both versions) is pretty straightforward to work on. However, note that sites that use Telemetry.js generally hotlink to the source files - make sure to preserve API backwards compatibility wherever possible.

telemetry-dashboard's People

Contributors

ab0092 avatar adrian17 avatar bani avatar benbrittain avatar bifurcation avatar bsmedberg avatar chutten avatar ddurst avatar dexterp37 avatar dyex719 avatar fbertsch avatar georgf avatar himanish-star avatar irvingreid avatar jonasfj avatar lonnen avatar mikeconley avatar mnoorenberghe avatar mreid-moz avatar o0ignition0o avatar past avatar phrawzty avatar raluca-elena avatar sapohl avatar shikhar-scs avatar squarewave avatar uberi avatar vdjeric avatar vitillo avatar wlach avatar

Stargazers

 avatar

Watchers

 avatar  avatar  avatar

Forkers

isabella232

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.