@howells/hairline 0.0.0-stage → 0.2.0

package/lib/index.js

@@ -0,0 +1,72 @@
+"use client";
+import { DumbbellQueue as e } from "./charts/basics/dumbbell-queue.js";
+import { HairlineArea as t } from "./charts/basics/hairline-area.js";
+import { HairlineLine as n } from "./charts/basics/hairline-line.js";
+import { PlumbScatter as r } from "./charts/basics/plumb-scatter.js";
+import { RungBars as i } from "./charts/basics/rung-bars.js";
+import { Slope as a } from "./charts/board/slope.js";
+import { Candlestick as o } from "./charts/basics/candlestick.js";
+import { DotHeat as s } from "./charts/basics/dot-heat.js";
+import { NestedTreemap as c } from "./charts/basics/nested-treemap.js";
+import { PairedRungs as l } from "./charts/basics/paired-rungs.js";
+import { RungHistogram as u } from "./charts/basics/rung-histogram.js";
+import { RungWaterfall as d } from "./charts/basics/rung-waterfall.js";
+import { StackedRungs as f } from "./charts/basics/stacked-rungs.js";
+import { StreamRibbon as p } from "./charts/basics/stream-ribbon.js";
+import { TickBox as m } from "./charts/basics/tick-box.js";
+import { TickDonut as h } from "./charts/basics/tick-donut.js";
+import { TickGauge as g } from "./charts/basics/tick-gauge.js";
+import { TickRows as _ } from "./charts/basics/tick-rows.js";
+import { CircularGraph as v } from "./charts/big/circular-graph.js";
+import { ForceGalaxy as y } from "./charts/big/force-galaxy.js";
+import { ThreadTriptych as b } from "./charts/big/thread-triptych.js";
+import { AreaDifference as x } from "./charts/forms/area-difference.js";
+import { BrushedOverview as S } from "./charts/forms/brushed-overview.js";
+import { ChordRing as C } from "./charts/forms/chord-ring.js";
+import { CirclePack as w } from "./charts/forms/circle-pack.js";
+import { HatchedStack as T } from "./charts/forms/hatched-stack.js";
+import { RadialYear as E } from "./charts/forms/radial-year.js";
+import { AggregateSankey as D } from "./charts/glance/aggregate-sankey.js";
+import { BarRace as O } from "./charts/glance/bar-race.js";
+import { BigSlice as k } from "./charts/glance/big-slice.js";
+import { ChunkyBars as A } from "./charts/glance/chunky-bars.js";
+import { CircularGraph as j } from "./charts/glance/circular-graph.js";
+import { DivergingBar as M } from "./charts/glance/diverging-bar.js";
+import { DotWaffle as N } from "./charts/glance/dot-waffle.js";
+import { DrawIn as P } from "./charts/glance/draw-in.js";
+import { DynamicStream as F } from "./charts/glance/dynamic-stream.js";
+import { ForceGraph as I } from "./charts/glance/force-graph.js";
+import { JitterStrip as L } from "./charts/glance/jitter-strip.js";
+import { MatrixHeatGlance as R } from "./charts/glance/matrix-heat-glance.js";
+import { PictorialBar as z } from "./charts/glance/pictorial-bar.js";
+import { RainfallDualArea as B } from "./charts/glance/rainfall-dual-area.js";
+import { RankStrip as V } from "./charts/glance/rank-strip.js";
+import { ScatterMorph as H } from "./charts/glance/scatter-morph.js";
+import { SingleAxis as U } from "./charts/glance/single-axis.js";
+import { StaggerWave as W } from "./charts/glance/stagger-wave.js";
+import { TreeLR as G } from "./charts/glance/tree-lr.js";
+import { Violin as K } from "./charts/glance/violin.js";
+import { ArcMatrix as q } from "./charts/lupi/arc-matrix.js";
+import { BallotTally as J } from "./charts/lupi/ballot-tally.js";
+import { BarcodeLollipop as Y } from "./charts/lupi/barcode-lollipop.js";
+import { BrandSpectrum as X } from "./charts/lupi/brand-spectrum.js";
+import { BubbleAlmanac as Z } from "./charts/lupi/bubble-almanac.js";
+import { CalendarHeat as Q } from "./charts/lupi/calendar-heat.js";
+import { ClusterField as $ } from "./charts/lupi/cluster-field.js";
+import { DotCascade as ee } from "./charts/lupi/dot-cascade.js";
+import { DottyMatrix as te } from "./charts/lupi/dotty-matrix.js";
+import { HourglassStream as ne } from "./charts/lupi/hourglass-stream.js";
+import { HundredField as re } from "./charts/lupi/hundred-field.js";
+import { LaunchFan as ie } from "./charts/lupi/launch-fan.js";
+import { MatrixHeat as ae } from "./charts/lupi/matrix-heat.js";
+import { ParallelCoordinates as oe } from "./charts/lupi/parallel-coordinates.js";
+import { RadialConvergence as se } from "./charts/lupi/radial-convergence.js";
+import { RadialPatchwork as ce } from "./charts/lupi/radial-patchwork.js";
+import { Ridgeline as le } from "./charts/lupi/ridgeline.js";
+import { TrendLineage as ue } from "./charts/lupi/trend-lineage.js";
+import { TypeColonnade as de } from "./charts/lupi/type-colonnade.js";
+import { DailyUsers as fe } from "./charts/originals/daily-users.js";
+import { FeatureRank as pe } from "./charts/originals/feature-rank.js";
+import { ResponseTime as me } from "./charts/originals/response-time.js";
+import { RevenueByPlan as he } from "./charts/originals/revenue-by-plan.js";
+export { D as AggregateSankey, q as ArcMatrix, x as AreaDifference, J as BallotTally, O as BarRace, Y as BarcodeLollipop, k as BigSlice, X as BrandSpectrum, S as BrushedOverview, Z as BubbleAlmanac, Q as CalendarHeat, o as Candlestick, C as ChordRing, A as ChunkyBars, w as CirclePack, v as CircularBeadGraph, j as CircularGraph, $ as ClusterField, fe as DailyUsers, M as DivergingBar, ee as DotCascade, s as DotHeat, N as DotWaffle, te as DottyMatrix, P as DrawIn, e as DumbbellQueue, F as DynamicStream, pe as FeatureRank, y as ForceGalaxy, I as ForceGraph, t as HairlineArea, n as HairlineLine, T as HatchedStack, ne as HourglassStream, re as HundredField, L as JitterStrip, ie as LaunchFan, ae as MatrixHeat, R as MatrixHeatGlance, c as NestedTreemap, l as PairedRungs, oe as ParallelCoordinates, z as PictorialBar, r as PlumbScatter, se as RadialConvergence, ce as RadialPatchwork, E as RadialYear, B as RainfallDualArea, V as RankStrip, me as ResponseTime, he as RevenueByPlan, le as Ridgeline, i as RungBars, u as RungHistogram, d as RungWaterfall, H as ScatterMorph, U as SingleAxis, a as Slope, f as StackedRungs, W as StaggerWave, p as StreamRibbon, b as ThreadTriptych, m as TickBox, h as TickDonut, g as TickGauge, _ as TickRows, G as TreeLR, ue as TrendLineage, de as TypeColonnade, K as Violin };

package/lib/json-schema/dumbbell-queue.json

@@ -0,0 +1,258 @@
+{
+  "$schema": "https://json-schema.org/draft/2020-12/schema",
+  "type": "object",
+  "properties": {
+    "note": {
+      "deprecated": true,
+      "description": "Deprecated: use `unitNote`.",
+      "type": "string"
+    },
+    "unitNote": {
+      "description": "The in-plot key under the axis.",
+      "type": "string"
+    },
+    "animate": {
+      "description": "When the entry draws in: \"scroll\" as the chart scrolls into view, \"mount\" at once, \"off\" never (drawn, and ready, in the first HTML). The default is \"off\" for a fixed-size chart and \"scroll\" for a responsive one. Under reduced motion the chart is drawn in the first paint.",
+      "type": "string",
+      "enum": [
+        "scroll",
+        "mount",
+        "off"
+      ]
+    },
+    "replayKey": {
+      "description": "Change it to replay the entry without remounting the chart.",
+      "type": [
+        "string",
+        "number"
+      ]
+    },
+    "fit": {
+      "description": "Fill the container's width at the chart's aspect ratio. Wins over `scale`.",
+      "type": "boolean"
+    },
+    "scale": {
+      "description": "Slides: draw at the logical width, then show the composition this many times larger, type and textures with it.",
+      "type": "number",
+      "exclusiveMinimum": 0
+    },
+    "strokes": {
+      "description": "\"device\" keeps every stroke at one device pixel, and is the default when the chart is scaled (`scale` or `fit`); \"proportional\" scales strokes with the composition. It acts on stroked geometry only (rules, lines, rings, outlines): filled marks, such as the bars of RungBars, scale either way.",
+      "type": "string",
+      "enum": [
+        "proportional",
+        "device"
+      ]
+    },
+    "idPrefix": {
+      "description": "Leads every SVG id, to separate charts rendered in separate React roots on one page.",
+      "type": "string",
+      "pattern": "^[A-Za-z][\\w-]*$"
+    },
+    "metrics": {
+      "description": "Glyph widths of a face other than Inter, so notes wrap and reserve room for it.",
+      "type": "object",
+      "properties": {
+        "advances": {
+          "type": "object",
+          "propertyNames": {
+            "type": "string",
+            "minLength": 1,
+            "maxLength": 1
+          },
+          "additionalProperties": {
+            "type": "number",
+            "exclusiveMinimum": 0
+          }
+        },
+        "fallback": {
+          "type": "number",
+          "exclusiveMinimum": 0
+        },
+        "tabular": {
+          "type": "number",
+          "exclusiveMinimum": 0
+        }
+      },
+      "required": [
+        "advances",
+        "fallback"
+      ],
+      "additionalProperties": false
+    },
+    "table": {
+      "description": "Show the data table to sighted readers too. It is always there for screen readers.",
+      "type": "boolean"
+    },
+    "title": {
+      "description": "The chart's accessible name. Each chart has a default that reads the data.",
+      "type": "string",
+      "minLength": 1
+    },
+    "alert": {
+      "description": "Which direction of change is drawn in the alert colour. Defaults to a rise.",
+      "type": "string",
+      "enum": [
+        "fall",
+        "rise"
+      ]
+    },
+    "data": {
+      "minItems": 1,
+      "maxItems": 12,
+      "type": "array",
+      "items": {
+        "type": "object",
+        "properties": {
+          "after": {
+            "type": "number",
+            "description": "The later value."
+          },
+          "before": {
+            "type": "number",
+            "description": "The earlier value."
+          },
+          "id": {
+            "description": "A unique key, for when two rows share a label.",
+            "type": "string",
+            "minLength": 1
+          },
+          "label": {
+            "type": "string",
+            "description": "Names the row, and is its key unless `id` is given."
+          }
+        },
+        "required": [
+          "after",
+          "before",
+          "label"
+        ],
+        "additionalProperties": false
+      },
+      "description": "The rows, 1 to 12."
+    },
+    "emphasis": {
+      "description": "The row to draw in the hero colour, by key. Defaults to the biggest change.",
+      "type": "string"
+    },
+    "ends": {
+      "description": "Axis end labels: [low end, high end].",
+      "type": "array",
+      "prefixItems": [
+        {
+          "type": "string"
+        },
+        {
+          "type": "string"
+        }
+      ],
+      "items": false,
+      "minItems": 2,
+      "maxItems": 2
+    },
+    "format": {
+      "description": "How values print: a preset name or Intl number-format options.",
+      "anyOf": [
+        {
+          "type": "string",
+          "enum": [
+            "integer",
+            "decimal",
+            "compact",
+            "percent"
+          ]
+        },
+        {
+          "type": "object",
+          "properties": {
+            "compactDisplay": {
+              "type": "string",
+              "enum": [
+                "short",
+                "long"
+              ]
+            },
+            "currency": {
+              "type": "string",
+              "minLength": 3,
+              "maxLength": 3
+            },
+            "locale": {
+              "type": "string",
+              "minLength": 2
+            },
+            "maximumFractionDigits": {
+              "type": "integer",
+              "minimum": 0,
+              "maximum": 20
+            },
+            "minimumFractionDigits": {
+              "type": "integer",
+              "minimum": 0,
+              "maximum": 20
+            },
+            "notation": {
+              "type": "string",
+              "enum": [
+                "standard",
+                "compact"
+              ]
+            },
+            "signDisplay": {
+              "type": "string",
+              "enum": [
+                "auto",
+                "always",
+                "exceptZero",
+                "never"
+              ]
+            },
+            "style": {
+              "type": "string",
+              "enum": [
+                "decimal",
+                "percent",
+                "currency",
+                "unit"
+              ]
+            },
+            "unit": {
+              "type": "string"
+            },
+            "useGrouping": {
+              "type": "boolean"
+            }
+          },
+          "additionalProperties": false
+        }
+      ]
+    },
+    "height": {
+      "description": "Fixed height in px. Without it the chart is 380 tall.",
+      "type": "integer",
+      "exclusiveMinimum": 0,
+      "maximum": 9007199254740991
+    },
+    "initialWidth": {
+      "description": "Responsive mode only: the width of the first render, before measuring.",
+      "type": "integer",
+      "exclusiveMinimum": 0,
+      "maximum": 9007199254740991
+    },
+    "unit": {
+      "description": "Size of one rung in data units: the gap counts off in these.",
+      "type": "number",
+      "exclusiveMinimum": 0
+    },
+    "width": {
+      "description": "Fixed width in px. Giving it turns measuring off.",
+      "type": "integer",
+      "exclusiveMinimum": 0,
+      "maximum": 9007199254740991
+    }
+  },
+  "required": [
+    "data"
+  ],
+  "additionalProperties": false
+}

