trim '0' groups from sunburst paths to show null groups. add ability …

…to map color to sunburst groupby groups. add fancier breadcrumbs to sunburst.
apache · Mar 16, 2016 · 0c045a9 · 0c045a9
1 parent 2aa0e0d
commit 0c045a9
Show file tree

Hide file tree

Showing 3 changed files with 187 additions and 91 deletions.
diff --git a/panoramix/assets/visualizations/sunburst.css b/panoramix/assets/visualizations/sunburst.css
@@ -1,24 +1,45 @@
-.sunburst text.middle{
-    text-anchor: middle;
+.sunburst text {
+  shape-rendering: crispEdges;
+}
+.sunburst path {
+  stroke: #fff;
+  stroke-width: 1px;
 }
 
-.sunburst #sequence {
+.sunburst .center-label {
+  text-anchor: middle;
+  fill: #000;
+}
+.sunburst .path-percent {
+  font-size: 4em;
+}
+.sunburst .path-metrics {
+  font-size: 1.75em;
+}
+.sunburst .path-ratio {
+  font-size: 1.2em;
 }
 
-.sunburst #legend {
-  padding: 10px 0 0 3px;
+.sunburst .breadcrumbs {
+  fill: #00D1C1; /*default*/
 }
 
-.sunburst #sequence text, #legend text {
+.sunburst .breadcrumbs text {
   font-weight: 600;
+  font-size: 1.2em;
+  text-anchor: middle;
   fill: #fff;
 }
-
-.sunburst path {
-  stroke: #fff;
+.sunburst .breadcrumbs text.end-label {
+  fill: #000;
 }
 
-.sunburst #percentage {
+.dashboard .sunburst text {
+  font-size: 1em;
+}
+.dashboard .sunburst .path-percent {
   font-size: 2.5em;
 }
-
+.dashboard .sunburst .path-metrics {
+  font-size: 1em;
+}