Initial code dump for parallel coordinates

config.js

@@ -16,6 +16,6 @@ var config = new Settings(
   kibana_index:   "kibana-int", 
   modules:        ['histogram','map','pie','table','stringquery','sort',
                   'timepicker','text','fields','hits','dashcontrol',
-                  'column'], 
+                  'column', 'parallelcoordinates'],
   }
 );

panels/parallelcoordinates/editor.html

+<div class="row-fluid" ng-controller="parallelcoordinates">
+    <div style="width:90%">
+        <form class="input-append">
+            <h6>Query</h6>
+            <input type="text" style="width:90%" ng-model="panel.query">
+            <button class="btn" ng-click="get_data();"><i class="icon-search"></i></button>
+        </form>
+    </div>
+</div>
+<div class="row-fluid">
+    <div class="span4">
+        <form class="input-append">
+            <h6>Add field</h6>
+            <input bs-typeahead="fields.list" type="text" class="input-small" ng-model='newfield'>
+            <button class="btn" ng-click="toggle_field(newfield);newfield=''"><i class="icon-plus"></i></button>
+        </form>
+    </div>
+    <div class="span8">
+        <h6>Selected fields <small>Click to remove</small></h6>
+        <span style="margin-left:3px" ng-click="toggle_field(field)" ng-repeat="field in $parent.panel.fields" class="label remove pointer">{{field}} </span>
+    </div>
+</div>
+<h5>Sorting</h5>
+<div class="row-fluid">
+    <div class="span1">
+        <h6>Enable</h6><input type="checkbox" ng-model="panel.sortable" ng-checked="panel.sortable">
+    </div>
+    <div class="span4" style="white-space:nowrap" ng-show='panel.sortable'>
+        <h6>Sort</h6>
+        <input ng-show="all_fields.length<=0 || !all_fields"style="width:85%" ng-model="panel.sort[0]" type="text"></input>
+        <select ng-show="all_fields.length>0"style="width:85%" ng-model="panel.sort[0]" ng-options="f for f in all_fields"></select>
+        <i ng-click="set_sort(panel.sort[0])" ng-class="{'icon-chevron-up': panel.sort[1] == 'asc','icon-chevron-down': panel.sort[1] == 'desc'}"></i>
+    </div>
+</div>
+<h5>Paging and Appearence</h5>
+<div class="row-fluid">
+    <div class="span3"><h6>Font Size</h6>
+        <select class="input-small" ng-model="panel.style['font-size']" ng-options="f for f in ['7pt','8pt','9pt','10pt','12pt','14pt','16pt','18pt','20pt','24pt','28pt','32pt','36pt','42pt','48pt','52pt','60pt','72pt']"></select></span>
+    </div>
+    <div class="span2">
+        <h6>Per Page</h6>
+        <input type="number" class="input-mini" ng-model="panel.size" ng-change="get_data()">
+    </div>
+    <div class="span1">
+        <h6>&nbsp;</h6>
+        <center><i class='icon-remove'></i><center>
+    </div>
+    <div class="span2">
+        <h6>Page limit</h6>
+        <input type="number" class="input-mini" ng-model="panel.pages" ng-change="get_data()">
+    </div>
+    <div class="span2 large">
+        <h6>Pageable</h6>
+        <strong>= {{panel.size * panel.pages}}</strong>
+    </div>
+</div>
+<!--<div class="row-fluid" ng-show='panel.sortable'>
+  <div class="span11">
+    <h6>A note about sorting</h6>
+    Allowing sorting can incur a significant performance penalty if using timestamped indices.
+    Kibana will be unable to query your indices sequentially and thus must query them all at
+    once. Only enable sorting if your cluster is stout enough to handle it.
+  </div>
+</div>-->
+<h5>Panel Spy</h5>
+<div class="row-fluid">
+    <div class="span2">
+        <label class="small"> Spyable </label><input type="checkbox" ng-model="panel.spyable" ng-checked="panel.spyable">
+    </div>
+    <div class="span9 small">
+        The panel spy shows 'behind the scenes' information about a panel. It can
+        be accessed by clicking the <i class='icon-eye-open'></i> in the top right
+        of the panel.
+    </div>
+</div>
+

panels/parallelcoordinates/module.html

+<style>
+    svg {
+        font-size: 14px;
+    }
+
+    .foreground path {
+        fill: none;
+        stroke-opacity: .5;
+        stroke-width: 1.5px;
+    }
+
+    .foreground path.fade {
+        stroke: #000;
+        stroke-opacity: .05;
+    }
+
+    .legend {
+        font-size: 18px;
+        font-style: oblique;
+    }
+
+    .legend line {
+        stroke-width: 2px;
+    }
+
+    .setosa {
+        stroke: #800;
+    }
+
+    .versicolor {
+        stroke: #080;
+    }
+
+    .virginica {
+        stroke: #008;
+    }
+
+    .brush .extent {
+        fill-opacity: .3;
+        stroke: #fff;
+        shape-rendering: crispEdges;
+    }
+
+    .axis line, .axis path {
+        fill: none;
+        stroke: #000;
+        shape-rendering: crispEdges;
+    }
+
+    .axis text {
+        text-shadow: 0 1px 0 #fff;
+        cursor: move;
+    }
+</style>
+<kibana-panel ng-controller='parallelcoordinates' ng-init="init()">
+  <span ng-show="panel.spyable" style="position:absolute;right:0px;top:0px" class='panelextra pointer'>
+    <i bs-modal="'partials/modal.html'" class="icon-eye-open"></i>
+  </span>
+    <div parallelcoordinates params="{{panel}}" style="height:{{panel.height || row.height}}"></div>
+</kibana-panel>
\ No newline at end of file