Skip to content

Instantly share code, notes, and snippets.

@nim23
Created April 23, 2014 13:22
Show Gist options
  • Save nim23/11214996 to your computer and use it in GitHub Desktop.
Save nim23/11214996 to your computer and use it in GitHub Desktop.
Tributary inlet
{"description":"Tributary inlet","endpoint":"","display":"svg","public":true,"require":[],"fileconfigs":{"inlet.js":{"default":true,"vim":false,"emacs":false,"fontSize":12},"styles.css":{"default":true,"vim":false,"emacs":false,"fontSize":12},"_.md":{"default":true,"vim":false,"emacs":false,"fontSize":12},"config.json":{"default":true,"vim":false,"emacs":false,"fontSize":12},"lineData.json":{"default":true,"vim":false,"emacs":false,"fontSize":12}},"fullscreen":false,"play":false,"loop":false,"restart":false,"autoinit":true,"pause":true,"loop_type":"pingpong","bv":false,"nclones":15,"clone_opacity":0.4,"duration":3000,"ease":"linear","dt":0.01,"ajax-caching":true,"thumbnail":"http://i.imgur.com/RusKwLU.png"}
var line = function() {
var data,
negativeThreshold,
outerHeight = 270,
outerWidth = 600,
positiveThreshold,
svg;
var margin = { top: 30, right: 30, bottom: 30, left: 30 };
var innerWidth = function() {
return outerWidth - margin.left - margin.right;
};
var innerHeight = function() {
return outerHeight - margin.top - margin.bottom;
};
var x = d3.time.scale().range([0, innerWidth()]);
var y = d3.scale.linear().range([innerHeight(), 0]);
var xAxis = d3.svg.axis().scale(x)
.orient("bottom").ticks(5);
var yAxis = d3.svg.axis().scale(y)
.orient("left").ticks(5);
var line = d3.svg.line()
.x(function(d) { return x(d.date); })
.y(function(d) { return y(d.value); });
function chart(elementSelector) {
svg = d3.select("svg");
//chart.draw();
}
chart.draw = function(svg) {
debugger;
var group = svg
.attr("class", "line-chart")
.attr("height", outerHeight)
.attr("width", outerWidth)
.append("g")
.attr("transform", "translate(" + margin.left + "," + margin.top + ")");
x.domain(d3.extent(data, function(d) { return d.date; }));
y.domain([0, d3.max(data, function(d) { return d.value; })]);
if (negativeThreshold) {
group.append("line")
.attr("y1", y(negativeThreshold))
.attr("y2", y(negativeThreshold))
.attr("x1", 0)
.attr("x2", innerWidth())
.attr("class", "negative threshold");
}
if (positiveThreshold) {
group.append("line")
.attr("y1", y(positiveThreshold))
.attr("y2", y(positiveThreshold))
.attr("x1", 0)
.attr("x2", innerWidth())
.attr("class", "positive threshold");
}
group.append("path")
.attr("d", line(data))
group.append("g")
.attr("class", "x axis")
.attr("transform", "translate(0," + innerHeight() + ")")
.call(xAxis);
group.append("g")
.attr("class", "y axis")
.call(yAxis);
};
chart.data = function(value) {
if (!arguments.length) { return data; }
data = value.values;
data.forEach(function(o) {
o.date = new Date(o.date);
});
return chart;
};
chart.height = function(value) {
if (!arguments.length) { return outerHeight; }
outerHeight = value;
y.range([innerHeight(), 0])
return chart;
};
chart.negativeThreshold = function(value) {
if (!arguments.length) { return negativeThreshold; }
negativeThreshold = value;
return chart;
};
chart.positiveThreshold = function(value) {
if (!arguments.length) { return positiveThreshold; }
positiveThreshold = value;
return chart;
};
chart.width = function(value) {
if (!arguments.length) { return outerWidth; }
outerWidth = value;
x.range([0, innerWidth()])
return chart;
};
return chart;
};
var a = line();
console.log(a.draw);
a.data({values: tributary.lineData.values}).draw(d3.select("svg"))
{
"threshold": {
"positive": 50,
"negative": 100
},
"values": [
{
"guid": "9a204955-620b-455f-a9ae-6bb4d7ce32b7",
"metricGuid": "f0aa0a46-3790-4102-84f3-426c38ce51ad",
"date": "2013-02-23T00:00:00",
"day": 54,
"month": 2,
"year": 2013,
"quarter": 1,
"weekday": 7,
"week": 8,
"value": 56.0000000000
},
{
"guid": "c27f0965-24a6-4f59-ba92-60251bb5475a",
"metricGuid": "f0aa0a46-3790-4102-84f3-426c38ce51ad",
"date": "2013-02-22T00:00:00",
"day": 53,
"month": 2,
"year": 2013,
"quarter": 1,
"weekday": 6,
"week": 8,
"value": 117.0000000000
},
{
"guid": "634ad2b6-97d0-4736-99a6-82386504fbec",
"metricGuid": "f0aa0a46-3790-4102-84f3-426c38ce51ad",
"date": "2013-02-21T00:00:00",
"day": 52,
"month": 2,
"year": 2013,
"quarter": 1,
"weekday": 5,
"week": 8,
"value": 62.0000000000
},
{
"guid": "77d0af14-4260-4893-bc4d-dd75613982e9",
"metricGuid": "f0aa0a46-3790-4102-84f3-426c38ce51ad",
"date": "2013-02-20T00:00:00",
"day": 51,
"month": 2,
"year": 2013,
"quarter": 1,
"weekday": 4,
"week": 8,
"value": 104.0000000000
},
{
"guid": "4b2ae469-3cae-4594-b2ba-18a01c3ee867",
"metricGuid": "f0aa0a46-3790-4102-84f3-426c38ce51ad",
"date": "2013-02-19T00:00:00",
"day": 50,
"month": 2,
"year": 2013,
"quarter": 1,
"weekday": 3,
"week": 8,
"value": 74.0000000000
},
{
"guid": "95ee953c-99c4-4a8d-bbc4-2657c31ddc6e",
"metricGuid": "f0aa0a46-3790-4102-84f3-426c38ce51ad",
"date": "2013-02-18T00:00:00",
"day": 49,
"month": 2,
"year": 2013,
"quarter": 1,
"weekday": 2,
"week": 8,
"value": 129.0000000000
},
{
"guid": "068913a9-34ea-42fb-b4e7-9ed5703e0cc3",
"metricGuid": "f0aa0a46-3790-4102-84f3-426c38ce51ad",
"date": "2013-02-17T00:00:00",
"day": 48,
"month": 2,
"year": 2013,
"quarter": 1,
"weekday": 1,
"week": 8,
"value": 150.0000000000
},
{
"guid": "92d3866f-346f-4b14-b7e5-1d70d802ef8c",
"metricGuid": "f0aa0a46-3790-4102-84f3-426c38ce51ad",
"date": "2013-02-16T00:00:00",
"day": 47,
"month": 2,
"year": 2013,
"quarter": 1,
"weekday": 7,
"week": 7,
"value": 52.0000000000
},
{
"guid": "a8d285c3-c50c-4176-842c-506c4b6457f5",
"metricGuid": "f0aa0a46-3790-4102-84f3-426c38ce51ad",
"date": "2013-02-15T00:00:00",
"day": 46,
"month": 2,
"year": 2013,
"quarter": 1,
"weekday": 6,
"week": 7,
"value": 141.0000000000
},
{
"guid": "2d1dc6bf-811a-43e2-a44a-93b9fd679158",
"metricGuid": "f0aa0a46-3790-4102-84f3-426c38ce51ad",
"date": "2013-02-14T00:00:00",
"day": 45,
"month": 2,
"year": 2013,
"quarter": 1,
"weekday": 5,
"week": 7,
"value": 121.0000000000
},
{
"guid": "d9fc156e-316f-448c-88c6-be1e35e21e00",
"metricGuid": "f0aa0a46-3790-4102-84f3-426c38ce51ad",
"date": "2013-02-13T00:00:00",
"day": 44,
"month": 2,
"year": 2013,
"quarter": 1,
"weekday": 4,
"week": 7,
"value": 100.0000000000
},
{
"guid": "40222079-1b5b-4787-84c9-09ef5b89c3bd",
"metricGuid": "f0aa0a46-3790-4102-84f3-426c38ce51ad",
"date": "2013-02-12T00:00:00",
"day": 43,
"month": 2,
"year": 2013,
"quarter": 1,
"weekday": 3,
"week": 7,
"value": 84.0000000000
},
{
"guid": "f9deeb49-15ca-4657-a0b7-50195cf7c1e5",
"metricGuid": "f0aa0a46-3790-4102-84f3-426c38ce51ad",
"date": "2013-02-11T00:00:00",
"day": 42,
"month": 2,
"year": 2013,
"quarter": 1,
"weekday": 2,
"week": 7,
"value": 56.0000000000
},
{
"guid": "46f5c6f1-1611-486b-9c64-d5ebf1c22fd8",
"metricGuid": "f0aa0a46-3790-4102-84f3-426c38ce51ad",
"date": "2013-02-10T00:00:00",
"day": 41,
"month": 2,
"year": 2013,
"quarter": 1,
"weekday": 1,
"week": 7,
"value": 150.0000000000
},
{
"guid": "c20191ce-dc8d-4fc4-8b21-b752138cb46e",
"metricGuid": "f0aa0a46-3790-4102-84f3-426c38ce51ad",
"date": "2013-02-09T00:00:00",
"day": 40,
"month": 2,
"year": 2013,
"quarter": 1,
"weekday": 7,
"week": 6,
"value": 77.0000000000
},
{
"guid": "298b3eba-20f9-415f-85da-bb5bda9e3875",
"metricGuid": "f0aa0a46-3790-4102-84f3-426c38ce51ad",
"date": "2013-02-08T00:00:00",
"day": 39,
"month": 2,
"year": 2013,
"quarter": 1,
"weekday": 6,
"week": 6,
"value": 82.0000000000
},
{
"guid": "33059f5c-edb4-4279-a1f0-094c1fcc79b4",
"metricGuid": "f0aa0a46-3790-4102-84f3-426c38ce51ad",
"date": "2013-02-07T00:00:00",
"day": 38,
"month": 2,
"year": 2013,
"quarter": 1,
"weekday": 5,
"week": 6,
"value": 56.0000000000
},
{
"guid": "23ff7ce5-0f93-471f-bca6-8a6abb9ec7cf",
"metricGuid": "f0aa0a46-3790-4102-84f3-426c38ce51ad",
"date": "2013-02-06T00:00:00",
"day": 37,
"month": 2,
"year": 2013,
"quarter": 1,
"weekday": 4,
"week": 6,
"value": 57.0000000000
},
{
"guid": "ad28c7fe-5664-4dc8-9384-96e1db850556",
"metricGuid": "f0aa0a46-3790-4102-84f3-426c38ce51ad",
"date": "2013-02-05T00:00:00",
"day": 36,
"month": 2,
"year": 2013,
"quarter": 1,
"weekday": 3,
"week": 6,
"value": 80.0000000000
},
{
"guid": "775583fe-728c-4a5a-bc41-a50d03bbe908",
"metricGuid": "f0aa0a46-3790-4102-84f3-426c38ce51ad",
"date": "2013-02-04T00:00:00",
"day": 35,
"month": 2,
"year": 2013,
"quarter": 1,
"weekday": 2,
"week": 6,
"value": 121.0000000000
},
{
"guid": "b0794500-06af-4ab1-8443-27674dc83019",
"metricGuid": "f0aa0a46-3790-4102-84f3-426c38ce51ad",
"date": "2013-02-03T00:00:00",
"day": 34,
"month": 2,
"year": 2013,
"quarter": 1,
"weekday": 1,
"week": 6,
"value": 50.0000000000
},
{
"guid": "fc284d1e-e446-4ad1-b29e-0ff93991880a",
"metricGuid": "f0aa0a46-3790-4102-84f3-426c38ce51ad",
"date": "2013-02-02T00:00:00",
"day": 33,
"month": 2,
"year": 2013,
"quarter": 1,
"weekday": 7,
"week": 5,
"value": 133.0000000000
},
{
"guid": "1a667d5f-3281-45f7-a262-96edd0b0b281",
"metricGuid": "f0aa0a46-3790-4102-84f3-426c38ce51ad",
"date": "2013-02-01T00:00:00",
"day": 32,
"month": 2,
"year": 2013,
"quarter": 1,
"weekday": 6,
"week": 5,
"value": 94.0000000000
},
{
"guid": "5a23d723-e119-424b-9b40-75af0dcb1806",
"metricGuid": "f0aa0a46-3790-4102-84f3-426c38ce51ad",
"date": "2013-01-31T00:00:00",
"day": 31,
"month": 1,
"year": 2013,
"quarter": 1,
"weekday": 5,
"week": 5,
"value": 78.0000000000
},
{
"guid": "f46628fc-0301-4804-9b03-9cfacb7df6fd",
"metricGuid": "f0aa0a46-3790-4102-84f3-426c38ce51ad",
"date": "2013-01-30T00:00:00",
"day": 30,
"month": 1,
"year": 2013,
"quarter": 1,
"weekday": 4,
"week": 5,
"value": 74.0000000000
},
{
"guid": "a39aa08b-e654-4e34-a1bc-7f0bc6323e89",
"metricGuid": "f0aa0a46-3790-4102-84f3-426c38ce51ad",
"date": "2013-01-29T00:00:00",
"day": 29,
"month": 1,
"year": 2013,
"quarter": 1,
"weekday": 3,
"week": 5,
"value": 85.0000000000
},
{
"guid": "8e95aa4a-bccf-4358-ac6d-06f256c8ed15",
"metricGuid": "f0aa0a46-3790-4102-84f3-426c38ce51ad",
"date": "2013-01-28T00:00:00",
"day": 28,
"month": 1,
"year": 2013,
"quarter": 1,
"weekday": 2,
"week": 5,
"value": 65.0000000000
},
{
"guid": "c5edcb07-29b7-4111-b370-aa136873dcfa",
"metricGuid": "f0aa0a46-3790-4102-84f3-426c38ce51ad",
"date": "2013-01-27T00:00:00",
"day": 27,
"month": 1,
"year": 2013,
"quarter": 1,
"weekday": 1,
"week": 5,
"value": 78.0000000000
},
{
"guid": "8581de65-dd47-467b-a73b-9e33827a9596",
"metricGuid": "f0aa0a46-3790-4102-84f3-426c38ce51ad",
"date": "2013-01-26T00:00:00",
"day": 26,
"month": 1,
"year": 2013,
"quarter": 1,
"weekday": 7,
"week": 4,
"value": 86.0000000000
},
{
"guid": "d88f0735-450b-45eb-b9f0-24a01aa6f87c",
"metricGuid": "f0aa0a46-3790-4102-84f3-426c38ce51ad",
"date": "2013-01-25T00:00:00",
"day": 25,
"month": 1,
"year": 2013,
"quarter": 1,
"weekday": 6,
"week": 4,
"value": 52.0000000000
},
{
"guid": "e6c3c7bf-2b30-448a-93e0-c2c0f8cf094e",
"metricGuid": "f0aa0a46-3790-4102-84f3-426c38ce51ad",
"date": "2013-01-24T00:00:00",
"day": 24,
"month": 1,
"year": 2013,
"quarter": 1,
"weekday": 5,
"week": 4,
"value": 94.0000000000
},
{
"guid": "b969c9e4-872b-4611-bd3b-5e3e3b8295a5",
"metricGuid": "f0aa0a46-3790-4102-84f3-426c38ce51ad",
"date": "2013-01-23T00:00:00",
"day": 23,
"month": 1,
"year": 2013,
"quarter": 1,
"weekday": 4,
"week": 4,
"value": 59.0000000000
},
{
"guid": "6a1ffe46-189d-4828-9bc2-622395aea712",
"metricGuid": "f0aa0a46-3790-4102-84f3-426c38ce51ad",
"date": "2013-01-22T00:00:00",
"day": 22,
"month": 1,
"year": 2013,
"quarter": 1,
"weekday": 3,
"week": 4,
"value": 70.0000000000
},
{
"guid": "52e5c348-6533-46dc-9f9c-4a798f0723dd",
"metricGuid": "f0aa0a46-3790-4102-84f3-426c38ce51ad",
"date": "2013-01-21T00:00:00",
"day": 21,
"month": 1,
"year": 2013,
"quarter": 1,
"weekday": 2,
"week": 4,
"value": 129.0000000000
},
{
"guid": "49cb0529-85df-40a5-ae71-3371941d52bd",
"metricGuid": "f0aa0a46-3790-4102-84f3-426c38ce51ad",
"date": "2013-01-20T00:00:00",
"day": 20,
"month": 1,
"year": 2013,
"quarter": 1,
"weekday": 1,
"week": 4,
"value": 64.0000000000
},
{
"guid": "425a3fcf-e38c-4f98-a9eb-11c664a7ffe8",
"metricGuid": "f0aa0a46-3790-4102-84f3-426c38ce51ad",
"date": "2013-01-19T00:00:00",
"day": 19,
"month": 1,
"year": 2013,
"quarter": 1,
"weekday": 7,
"week": 3,
"value": 68.0000000000
},
{
"guid": "0ef4c4ca-c66e-4bda-9484-76d6e81a4ac8",
"metricGuid": "f0aa0a46-3790-4102-84f3-426c38ce51ad",
"date": "2013-01-18T00:00:00",
"day": 18,
"month": 1,
"year": 2013,
"quarter": 1,
"weekday": 6,
"week": 3,
"value": 76.0000000000
},
{
"guid": "7c947b89-44b6-41be-8829-e29b5bf4b433",
"metricGuid": "f0aa0a46-3790-4102-84f3-426c38ce51ad",
"date": "2013-01-17T00:00:00",
"day": 17,
"month": 1,
"year": 2013,
"quarter": 1,
"weekday": 5,
"week": 3,
"value": 121.0000000000
},
{
"guid": "6ee7c906-fa38-4e12-90ac-3d7c9b8a10b0",
"metricGuid": "f0aa0a46-3790-4102-84f3-426c38ce51ad",
"date": "2013-01-16T00:00:00",
"day": 16,
"month": 1,
"year": 2013,
"quarter": 1,
"weekday": 4,
"week": 3,
"value": 88.0000000000
},
{
"guid": "43688b01-6fc3-4ce2-8777-7fc3d00046d5",
"metricGuid": "f0aa0a46-3790-4102-84f3-426c38ce51ad",
"date": "2013-01-15T00:00:00",
"day": 15,
"month": 1,
"year": 2013,
"quarter": 1,
"weekday": 3,
"week": 3,
"value": 72.0000000000
},
{
"guid": "83ec130a-e7b5-4c51-9c29-f414fc2a6769",
"metricGuid": "f0aa0a46-3790-4102-84f3-426c38ce51ad",
"date": "2013-01-14T00:00:00",
"day": 14,
"month": 1,
"year": 2013,
"quarter": 1,
"weekday": 2,
"week": 3,
"value": 79.0000000000
},
{
"guid": "2a577a2b-e663-4d92-bbf4-a9b0980fd57d",
"metricGuid": "f0aa0a46-3790-4102-84f3-426c38ce51ad",
"date": "2013-01-13T00:00:00",
"day": 13,
"month": 1,
"year": 2013,
"quarter": 1,
"weekday": 1,
"week": 3,
"value": 127.0000000000
},
{
"guid": "670e5235-7c6b-4f4f-a034-b74441ef463c",
"metricGuid": "f0aa0a46-3790-4102-84f3-426c38ce51ad",
"date": "2013-01-12T00:00:00",
"day": 12,
"month": 1,
"year": 2013,
"quarter": 1,
"weekday": 7,
"week": 2,
"value": 81.0000000000
},
{
"guid": "37b930d3-bbae-4201-afec-c3b868ddd843",
"metricGuid": "f0aa0a46-3790-4102-84f3-426c38ce51ad",
"date": "2013-01-11T00:00:00",
"day": 11,
"month": 1,
"year": 2013,
"quarter": 1,
"weekday": 6,
"week": 2,
"value": 107.0000000000
},
{
"guid": "5b0dd581-7bcd-4a77-a269-b63c8decd05e",
"metricGuid": "f0aa0a46-3790-4102-84f3-426c38ce51ad",
"date": "2013-01-10T00:00:00",
"day": 10,
"month": 1,
"year": 2013,
"quarter": 1,
"weekday": 5,
"week": 2,
"value": 65.0000000000
},
{
"guid": "86722a58-6dc2-495a-beaf-7c7cd677737c",
"metricGuid": "f0aa0a46-3790-4102-84f3-426c38ce51ad",
"date": "2013-01-09T00:00:00",
"day": 9,
"month": 1,
"year": 2013,
"quarter": 1,
"weekday": 4,
"week": 2,
"value": 141.0000000000
},
{
"guid": "f5c1ba9a-fb5c-423d-8991-7ec7e289d0f0",
"metricGuid": "f0aa0a46-3790-4102-84f3-426c38ce51ad",
"date": "2013-01-08T00:00:00",
"day": 8,
"month": 1,
"year": 2013,
"quarter": 1,
"weekday": 3,
"week": 2,
"value": 59.0000000000
},
{
"guid": "cd8eab90-0112-4fad-b8a7-9e87b18b3679",
"metricGuid": "f0aa0a46-3790-4102-84f3-426c38ce51ad",
"date": "2013-01-07T00:00:00",
"day": 7,
"month": 1,
"year": 2013,
"quarter": 1,
"weekday": 2,
"week": 2,
"value": 140.0000000000
},
{
"guid": "5bd4b66a-87e4-4805-9676-d6c402c606f3",
"metricGuid": "f0aa0a46-3790-4102-84f3-426c38ce51ad",
"date": "2013-01-06T00:00:00",
"day": 6,
"month": 1,
"year": 2013,
"quarter": 1,
"weekday": 1,
"week": 2,
"value": 143.0000000000
},
{
"guid": "f489bdbc-f845-4a6b-b2e8-4b6a46dea330",
"metricGuid": "f0aa0a46-3790-4102-84f3-426c38ce51ad",
"date": "2013-01-05T00:00:00",
"day": 5,
"month": 1,
"year": 2013,
"quarter": 1,
"weekday": 7,
"week": 1,
"value": 82.0000000000
},
{
"guid": "81ba7aa6-d0e6-4f2f-aabf-96a750d2ddc0",
"metricGuid": "f0aa0a46-3790-4102-84f3-426c38ce51ad",
"date": "2013-01-04T00:00:00",
"day": 4,
"month": 1,
"year": 2013,
"quarter": 1,
"weekday": 6,
"week": 1,
"value": 64.0000000000
},
{
"guid": "6b46799b-0b0c-4cc4-acbe-96993e45169c",
"metricGuid": "f0aa0a46-3790-4102-84f3-426c38ce51ad",
"date": "2013-01-03T00:00:00",
"day": 3,
"month": 1,
"year": 2013,
"quarter": 1,
"weekday": 5,
"week": 1,
"value": 61.0000000000
},
{
"guid": "7a502faa-a989-4f36-812e-15c4d5e4520c",
"metricGuid": "f0aa0a46-3790-4102-84f3-426c38ce51ad",
"date": "2013-01-02T00:00:00",
"day": 2,
"month": 1,
"year": 2013,
"quarter": 1,
"weekday": 4,
"week": 1,
"value": 80.0000000000
},
{
"guid": "e5543846-f0b4-4190-9221-07c4d00fe887",
"metricGuid": "f0aa0a46-3790-4102-84f3-426c38ce51ad",
"date": "2013-01-01T00:00:00",
"day": 1,
"month": 1,
"year": 2013,
"quarter": 1,
"weekday": 3,
"week": 1,
"value": 52.0000000000
}
]
}
body {
font-family: "helvetica";
}
#display{
margin-left: 10em;
}
button {
margin: 0 7px 0 0;
background-color: #f5f5f5;
border: 1px solid #dedede;
border-top: 1px solid #eee;
border-left: 1px solid #eee;
font-size: 12px;
line-height: 130%;
text-decoration: none;
font-weight: bold;
color: #565656;
cursor: pointer;
}
.box {
width: 200px;
height: 200px;
margin: 40px;
float: left;
text-align: center;
border: #969696 solid thin;
padding: 5px;
}
.red {
background-color: #e9967a;
color: #f0f8ff;
}
.blue {
background-color: #add8e6;
color: #f0f8ff;
}
.cell {
min-width: 40px;
min-height: 20px;
margin: 5px;
float: left;
text-align: center;
border: #969696 solid thin;
padding: 5px;
}
.fixed-cell {
min-width: 40px;
min-height: 20px;
margin: 5px;
position: fixed;
text-align: center;
border: #969696 solid thin;
padding: 5px;
}
.h-bar {
min-height: 15px;
min-width: 10px;
background-color: steelblue;
margin-bottom: 2px;
font-size: 11px;
color: #f0f8ff;
text-align: right;
padding-right: 2px;
}
.v-bar {
min-height: 1px;
min-width: 30px;
background-color: #4682b4;
margin-right: 2px;
font-size: 10px;
color: #f0f8ff;
text-align: center;
width: 10px;
display: inline-block;
}
.baseline {
height: 1px;
background-color: black;
}
.clear {
clear: both;
}
.selected {
background-color: #f08080;
}
.control-group {
padding-top: 10px;
margin: 10px;
}
.table {
width: 70%;
}
.table td, th {
padding: 5px;
}
.table-header {
background-color: #00AFEF;
font-weight: bold;
}
.table-row-odd {
background-color: #f0f8ff;
}
.table-row-odd {
background-color: #d3d3d3;
}
.code {
display: inline-block;
font-style: italic;
background-color: #d3d3d3;
border: #969696 solid thin;
padding: 10px;
margin-top: 10px;
margin-bottom: 10px;
}
.countdown{
width: 150px;
height: 150px;
font-size: 5em;
font-weight: bold;
}
.axis path, .axis line {
fill: none;
stroke: #000;
shape-rendering: crispEdges;
}
.axis text {
font: 10px sans-serif;
}
.axis .grid-line{
stroke: black;
shape-rendering: crispEdges;
stroke-opacity: .2;
}
.line{
fill: none;
stroke: steelblue;
stroke-width: 2;
}
.dot {
fill: #fff;
stroke: steelblue;
}
.area {
stroke: none;
fill: steelblue;
fill-opacity: .2;
}
.pie text{
fill: white;
font-weight: bold;
}
.circle {
stroke: none;
fill: red;
fill-opacity: .7;
}
.cross {
stroke: none;
fill: blue;
fill-opacity: .7;
}
.diamond {
stroke: none;
fill: green;
fill-opacity: .7;
}
.square{
stroke: none;
fill: yellow;
fill-opacity: .7;
}
.triangle-down{
stroke: none;
fill: blueviolet;
fill-opacity: .7;
}
.triangle-up{
stroke: none;
fill: darkred;
fill-opacity: .7;
}
.bubble{
fill-opacity: .3;
}
.bar{
stroke: none;
fill: steelblue;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment