test-prof 0.4.9 → 0.5.0.pre1

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 34e45def589431c2dd53ec256e009877c9a611ad1fa1cd7799cf6ec75c15745c
-  data.tar.gz: 2230613ed9c7e5bf9733a16824f7e61daa77ed524b846de4195168e89a8b5d0e
+  metadata.gz: 8953166be33111ca0da788c4a867d5bda07d8df917cd486dda045d5464ce44ab
+  data.tar.gz: fbfb78a5ff1e616f0d31af9d581193d5be8e2623615c55e7ceeb785d2e5ade75
 SHA512:
-  metadata.gz: 176beb48fdd32511a3516bcd28392cc9b9677b7cc6b1946c25f83111eeb1c0b4602387913bda61a9524c7211d044c1c16cf47d6a48fbadf803145e660d7e03ff
-  data.tar.gz: ed688acfb83aae1e7906c01daf363f676d72109cb3f29cfb04923288fba3b0af89c1d72d1e544d7887a940bee2fde79b7f5bb35a4a364a88fa728e3f178e77f4
+  metadata.gz: 2c1f8760b6579505b15a5866491719002d46adb2a9b7706352f41d626d4cfb813a15540aa699ccd3220333f12ec44fbbbd98f42ec46f8bf862f82595b0dad241
+  data.tar.gz: 3bf3d97c16cd4793729b9f03d3891c127f8560a83c06881d3ccd627ae8d3714650721a09e106ad6cc7ba8130300f917e5bc3482e80165a738701fb23419c9494

data/CHANGELOG.md

@@ -2,7 +2,50 @@
 
 ## master
 