package/lib/json-schema/hairline-area.json

@@ -0,0 +1,262 @@
+{
+  "$schema": "https://json-schema.org/draft/2020-12/schema",
+  "type": "object",
+  "properties": {
+    "note": {
+      "deprecated": true,
+      "description": "Deprecated: use `unitNote`.",
+      "type": "string"
+    },
+    "unitNote": {
+      "description": "The in-plot key under the axis.",
+      "type": "string"
+    },
+    "animate": {
+      "description": "When the entry draws in: \"scroll\" as the chart scrolls into view, \"mount\" at once, \"off\" never (drawn, and ready, in the first HTML). The default is \"off\" for a fixed-size chart and \"scroll\" for a responsive one. Under reduced motion the chart is drawn in the first paint.",
+      "type": "string",
+      "enum": [
+        "scroll",
+        "mount",
+        "off"
+      ]
+    },
+    "replayKey": {
+      "description": "Change it to replay the entry without remounting the chart.",
+      "type": [
+        "string",
+        "number"
+      ]
+    },
+    "fit": {
+      "description": "Fill the container's width at the chart's aspect ratio. Wins over `scale`.",
+      "type": "boolean"
+    },
+    "scale": {
+      "description": "Slides: draw at the logical width, then show the composition this many times larger, type and textures with it.",
+      "type": "number",
+      "exclusiveMinimum": 0
+    },
+    "strokes": {
+      "description": "\"device\" keeps every stroke at one device pixel, and is the default when the chart is scaled (`scale` or `fit`); \"proportional\" scales strokes with the composition. It acts on stroked geometry only (rules, lines, rings, outlines): filled marks, such as the bars of RungBars, scale either way.",
+      "type": "string",
+      "enum": [
+        "proportional",
+        "device"
+      ]
+    },
+    "idPrefix": {
+      "description": "Leads every SVG id, to separate charts rendered in separate React roots on one page.",
+      "type": "string",
+      "pattern": "^[A-Za-z][\\w-]*$"
+    },
+    "metrics": {
+      "description": "Glyph widths of a face other than Inter, so notes wrap and reserve room for it.",
+      "type": "object",
+      "properties": {
+        "advances": {
+          "type": "object",
+          "propertyNames": {
+            "type": "string",
+            "minLength": 1,
+            "maxLength": 1
+          },
+          "additionalProperties": {
+            "type": "number",
+            "exclusiveMinimum": 0
+          }
+        },
+        "fallback": {
+          "type": "number",
+          "exclusiveMinimum": 0
+        },
+        "tabular": {
+          "type": "number",
+          "exclusiveMinimum": 0
+        }
+      },
+      "required": [
+        "advances",
+        "fallback"
+      ],
+      "additionalProperties": false
+    },
+    "table": {
+      "description": "Show the data table to sighted readers too. It is always there for screen readers.",
+      "type": "boolean"
+    },
+    "title": {
+      "description": "The chart's accessible name. Each chart has a default that reads the data.",
+      "type": "string",
+      "minLength": 1
+    },
+    "data": {
+      "minItems": 1,
+      "maxItems": 731,
+      "type": "array",
+      "items": {
+        "type": "object",
+        "properties": {
+          "date": {
+            "anyOf": [
+              {
+                "type": "string",
+                "format": "date",
+                "pattern": "^(?:(?:\\d\\d[2468][048]|\\d\\d[13579][26]|\\d\\d0[48]|[02468][048]00|[13579][26]00)-02-29|\\d{4}-(?:(?:0[13578]|1[02])-(?:0[1-9]|[12]\\d|3[01])|(?:0[469]|11)-(?:0[1-9]|[12]\\d|30)|(?:02)-(?:0[1-9]|1\\d|2[0-8])))$"
+              },
+              {
+                "type": "string",
+                "format": "date-time",
+                "pattern": "^(?:(?:\\d\\d[2468][048]|\\d\\d[13579][26]|\\d\\d0[48]|[02468][048]00|[13579][26]00)-02-29|\\d{4}-(?:(?:0[13578]|1[02])-(?:0[1-9]|[12]\\d|3[01])|(?:0[469]|11)-(?:0[1-9]|[12]\\d|30)|(?:02)-(?:0[1-9]|1\\d|2[0-8])))T(?:(?:[01]\\d|2[0-3]):[0-5]\\d:[0-5]\\d(?:\\.\\d+)?(?:Z))$"
+              }
+            ],
+            "description": "The day of the reading, as an ISO date or date-time."
+          },
+          "id": {
+            "description": "Names the reading, and is its key; without it the date is.",
+            "type": "string",
+            "minLength": 1
+          },
+          "value": {
+            "description": "The reading. Null is a day with no reading, drawn as a gap.",
+            "type": [
+              "number",
+              "null"
+            ]
+          }
+        },
+        "required": [
+          "date",
+          "value"
+        ],
+        "additionalProperties": false
+      },
+      "description": "Readings by date, in any order. A null value is a gap."
+    },
+    "dateFormat": {
+      "description": "How dates print on the axis and in the tooltip. Defaults to day-month.",
+      "type": "string",
+      "enum": [
+        "day-month",
+        "day-month-year",
+        "month-year"
+      ]
+    },
+    "emphasis": {
+      "description": "The reading to draw in the hero colour, by key. Defaults to the peak.",
+      "type": "string"
+    },
+    "format": {
+      "description": "How values print: a preset name or Intl number-format options.",
+      "anyOf": [
+        {
+          "type": "string",
+          "enum": [
+            "integer",
+            "decimal",
+            "compact",
+            "percent"
+          ]
+        },
+        {
+          "type": "object",
+          "properties": {
+            "compactDisplay": {
+              "type": "string",
+              "enum": [
+                "short",
+                "long"
+              ]
+            },
+            "currency": {
+              "type": "string",
+              "minLength": 3,
+              "maxLength": 3
+            },
+            "locale": {
+              "type": "string",
+              "minLength": 2
+            },
+            "maximumFractionDigits": {
+              "type": "integer",
+              "minimum": 0,
+              "maximum": 20
+            },
+            "minimumFractionDigits": {
+              "type": "integer",
+              "minimum": 0,
+              "maximum": 20
+            },
+            "notation": {
+              "type": "string",
+              "enum": [
+                "standard",
+                "compact"
+              ]
+            },
+            "signDisplay": {
+              "type": "string",
+              "enum": [
+                "auto",
+                "always",
+                "exceptZero",
+                "never"
+              ]
+            },
+            "style": {
+              "type": "string",
+              "enum": [
+                "decimal",
+                "percent",
+                "currency",
+                "unit"
+              ]
+            },
+            "unit": {
+              "type": "string"
+            },
+            "useGrouping": {
+              "type": "boolean"
+            }
+          },
+          "additionalProperties": false
+        }
+      ]
+    },
+    "height": {
+      "description": "Fixed height in px. Without it an area chart is 440 tall.",
+      "type": "integer",
+      "exclusiveMinimum": 0,
+      "maximum": 9007199254740991
+    },
+    "initialWidth": {
+      "description": "Responsive mode only: the width of the first render, before measuring.",
+      "type": "integer",
+      "exclusiveMinimum": 0,
+      "maximum": 9007199254740991
+    },
+    "maxWidth": {
+      "description": "Widest the plot gets, in px. Defaults to 640.",
+      "type": "number",
+      "exclusiveMinimum": 0
+    },
+    "ticks": {
+      "description": "Value-axis ticks, ascending; the scale runs from 0 to the last.",
+      "minItems": 2,
+      "maxItems": 12,
+      "type": "array",
+      "items": {
+        "type": "number"
+      }
+    },
+    "width": {
+      "description": "Fixed width in px. Giving it turns measuring off.",
+      "type": "integer",
+      "exclusiveMinimum": 0,
+      "maximum": 9007199254740991
+    }
+  },
+  "required": [
+    "data"
+  ],
+  "additionalProperties": false
+}