From 9f8c64bacc2b791e5e5a029e36999cbfeb88bd79 Mon Sep 17 00:00:00 2001 From: Daniel Friesel Date: Thu, 19 Feb 2015 22:47:58 +0100 Subject: add d3js and a barplot playground --- public/default.css | 51 +++++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 51 insertions(+) create mode 100644 public/default.css (limited to 'public/default.css') diff --git a/public/default.css b/public/default.css new file mode 100644 index 0000000..6769b31 --- /dev/null +++ b/public/default.css @@ -0,0 +1,51 @@ +body { + font: 10px sans-serif; +} + +.axis path, +.axis line { + fill: none; + stroke: #000; + shape-rendering: crispEdges; +} + +.bar { + fill: orange; +} + +.bar:hover { + fill: orangered ; +} + +.x.axis path { + display: none; +} + +.d3-tip { + line-height: 1; + font-weight: bold; + padding: 12px; + background: rgba(0, 0, 0, 0.8); + color: #fff; + border-radius: 2px; +} + +/* Creates a small triangle extender for the tooltip */ +.d3-tip:after { + box-sizing: border-box; + display: inline; + font-size: 10px; + width: 100%; + line-height: 1; + color: rgba(0, 0, 0, 0.8); + content: "\25BC"; + position: absolute; + text-align: center; +} + +/* Style northward tooltips differently */ +.d3-tip.n:after { + margin: -1px 0 0 0; + top: 100%; + left: 0; +} -- cgit v1.2.3