-## 0.4.9
+- Add events support to TagProf. ([@palkan][])
+
+Example usage:
+
+```sh
+TAG_PROF=type TAG_PROF_EVENT=sql.active_record rspec
+```
+
+- Add logging helpers for Rails. ([@palkan][])
+
+- Add ability to track multiple events at the same time with `EventProf`. ([@palkan][])
+
+- Add HTML report for `TagProf`. ([@palkan][])
+
+Generate HTML report by setting `TAG_PROF_FORMAT` to `html`.
+
+- Add `AnyFixture` DSL. ([@palkan][])
+
+Example:
+
+```ruby
+# Enable DSL
+using TestProf::AnyFixture::DSL
+
+# and then you can use `fixture` method (which is just an alias for `TestProf::AnyFixture.register`)
+before(:all) { fixture(:account) }
+
+# You can also use it to fetch the record (instead of storing it in instance variable)
+let(:account) { fixture(:account) }
+```
+
+- Add `AnyFixture` usage report. ([@palkan][])
+
+Enable `AnyFixture` usage reporting with:
+
+```ruby
+TestProf::AnyFixture.reporting_enabled = true
+```
+
+- Add `ActiveRecordSharedConnection` recipe. ([@palkan][])
+
+- [#70](https://github.com/palkan/test-prof/pull/70) Add `FactoryAllStub` recipe. ([@palkan][])
+
+## 0.4.9 (2018-03-20)
 
 - [Fix [#64](https://github.com/palkan/test-prof/issues/64)] Fix dependencies requiring for FactoryDefault. ([@palkan][])
 
@@ -11,7 +54,7 @@
   Consider only `example_failed` and `example_passed` to ensure that the `run_time`
   is available.
 
-## 0.4.8
+## 0.4.8 (2018-01-17)
 
 - Add `minitest` 5.11 support. ([@palkan][])
 
@@ -24,36 +67,36 @@
 
   Possibly fixes [#47](https://github.com/palkan/test-prof/issues/47).
 
-## 0.4.7
+## 0.4.7 (2017-12-25)
 
 - [#57](https://github.com/palkan/test-prof/pull/57) Fix RubyProf Printers Support ([@rabotyaga][])
 
-## 0.4.6
+## 0.4.6 (2017-12-17)
 
 - Upgrade RSpec/AggregateFailures to RuboCop 0.52.0. ([@palkan][])
 
   RuboCop < 0.51.0 is not supported anymore.
 
-- [Fixes [#49](https://github.com/palkan/test-prof/issues/49)] Correcly detect RSpec version in `let_it_be`. ([@desoleary][])
+- [Fixes [#49](https://github.com/palkan/test-prof/issues/49)] Correctly detect RSpec version in `let_it_be`. ([@desoleary][])
 
-## 0.4.5
+## 0.4.5 (2017-12-09)
 
 - Fix circular require in `lib/factory_doctor/minitest`. ([@palkan][])
 
-## 0.4.4
+## 0.4.4 (2017-11-08)
 
 - [Fixes [#48](https://github.com/palkan/test-prof/issues/48)] Respect RubyProf reports files extensions. ([@palkan][])
 
-## 0.4.3
+## 0.4.3 (2017-10-26)
 
 - [#46](https://github.com/palkan/test-prof/pull/46) Support FactoryBot, which is [former FactoryGirl](https://github.com/thoughtbot/factory_bot/pull/1051),
   while maintaining compatibility with latter. ([@Shkrt][])
 
-## 0.4.2
+## 0.4.2 (2017-10-23)
 
 - Fix bug with multiple `before_all` within one group. ([@palkan][])
 
-## 0.4.1
+## 0.4.1 (2017-10-18)
 
 - [#44](https://github.com/palkan/test-prof/pull/44) Support older versions of RSpec. ([@palkan][])
 
@@ -67,7 +110,7 @@ RSpecDissect `let` tracking supports only RSpec 3.3.0+.
 
 It is possible now to use Factory Doctor with Minitest
 
-## 0.4.0
+## 0.4.0 (2017-10-03)
 
 ### Features:
 
@@ -79,7 +122,7 @@ It is possible now to use Event Prof with Minitest
 
 FactoryProf now also accounts objects created by Fabrication gem (in addition to FactoryGirl)
 
-## 0.3.0
+## 0.3.0 (2017-09-21)
 
 ### Features:
 
@@ -116,21 +159,21 @@ Just like `let`, but persist the result for the whole group (i.e. `let` + `befor
 
 - Use RubyProf `FlatPrinter` by default (was `CallStackPrinter`). ([@palkan][])
 
-## 0.2.5
+## 0.2.5 (2017-08-30)
 
 - [#16](https://github.com/palkan/test-prof/pull/16) Support Ruby >= 2.2.0 (was >= 2.3.0). ([@palkan][])
 
-## 0.2.4
+## 0.2.4 (2017-08-29)
 
 - EventProf: Fix regression bug with examples profiling. ([@palkan][])
 
 There was a bug when an event occurs before the example has started (e.g. in `before(:context)` hook).
 
-## 0.2.3
+## 0.2.3 (2017-08-28)
 
 - Minor improvements. ([@palkan][])
 
-## 0.2.2
+## 0.2.2 (2017-08-23)
 
 - Fix time calculation when Time class is monkey-patched. ([@palkan][])
 
@@ -139,13 +182,13 @@ use it everywhere.
 
 Fixes [#10](https://github.com/palkan/test-prof/issues/10).
 
-## 0.2.1
+## 0.2.1 (2017-08-19)
 
 - Detect `RSpec` by checking the presence of `RSpec::Core`. ([@palkan][])
 
 Fixes [#8](https://github.com/palkan/test-prof/issues/8).
 
-## 0.2.0
+## 0.2.0 (2017-08-18)
 
 - Ensure output directory exists. ([@danielwestendorf][])
 
@@ -157,11 +200,11 @@ Ensure output dir exists in `#artifact_path` method.
 
 - FactoryDoctor: print success message when no bad examples found. ([@palkan][])
 
-## 0.1.1
+## 0.1.1 (2017-08-17)
 
 - AnyFixture: clean tables in reverse order to not fail when foreign keys exist. ([@marshall-lee][])
 
-## 0.1.0
+## 0.1.0 (2017-08-15)
 
 - Initial version. ([@palkan][])
 

data/README.md

@@ -1,9 +1,10 @@
-[![Gem Version](https://badge.fury.io/rb/test-prof.svg)](https://rubygems.org/gems/test-prof) [![Build Status](https://travis-ci.org/palkan/test-prof.svg?branch=master)](https://travis-ci.org/palkan/test-prof) [![CircleCI](https://circleci.com/gh/palkan/test-prof.svg?style=svg)](https://circleci.com/gh/palkan/test-prof) [![Code Triagers Badge](https://www.codetriage.com/palkan/test-prof/badges/users.svg)](https://www.codetriage.com/palkan/test-prof)
+[![Gem Version](https://badge.fury.io/rb/test-prof.svg)](https://rubygems.org/gems/test-prof) [![Build Status](https://travis-ci.org/palkan/test-prof.svg?branch=master)](https://travis-ci.org/palkan/test-prof) [![Code Triagers Badge](https://www.codetriage.com/palkan/test-prof/badges/users.svg)](https://www.codetriage.com/palkan/test-prof)
+[![Documentation](https://img.shields.io/badge/docs-link-brightgreen.svg)](https://test-prof.evilmartians.io)
 
 # Ruby Tests Profiling Toolbox
 
 <img align="right" height="150" width="129"
-     title="TestProf logo" src="./assets/logo.svg">
+     title="TestProf logo" src="./docs/assets/images/logo.svg">
 
 TestProf is a collection of different tools to analyze your test suite performance.
 
@@ -23,11 +24,11 @@ TestProf toolbox aims to help you identify bottlenecks in your test suite. It co
 
 - etc.
 
-Of course, we have some [solutions](#tips-and-tricks-or-recipes) for common performance issues too, bundled into the gem.
+Of course, we have some [solutions](https://test-prof.evilmartians.io/#/?id=recipes) for common performance issues too, bundled into the gem.
 
-[![](https://s3-us-west-1.amazonaws.com/vladem/test-prof/TestProf.png)](https://coggle.it/diagram/Wa7tW-87jAAB0ExN)
+[![](./docs/assets/images/coggle.png)](http://bit.ly/test-prof-map)
 
-See [Table of Contents](#table-of-contents) for more.
+📑 [Documentation](https://test-prof.evilmartians.io)
 
 Supported Ruby versions:
 
@@ -60,65 +61,17 @@ end
 
 And that's it)
 
-## Table of Contents
+## Usage
 
-Checkout our guides for each specific tool:
-
-- [RubyProf Integration](https://github.com/palkan/test-prof/tree/master/guides/ruby_prof.md)
-
-- [StackProf Integration](https://github.com/palkan/test-prof/tree/master/guides/stack_prof.md)
-
-- [Event Profiler](https://github.com/palkan/test-prof/tree/master/guides/event_prof.md) (e.g. ActiveSupport notifications)
-
-- [Tag Profiler](https://github.com/palkan/test-prof/tree/master/guides/tag_prof.md)
-
-- [Factory Doctor](https://github.com/palkan/test-prof/tree/master/guides/factory_doctor.md)
-
-- [Factory Profiler](https://github.com/palkan/test-prof/tree/master/guides/factory_prof.md)
-
-- [RSpecDissect Profiler](https://github.com/palkan/test-prof/tree/master/guides/rspec_dissect.md)
-
-- [RuboCop cops](https://github.com/palkan/test-prof/tree/master/guides/rubocop.md)
-
-## Tips and Tricks (or _Recipes_)
-
-We also want to share some small code tricks which can help you to improve your test suite performance and efficiency:
-
-- [`before_all` Hook](https://github.com/palkan/test-prof/tree/master/guides/before_all.md)
-
-- [`let_it_be` Helper](https://github.com/palkan/test-prof/tree/master/guides/let_it_be.md)
-
-- [AnyFixture](https://github.com/palkan/test-prof/tree/master/guides/any_fixture.md)
-
-- [FactoryDefault](https://github.com/palkan/test-prof/tree/master/guides/factory_default.md)
-
-- [RSpec Stamp](https://github.com/palkan/test-prof/tree/master/guides/rspec_stamp.md)
-
-- [Tests Sampling](https://github.com/palkan/test-prof/tree/master/guides/tests_sampling.md)
-
-## Configuration
-
-TestProf global configuration is used by most of the profilers:
-
-```ruby
-TestProf.configure do |config|
-  # the directory to put artifacts (reports) in ("tmp/test_prof" by default)
-  config.output_dir = "tmp/test_prof"
-
-  # use unique filenames for reports (by simply appending current timestamp)
-  config.timestamps = true
-
-  # color output
-  config.color = true
-end
-```
+Check out our [docs][].
 
 ## What's next?
 
-
 Have an idea? [Propose](https://github.com/palkan/test-prof/issues/new) a feature request!
 
 
 ## License
 
 The gem is available as open source under the terms of the [MIT License](http://opensource.org/licenses/MIT).
+
+[docs]: https://test-prof.evilmartians.io

data/assets/tagprof.demo.html

@@ -0,0 +1,447 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>TestProf: TagProf report</title>
+    <meta name="viewport" content="width=device-width">
+    <meta charset="UTF-8">
+    <style>
+    html, body {
+      height: 100%;
+      width: 100%;
+      min-width: 300px;
+    }
+
+    body {
+      background: #f9f9f9;
+      color: #363636;
+      font: 18px/30px "Arial",sans-serif;
+      margin: 0;
+      padding: 0;
+    }
+
+    a {
+      text-decoration: none;
+      color: #ff5e5e
+    }
+
+    a:visited, a:active{
+      color: #ff5e5e;
+    }
+
+    a:hover{
+      opacity: 0.8;
+    }
+
+    h1 {
+      font-size: 30px;
+      line-height: 32px;
+      letter-spacing: 2px;
+      font-weight: bold;
+      padding: 30px 0 30px 0;
+      margin: 0;
+    }
+
+    .main {
+      height: 100%;
+      width: 100%;
+      margin: 0;
+      padding: 0;
+    }
+
+    header {
+      position: relative;
+      text-align: center;
+      background: #fff;
+      overflow: hidden;
+      display: flex;
+      align-items: center;
+      flex-direction: column;
+    }
+
+    .chart {
+      display: flex;
+      justify-content: center;
+      position: relative;
+      box-sizing: border-box;
+      flex-direction: row;
+      padding: 20px;
+    }
+
+    .tooltip {
+      background: #eee;
+      box-shadow: 0 0 5px #999999;
+      color: #333;
+      display: none;
+      font-size: 14px;
+      left: 130px;
+      padding: 10px;
+      position: absolute;
+      text-align: left;
+      top: 95px;
+      z-index: 10;
+    }
+    
+    .tooltip .label.active {
+      color: #ff5e5e;
+    }
+
+    .tooltip .value-label {
+      font-weight: bold;
+      margin-right: 10px;
+    }
+
+    .legend, .totals {
+      font-size: 14px;
+    }
+
+    #selector {
+      font-size: 14px;
+      display: flex;
+      align-items: flex-start;
+      position: relative;
+      box-sizing: border-box;
+      flex-direction: column;
+      padding: 20px;
+    }
+
+    rect {
+      stroke-width: 2;
+    }
+
+    rect.disabled {                                                 /* NEW */
+      fill: transparent !important;                                 /* NEW */
+    }       
+
+    .d3-donut-path {
+      transition: opacity 200ms;
+      opacity: 1;
+      cursor: pointer;
+    }
+
+    .d3-donut-path:hover {
+      opacity: 0.8;
+    }
+
+    .humanoids__link {
+      width: 130px;
+    }
+
+    .humanoids{
+      position: absolute;
+      bottom: -23px;
+      width: 150px;
+      height: 60px;
+      margin: 0 auto 0 -10px;
+      font-size: 0;
+      transform: scale(0.6);
+    }
+    .humanoids circle{
+      transform: scaleY(1);
+      transform-origin: 50%;
+      animation-duration: 8s;
+      animation-name: humanoids-blink;
+      animation-iteration-count: infinite;
+    }
+    .humanoids svg{
+      height: 60px;
+    }
+    .humanoids__human, .humanoids__martian{
+      position: absolute;
+      width: 80px;
+      height: 90px;
+      transition: transform 300ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
+      transform: translateY(0);
+    }
+    .humanoids__human:hover, .humanoids__martian:hover{
+      transform: translateY(-12px);
+    }
+    .humanoids__martian{
+      left: 0;
+    }
+    .humanoids__human{
+      right: 0;
+    }
+    .humanoids__human circle{
+      animation-delay: 0.5s;
+    }
+
+    [name="root"] .label {
+      text-align: center;
+    }
+    </style>
+  </head>
+  <body>
+    <div class="main">
+      <header>
+        <h1>TagProf Report</h1>
+        <a class="humanoids__link" href="https://evilmartians.com">
+          <div class="humanoids">
+            <div class="humanoids__martian"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 108 92"><path fill="#f64242" d="M26 88L8 78l18-10"/><path fill="#f64242" d="M94 92v-6H44c-5.5 0-10-4.5-10-10s4.5-10 10-10h50V32c0-14-7.9-22-22-22H48c-14.1 0-22 8-22 22v60h68z"/><circle fill="#FFF" cx="48" cy="50" r="8"/><circle fill="#FFF" cx="72" cy="50" r="8"/><circle fill="#BF6C35" cx="48" cy="50" r="4"/><circle fill="#BF6C35" cx="72" cy="50" r="4"/><g fill="#663F4C"><path d="M48 60c-5.5 0-10-4.5-10-10s4.5-10 10-10 10 4.5 10 10-4.5 10-10 10zm0-16c-3.3 0-6 2.7-6 6s2.7 6 6 6 6-2.7 6-6-2.7-6-6-6zM82 50c0 5.5-4.5 10-10 10s-10-4.5-10-10 4.5-10 10-10 10 4.5 10 10zm-16 0c0 3.3 2.7 6 6 6s6-2.7 6-6-2.7-6-6-6-6 2.7-6 6z"/><path d="M102 8c-3.8 0-6-2.2-6-6 0-1.1-.9-2-2-2s-2 .9-2 2c0 2.2.5 4.1 1.5 5.7L88.2 13c-4-3.3-9.5-5-16.2-5H48c-6.7 0-12.2 1.7-16.2 4.9l-5.3-5.3C27.5 6.1 28 4.2 28 2c0-1.1-.9-2-2-2s-2 .9-2 2c0 3.8-2.2 6-6 6-1.1 0-2 .9-2 2s.9 2 2 2c2.2 0 4.1-.5 5.7-1.5l5.3 5.3c-3.2 4-4.9 9.5-4.9 16.2v34.8L3.9 78 24 89v3h4V32c0-12.9 7.1-20 20-20h24c12.9 0 20 7.1 20 20v32H44c-6.6 0-12 5.4-12 12s5.4 12 12 12h48v4h4v-8h-2l-4-8-4 8h-4l-4-8-4 8h-4l-4-8-4 8h-4l-4-8-4 8h-4l-4-8-3.1 6.2C37.1 80.7 36 78.5 36 76c0-4.4 3.6-8 8-8l4 8 4-8h4l4 8 4-8h4l4 8 4-8h4l4 8 4-8h8V32c0-6.7-1.7-12.2-4.9-16.2l5.3-5.3c1.6 1 3.5 1.5 5.7 1.5 1.1 0 2-.9 2-2s-1-2-2.1-2zM24 84.4L12.1 78 24 71.4v13z"/></g></svg></div>
+            <div class="humanoids__human"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 108 92"><path fill="#FFFFFF" d="M14 62v30h68v-6H32c-5.5 0-10-4.5-10-10s4.5-10 10-10h50v-4c4 0 8-3.6 8-8s-4-8-8-8V32c0-14-7.9-22-22-22H36c-14.1 0-22 8-22 22v14c-4 0-8 3.6-8 8s4 8 8 8z"/><circle fill="#FFF" cx="36" cy="50" r="8"/><circle fill="#FFF" cx="60" cy="50" r="8"/><circle fill="#f64242" cx="36" cy="50" r="4"/><circle fill="#f64242" cx="60" cy="50" r="4"/><path fill="#f64242" d="M60 10H36c-14.1 0-22 8-22 22v2l4-4 6 6 6-6 6 6 6-6 6 6 6-6 6 6 6-6 6 6 6-6 4 4v-2c0-14-7.9-22-22-22z"/><g fill="#663F4C"><path d="M36 60c-5.5 0-10-4.5-10-10s4.5-10 10-10 10 4.5 10 10-4.5 10-10 10zm0-16c-3.3 0-6 2.7-6 6s2.7 6 6 6 6-2.7 6-6-2.7-6-6-6zM60 60c-5.5 0-10-4.5-10-10s4.5-10 10-10 10 4.5 10 10-4.5 10-10 10zm0-16c-3.3 0-6 2.7-6 6s2.7 6 6 6 6-2.7 6-6-2.7-6-6-6z"/><path d="M12 63.8V92h4V32c0-12.9 7.1-20 20-20h24c12.9 0 20 7.1 20 20v32H32c-6.6 0-12 5.4-12 12s5.4 12 12 12h48v4h4v-8H74v-1c0-1.7-1.3-3-3-3s-3 1.3-3 3v1h-6v-1c0-1.7-1.3-3-3-3s-3 1.3-3 3v1h-6v-1c0-1.7-1.3-3-3-3s-3 1.3-3 3v1h-6v-1c0-1.7-1.3-3-3-3s-3 1.3-3 3v1c-4 0-8-3.6-8-8s3.6-8 8-8h6v1c0 1.7 1.3 3 3 3s3-1.3 3-3v-1h6v1c0 1.7 1.3 3 3 3s3-1.3 3-3v-1h6v1c0 1.7 1.3 3 3 3s3-1.3 3-3v-1h6v1c0 1.7 1.3 3 3 3s3-1.3 3-3v-1h4v-4.2c5-.9 8-5 8-9.8s-3-8.9-8-9.8V32c0-15.3-8.7-24-24-24H36c-15.3 0-24 8.7-24 24v12.2c-5 .9-8 5-8 9.8s3 8.9 8 9.8zm72-15.5c2 .8 4 3 4 5.7s-2 4.8-4 5.7V48.3zm-72 0v11.3c-2-.8-4-3-4-5.7s2-4.7 4-5.6z"/></g></svg></div>
+          </div>
+        </a>
+      </header>
+      <div class="chart">
+        <form id="selector">
+        </form>
+        <div id="chart">
+        </div>
+        <div id="legend">
+        </div>
+      </div>
+    </div>
+
+    <script type="text/javascript" src="src/d3.v4.min.js"></script>
+
+    <script>
+      var report_data;
+      var width = 360;
+      var legendWidth = 240;
+      var height = 360;
+      var radius = Math.min(width, height) / 2;
+      var donutWidth = 75;
+      var legendRectSize = 18;
+      var legendSpacing = 4;
+
+      var color = d3.scaleOrdinal(d3.schemeCategory20);
+
+      function pad(n, size) {
+        if(size == void 0) size = 2;
+        
+        var str = n.toString();
+
+        while(str.length < size){
+          str = "0" + str;
+        }
+
+        return str;
+      }
+
+      function duration(t) {
+        return pad(t / 60|0) + ':' +  pad((t % 60) |0) + '.' + pad(((t * 1000) % 1000)|0, 3);
+      }
+
+      var svg = d3.select('#chart')
+        .append('svg')
+        .attr('width', width)
+        .attr('height', height)
+        .append('g')
+        .attr('transform', 'translate(' + (width / 2) +
+          ',' + (height / 2) + ')');
+
+      var arc = d3.arc()
+        .innerRadius(radius - donutWidth)
+        .outerRadius(radius);
+
+      var labelArc = d3.arc()
+        .outerRadius(radius - donutWidth)
+        .innerRadius(radius);
+
+      var pie = d3.pie()
+        .value(function(d) { return d.time; })
+        .sort(function(a, b) {
+          return b.time - a.time;
+        });
+
+      var tooltip = d3.select('#chart')
+        .append('div')
+        .attr('class', 'tooltip');
+
+      tooltip.append('div')
+        .attr('class', 'label');
+
+      tooltip.append('div')
+        .attr('class', 'stats');
+
+      // var report_data = JSON.parse('{/**REPORT-DATA**/}');
+      var report_data = {
+        tag: "type",
+        events: [
+          "sql.active_record"
+        ],
+        data: [
+          { value: "model", count: 123, time: 324.2, "sql.active_record": 21.54 },
+          { value: "controller", count: 44, time: 514, "sql.active_record": 121 },
+          { value: "job", count: 33, time: 122.2 },
+          { value: "__unknown__", count: 2, time: 44, "sql.active_record": 0 }
+        ]
+      };
+
+      var dataset = report_data.data;
+
+      dataset.sort(function(a, b){
+        return b.time - a.time;
+      });
+
+      var totals = {};
+
+      ["count", "time"].concat(report_data.events).forEach(function(event) {
+        totals[event] = d3.sum(dataset.map(function(d){
+          return d[event] || 0;
+        }));
+      });
+
+      dataset.forEach(function(d) {
+        d.labels = {};
+  
+        if (d.value == "__unknown__") {
+          d.color = "#cccccc";
+        };
+        
+        d.labels.count = {
+          value: d.count,
+          percent: Math.round(1000 * d.count / totals.count) / 10
+        };
+
+        ["time"].concat(report_data.events).forEach(function(event){
+          d.labels[event] = {
+            value: duration(d[event]),
+            percent: d[event] ? Math.round(1000 * d[event] / totals[event]) / 10 : 0
+          }
+        });
+      });
+
+      var path = svg.selectAll('path')
+        .data(pie(dataset))
+        .enter()
+        .append('path')
+        .attr('d', arc)
+        .attr('class', 'd3-donut-path')
+        .attr('fill', function(d, i) {
+          return d.data.color || color(d.data.value);
+        })
+        .each(function(d) { this._current = d; });
+
+      var currentMeasure = "time";
+
+      pie.value(function(d) {
+        return d[currentMeasure];
+      });
+
+      path.on('mouseover', function(d) {
+        tooltip.select('.label').html("<span class='value-label'>" + report_data.tag + ":</span><span class='value-data'>" + d.data.value + "</span>");
+
+        var str = "";
+
+        ["count", "time"].concat(report_data.events).forEach(function(event) {
+          str += "<div class='label " + (event == currentMeasure ? 'active' : '') + "'><span class='value-label'>" + event + ":</span><span class='value-data'>" + d.data.labels[event].value + " ("+d.data.labels[event].percent + "%)</span></div>";
+        });
+        tooltip.select('.stats').html(str);
+        tooltip.style('display', 'block');
+      });
+
+      path.on('mousemove', function(d) {
+        tooltip.style('top', (d3.event.layerY + 10) + 'px')
+          .style('left', (d3.event.layerX + 10) + 'px');
+      });
+
+      path.on('mouseout', function() {
+        tooltip.style('display', 'none');
+      });
+
+      if(report_data.events && report_data.events.length) {
+        var selectOptions = ["time"].concat(report_data.events);
+
+        var selector = d3.select("form").selectAll("label")
+          .data(selectOptions)
+          .enter().append("label");
+
+        selector.append("input")
+          .attr("type", "radio")
+          .attr("name", "measurement")
+          .attr("value", function(d) { return d; })
+          .property("checked", function(d, i) { return i === 0 });
+
+        d3.select("form").style('width', legendWidth + 'px');
+
+        d3.selectAll(("input[name='measurement']")).on("change", function(e) {
+          render(e);
+        });
+
+        selector.append("span")
+          .text(function(d) { return d; });
+      } else {
+        d3.select("form").remove();
+      }
+
+      var legendContainer = d3.select('#legend')
+        .append('svg')
+        .attr('height', height)
+        .attr('width', legendWidth);
+
+      var legend = legendContainer.selectAll('legend')
+        .data(color.domain())
+        .enter()
+        .append('g')
+        .attr('class', 'legend')
+        .attr('transform', function(d, i) {
+          var height = legendRectSize + legendSpacing;
+          var horz = 2 * legendRectSize;
+          var vert = i * height;
+          return 'translate(' + horz + ',' + vert + ')';
+        });
+
+      legend.append('rect')
+        .attr('width', legendRectSize)
+        .attr('height', legendRectSize)
+        .style('fill', color)
+        .style('stroke', color);
+      
+      legend.append('text')
+        .attr('x', legendRectSize + legendSpacing)
+        .attr('y', legendRectSize - legendSpacing)
+        .text(function(d) { return d; });
+
+      var totalsContainer = svg.append('g')
+        .attr('class', 'totals')
+        .attr('transform', 'translate(-' + (radius - 100) +', -'+ (radius - 120) + ')');
+
+      var totalsArray = d3.keys(totals).map(function(key){
+        if(key == "count"){
+          return { key: key, value: totals[key] };
+        } else {
+          return { key: key, value: duration(totals[key]) };
+        }
+      });
+
+      totalsContainer.append('text')
+        .text("TOTALS")
+        .attr('x', 50);
+
+      var totalsLegend = totalsContainer.selectAll('total')
+        .data(totalsArray)
+        .enter()
+        .append('g')
+        .attr('class', 'total')
+        .attr('transform', function(d, i) {
+          var height = legendRectSize + legendSpacing;
+          var horz = 0;
+          var vert = i * height + 20;
+          return 'translate(' + horz + ',' + vert + ')';
+        });
+
+      totalsLegend.append('text')
+        .attr('x', 0)
+        .attr('y', legendRectSize - legendSpacing)
+        .text(function(d) { 
+          return d.key + ": " + d.value;
+        });
+
+      var render = function(measurement) {
+        currentMeasure = measurement;
+
+        path = path.data(pie(dataset));
+
+        path.transition()
+        .duration(750)
+        .attrTween('d', function(d) {
+          var interpolate = d3.interpolate(this._current, d);
+          this._current = interpolate(0);
+          return function(t) {
+            return arc(interpolate(t));
+          };
+        });
+      }
+    </script>
+  </body>
+</html>