Web-frontend for aggregated telemetry data
JavaScript HTML CSS
Switch branches/tags
Nothing to show
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Failed to load latest commit information.
addon-perf Removed commented-out js scripts. Jun 29, 2016
addon-recommender Fix the recommendation page to use the new mapping format Aug 24, 2017
crashes Use consistent units for kilo-usage-hours Jun 30, 2017
dashboard-generator dashgen: Use a better method to test if the appName starts with a cap… Dec 23, 2015
histogram-simulator Update histogram simulator (fixes #181). Sep 22, 2015
new-pipeline Fix histogram caption not appearing when some axes are empty Sep 19, 2017
src Focus on the input after opening. Aug 27, 2015
style bug 1375921 - Having some trouble. Jun 23, 2017
v2 Improve telemetry.js errors Jan 25, 2017
wrapper Address review comments Jul 26, 2017
.gitignore Renamed test and moved scripts to zip archieve for ease of deployment Sep 25, 2013
LICENSE Added more license disclaimer... Dec 17, 2013
README.md Fixed telemetry.js v2 docs link Feb 12, 2017
favicon.ico Add favicon. Sep 13, 2015
favicon.xcf Add favicon. Sep 13, 2015
index.html Fixup linking Background Hang Reporting Jul 10, 2017


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):

        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.