From 2c5c88cfef643cbc0b977e8558def0eab19e0686 Mon Sep 17 00:00:00 2001
From: Gregory Eremin <g@erem.in>
Date: Sat, 14 Mar 2015 17:13:28 +0700
Subject: [PATCH] Trying to tell what's going on

---
 app/scripts/src/charts/bar_chart.jsx | 23 +++++++++++++++++++++++
 app/styles/charts.css                | 17 +++++++++++++++++
 2 files changed, 40 insertions(+)

diff --git a/app/scripts/src/charts/bar_chart.jsx b/app/scripts/src/charts/bar_chart.jsx
index 0d57828..9fa6ba8 100644
--- a/app/scripts/src/charts/bar_chart.jsx
+++ b/app/scripts/src/charts/bar_chart.jsx
@@ -96,8 +96,31 @@ var BarChart = React.createClass({
     },
 
     render: function() {
+        var words = {
+                items: {
+                    repo: 'repositories',
+                    team: 'teams',
+                    user: 'contributors'
+                },
+                item: {
+                    repo: 'repository',
+                    team: 'team',
+                    user: 'author'
+                },
+                actions: {
+                    repo: 'which were the most attended by',
+                    team: 'which were the most active working on',
+                    user: 'which were the most active working on'
+                }
+            },
+            who = this.getParams().repo || this.getParams().team || this.getParams().user || this.getParams().org,
+            params = Object.keys(this.getParams());
+        params.splice(params.indexOf('org'), 1);
         return (
             <div className="barchart-container">
+                <div className="whatsgoingon">
+                    This bar chart represents <em>{words.items[this.state.item]}</em> {words.actions[this.state.item]} <em>{who}</em> {words.item[params[0]]} from <em>W11, Mar 9</em> to <em>W18, Apr 27</em>
+                </div>
                 <div className="filters">
                     <Selector thing="item"
                         items={this.props.items}
diff --git a/app/styles/charts.css b/app/styles/charts.css
index bef589f..3081a34 100644
--- a/app/styles/charts.css
+++ b/app/styles/charts.css
@@ -76,3 +76,20 @@
     color: #222;
     cursor: default;
 }
+
+.whatsgoingon {
+    color: #444;
+    margin-bottom: 20px;
+    line-height: 24px;
+}
+
+.whatsgoingon em {
+    display: inline-block;
+    line-height: 16px;
+    color: #000;
+    font-style: normal;
+    margin: 3px 0 0;
+    padding: 2px 5px;
+    background-color: #eaeaea;
+    border-radius: 4px;
+}