@liggi/figkit 0.2.0 → 0.4.0

package/examples/charts/bars-range.json

@@ -0,0 +1,6 @@
+{ "type": "bars", "style": "report", "title": "The new reply check catches more, but the ranges still overlap",
+  "note": "Share of unsafe replies caught, on the same test set", "unit": "%", "max": 100,
+  "range": "likely range (95%)", "each": "replies",
+  "bars": [ { "label": "Current check", "value": 64, "low": 53, "high": 74, "n": 72 },
+            { "label": "New check", "value": 78, "low": 67, "high": 86, "n": 72, "tone": "accent" } ],
+  "source": "Invented example data" }

package/examples/charts/dots.json

@@ -0,0 +1,6 @@
+{ "type": "dots", "style": "report", "title": "Most builds finish in four minutes; a few take over ten",
+  "note": "One dot per build: minutes from push to result", "unit": " min", "summary": "median", "zero": true, "each": "builds",
+  "groups": [ { "label": "Main branch", "values": [3.8,4.1,3.6,4.4,3.9,4.0,4.2,3.7,4.6,3.9,4.3,11.8,4.0,3.5,4.1,4.8,3.9,4.2,12.6,4.0,3.8,4.4,4.1,3.7,4.5,3.9,10.4,4.2] },
+              { "label": "Pull requests", "values": [4.9,5.2,4.6,5.8,5.1,4.8,6.2,5.0,5.5,4.7,5.3,5.9,5.0,4.9,6.4,5.2,5.6,4.8,5.1,5.4], "tone": "accent" } ],
+  "mark": { "group": "Main branch", "value": 12.6, "label": "12.6 min, cache miss" },
+  "source": "Invented example data" }

package/examples/charts/groups.json

@@ -0,0 +1,40 @@
+{
+ "type": "groups",
+ "style": "report",
+ "title": "Only the new carrier got slower in December",
+ "note": "Median days from dispatch to doorstep",
+ "unit": " days",
+ "series": [
+  "Old carrier",
+  "New carrier"
+ ],
+ "groups": [
+  {
+   "label": "October",
+   "values": [
+    2.1,
+    2.0
+   ]
+  },
+  {
+   "label": "November",
+   "values": [
+    2.2,
+    2.1
+   ]
+  },
+  {
+   "label": "December",
+   "values": [
+    2.4,
+    3.6
+   ]
+  }
+ ],
+ "accent": {
+  "series": "New carrier",
+  "group": "December",
+  "tone": "bad"
+ },
+ "source": "Invented example data"
+}

package/examples/charts/heatmap.json

@@ -0,0 +1,231 @@
+{
+ "type": "heatmap",
+ "style": "report",
+ "title": "The help desk is busiest midweek mornings",
+ "note": "Tickets opened per hour",
+ "rows": [
+  "Mon",
+  "Tue",
+  "Wed",
+  "Thu",
+  "Fri",
+  "Sat",
+  "Sun"
+ ],
+ "columns": [
+  "12am",
+  "1am",
+  "2am",
+  "3am",
+  "4am",
+  "5am",
+  "6am",
+  "7am",
+  "8am",
+  "9am",
+  "10am",
+  "11am",
+  "12pm",
+  "1pm",
+  "2pm",
+  "3pm",
+  "4pm",
+  "5pm",
+  "6pm",
+  "7pm",
+  "8pm",
+  "9pm",
+  "10pm",
+  "11pm"
+ ],
+ "values": [
+  [
+   3,
+   2,
+   1,
+   1,
+   1,
+   2,
+   6,
+   14,
+   22,
+   25,
+   27,
+   28,
+   30,
+   29,
+   28,
+   27,
+   26,
+   24,
+   20,
+   16,
+   12,
+   9,
+   6,
+   4
+  ],
+  [
+   3,
+   2,
+   1,
+   1,
+   1,
+   2,
+   6,
+   15,
+   23,
+   26,
+   28,
+   29,
+   32,
+   30,
+   29,
+   28,
+   27,
+   25,
+   21,
+   17,
+   13,
+   9,
+   6,
+   4
+  ],
+  [
+   3,
+   2,
+   1,
+   1,
+   1,
+   2,
+   6,
+   15,
+   24,
+   27,
+   29,
+   30,
+   32,
+   31,
+   30,
+   29,
+   28,
+   26,
+   22,
+   17,
+   13,
+   10,
+   6,
+   4
+  ],
+  [
+   3,
+   2,
+   1,
+   1,
+   1,
+   2,
+   6,
+   14,
+   22,
+   26,
+   28,
+   29,
+   31,
+   30,
+   29,
+   28,
+   27,
+   24,
+   20,
+   16,
+   12,
+   9,
+   6,
+   4
+  ],
+  [
+   3,
+   2,
+   1,
+   1,
+   1,
+   2,
+   5,
+   13,
+   20,
+   22,
+   24,
+   25,
+   27,
+   26,
+   25,
+   24,
+   23,
+   22,
+   18,
+   14,
+   11,
+   8,
+   5,
+   4
+  ],
+  [
+   2,
+   1,
+   1,
+   1,
+   1,
+   1,
+   4,
+   8,
+   13,
+   15,
+   16,
+   17,
+   18,
+   17,
+   17,
+   16,
+   16,
+   14,
+   12,
+   10,
+   7,
+   5,
+   4,
+   2
+  ],
+  [
+   2,
+   1,
+   1,
+   1,
+   1,
+   1,
+   3,
+   8,
+   12,
+   14,
+   15,
+   15,
+   16,
+   16,
+   15,
+   15,
+   14,
+   13,
+   11,
+   9,
+   7,
+   5,
+   3,
+   2
+  ]
+ ],
+ "mark": {
+  "row": "Wed",
+  "column": "12pm",
+  "label": "Busiest: Wed noon"
+ },
+ "source": "Invented example data"
+}

package/examples/charts/lines.json

@@ -0,0 +1,234 @@
+{
+ "type": "lines",
+ "style": "report",
+ "title": "Weekday orders peak at noon",
+ "note": "Orders per hour",
+ "series": [
+  {
+   "label": "Weekdays",
+   "points": [
+    {
+     "x": 0,
+     "y": 3
+    },
+    {
+     "x": 1,
+     "y": 2
+    },
+    {
+     "x": 2,
+     "y": 1
+    },
+    {
+     "x": 3,
+     "y": 1
+    },
+    {
+     "x": 4,
+     "y": 1
+    },
+    {
+     "x": 5,
+     "y": 2
+    },
+    {
+     "x": 6,
+     "y": 6
+    },
+    {
+     "x": 7,
+     "y": 14
+    },
+    {
+     "x": 8,
+     "y": 22
+    },
+    {
+     "x": 9,
+     "y": 25
+    },
+    {
+     "x": 10,
+     "y": 27
+    },
+    {
+     "x": 11,
+     "y": 28
+    },
+    {
+     "x": 12,
+     "y": 30
+    },
+    {
+     "x": 13,
+     "y": 29
+    },
+    {
+     "x": 14,
+     "y": 28
+    },
+    {
+     "x": 15,
+     "y": 27
+    },
+    {
+     "x": 16,
+     "y": 26
+    },
+    {
+     "x": 17,
+     "y": 24
+    },
+    {
+     "x": 18,
+     "y": 20
+    },
+    {
+     "x": 19,
+     "y": 16
+    },
+    {
+     "x": 20,
+     "y": 12
+    },
+    {
+     "x": 21,
+     "y": 9
+    },
+    {
+     "x": 22,
+     "y": 6
+    },
+    {
+     "x": 23,
+     "y": 4
+    }
+   ]
+  },
+  {
+   "label": "Weekends",
+   "points": [
+    {
+     "x": 0,
+     "y": 4
+    },
+    {
+     "x": 1,
+     "y": 3
+    },
+    {
+     "x": 2,
+     "y": 2
+    },
+    {
+     "x": 3,
+     "y": 1
+    },
+    {
+     "x": 4,
+     "y": 1
+    },
+    {
+     "x": 5,
+     "y": 1
+    },
+    {
+     "x": 6,
+     "y": 2
+    },
+    {
+     "x": 7,
+     "y": 4
+    },
+    {
+     "x": 8,
+     "y": 8
+    },
+    {
+     "x": 9,
+     "y": 13
+    },
+    {
+     "x": 10,
+     "y": 17
+    },
+    {
+     "x": 11,
+     "y": 20
+    },
+    {
+     "x": 12,
+     "y": 22
+    },
+    {
+     "x": 13,
+     "y": 22
+    },
+    {
+     "x": 14,
+     "y": 21
+    },
+    {
+     "x": 15,
+     "y": 20
+    },
+    {
+     "x": 16,
+     "y": 19
+    },
+    {
+     "x": 17,
+     "y": 18
+    },
+    {
+     "x": 18,
+     "y": 17
+    },
+    {
+     "x": 19,
+     "y": 15
+    },
+    {
+     "x": 20,
+     "y": 13
+    },
+    {
+     "x": 21,
+     "y": 10
+    },
+    {
+     "x": 22,
+     "y": 8
+    },
+    {
+     "x": 23,
+     "y": 6
+    }
+   ]
+  }
+ ],
+ "accent": "Weekdays",
+ "mark": {
+  "x": 12,
+  "label": "30 at noon"
+ },
+ "xTicks": [
+  {
+   "x": 0,
+   "label": "12am"
+  },
+  {
+   "x": 6,
+   "label": "6am"
+  },
+  {
+   "x": 12,
+   "label": "12pm"
+  },
+  {
+   "x": 18,
+   "label": "6pm"
+  }
+ ],
+ "source": "Invented example data"
+}

package/examples/charts/panels.json

@@ -0,0 +1,62 @@
+{
+ "type": "panels",
+ "style": "report",
+ "chart": "groups",
+ "title": "The cheaper plan answers almost as fast as the premium one",
+ "note": "Share of tickets answered within an hour",
+ "unit": "%",
+ "max": 100,
+ "series": [
+  "Basic",
+  "Standard",
+  "Premium"
+ ],
+ "accent": {
+  "series": "Standard"
+ },
+ "panels": [
+  {
+   "label": "Email",
+   "groups": [
+    {
+     "label": "Weekdays",
+     "values": [
+      61,
+      84,
+      89
+     ]
+    },
+    {
+     "label": "Weekends",
+     "values": [
+      38,
+      70,
+      74
+     ]
+    }
+   ]
+  },
+  {
+   "label": "Chat",
+   "groups": [
+    {
+     "label": "Weekdays",
+     "values": [
+      72,
+      91,
+      94
+     ]
+    },
+    {
+     "label": "Weekends",
+     "values": [
+      55,
+      83,
+      86
+     ]
+    }
+   ]
+  }
+ ],
+ "source": "Invented example data"
+}

package/examples/charts/scatter.json

@@ -0,0 +1,6 @@
+{ "type": "scatter", "style": "report", "title": "Bigger pull requests wait longer for review",
+  "note": "One dot per merged pull request", "x": { "label": "Lines changed", "log": true }, "y": { "label": "Time to first review", "time": "hours", "zero": true },
+  "points": [ {"x":12,"y":1.5},{"x":30,"y":2.1},{"x":8,"y":0.6},{"x":45,"y":3.2},{"x":120,"y":5.5},{"x":260,"y":9.1},{"x":75,"y":2.8},
+              {"x":18,"y":1.1},{"x":540,"y":22.0,"label":"Search rewrite","tone":"accent"},{"x":95,"y":6.0},{"x":160,"y":4.2},{"x":22,"y":3.9},
+              {"x":64,"y":2.2},{"x":310,"y":12.5},{"x":40,"y":1.8},{"x":5,"y":0.4},{"x":210,"y":7.7},{"x":880,"y":30.5},{"x":15,"y":0.9},{"x":130,"y":3.6} ],
+  "source": "Invented example data" }

package/examples/charts/sequence.json

@@ -0,0 +1,67 @@
+{
+  "type": "sequence",
+  "title": "The shopper has an order number before the receipt is sent",
+  "participants": [
+    {
+      "id": "app",
+      "name": "Shop app",
+      "kind": "browser"
+    },
+    {
+      "id": "api",
+      "name": "Checkout API"
+    },
+    {
+      "id": "pay",
+      "name": "Card processor"
+    },
+    {
+      "id": "mail",
+      "name": "Email queue"
+    }
+  ],
+  "messages": [
+    {
+      "from": "app",
+      "to": "api",
+      "label": "Place order"
+    },
+    {
+      "from": "api",
+      "to": "api",
+      "label": "Check stock and price"
+    },
+    {
+      "from": "api",
+      "to": "pay",
+      "label": "Charge the card",
+      "tone": "accent"
+    },
+    {
+      "from": "pay",
+      "to": "api",
+      "label": "Approved or declined",
+      "reply": true,
+      "tone": "accent"
+    },
+    {
+      "from": "api",
+      "to": "app",
+      "label": "Order number",
+      "reply": true
+    },
+    {
+      "from": "api",
+      "to": "mail",
+      "label": "Send the receipt",
+      "note": "within a minute"
+    }
+  ],
+  "repeats": [
+    {
+      "from": 3,
+      "to": 4,
+      "label": "Up to 3 tries"
+    }
+  ]
+}

package/examples/charts/series-range.json

@@ -0,0 +1,6 @@
+{ "type": "series", "style": "report", "title": "The weekly pass rate dipped in week 6, beyond its usual range",
+  "note": "Share of test runs that passed, each week", "unit": "%", "zero": false, "range": "likely range (95%)",
+  "points": [ {"x":1,"y":91,"low":86,"high":94}, {"x":2,"y":93,"low":88,"high":96}, {"x":3,"y":90,"low":85,"high":94},
+              {"x":4,"y":92,"low":87,"high":95}, {"x":5,"y":91,"low":86,"high":95}, {"x":6,"y":79,"low":72,"high":85},
+              {"x":7,"y":89,"low":84,"high":93}, {"x":8,"y":92,"low":87,"high":95} ],
+  "mark": { "x": 6, "label": "79%, week 6" }, "source": "Invented example data" }

package/examples/charts/units.json

@@ -0,0 +1,4 @@
+{ "type": "units", "style": "report", "title": "11 of the 29 flagged days were real problems",
+  "note": "One square per day the monitor flagged in October", "total": 29,
+  "parts": [ { "label": "real problems", "count": 11 } ], "rest": "false alarms",
+  "source": "Invented example data" }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@liggi/figkit",
-  "version": "0.2.0",
+  "version": "0.4.0",
   "description": "Explanatory figures for agents and people: write a little HTML or a chart spec, get a laid-out PNG and a list of what is wrong with it.",
   "license": "MIT",
   "type": "module",