prographs 0.12.0 → 0.13.0

package/CHANGELOG.md

@@ -2,7 +2,15 @@
 
 Every release of `prographs`, newest first. Up to 0.11.0 the package was named `@mstone6969/graph`. Each section is a short summary; the linked notes have the details, the measurements and the limits. Dates are the day of the release commit in git. Semantic versioning starts at 1.0.0 (see [docs/VERSIONING.md](docs/VERSIONING.md)).
 
-## 0.12.0 (unreleased)
+## 0.13.0 (unreleased)
+
+A minor release. Full notes: [docs/release-0.13.0.md](docs/release-0.13.0.md).
+
+New:
+
+- 19 chart classes, 960 in all: five 3D charts in a new `threefields` module (loss landscape, compressor map and BSFC surfaces, terrain with a route, 3D wafer map), cap table, burn and runway, Kanban board, OKR tree, Bass diffusion, UML component and deployment diagrams, SIPOC, power-duration curve, training load, Punnett square, antenna radiation pattern, Keltner channels as its own class, and a species accumulation curve with extrapolation.
+
+## 0.12.0 (2026-11-11)
 
 A minor release. Full notes: [docs/release-0.12.0.md](docs/release-0.12.0.md).
 

package/README.md

@@ -6,7 +6,7 @@ A class-based chart library for React. Every chart is a TypeScript class with a
 
 Up to 0.11.0 this package was published as `@mstone6969/graph`. From 0.12.0 it is `prographs`: install the new name and change your imports. The API is the same.
 
-**941 chart classes (828 d3/SVG, 113 three.js/WebGL) expand to 47,548 variant combinations (40,443 2D, 7,105 3D).** A type is one class with one combination of its variant axes, for example `bar.horizontal.stacked`. Every type passes a test proving its geometry differs from its siblings, so this counts configurations, not 47,548 separately designed forms.
+**960 chart classes (842 d3/SVG, 118 three.js/WebGL) expand to 47,906 variant combinations (40,681 2D, 7,225 3D).** A type is one class with one combination of its variant axes, for example `bar.horizontal.stacked`. Every type passes a test proving its geometry differs from its siblings, so this counts configurations, not 47,906 separately designed forms.
 
 The count comes from `yarn vitest run src/catalog.test.ts`, which prints it. A class such as `BarChart` is one piece of code; its declared variant axes (orientation, stacking, padding) multiply into chart types, so hand-written classes are far fewer than types.
 
@@ -105,7 +105,7 @@ useEffect(() => socket.subscribe(live.append), [live.append])
 return <Graph chart={live.chart} />
 ```
 
-**Supported:** 783 of the 941 classes append with their sample data. Rows (flat or long form, `{ date, series, value }`) cover table, matrix, geo-point and text charts. Graphs take `{ nodes, links }`, trees `{ name, value, parent }`, matrices `{ row, values }` or `{ row, column, value }`, grids `{ y, z }` or `{ x, z }`, and columnar massive data `{ x: [...], y: [...] }`. 3D charts, function, volume and genome data, choropleth regions, and graph, grid or matrix charts whose data is in another form throw a clear error from `append` and `pause` that names `update({ data })`.
+**Supported:** 797 of the 960 classes append with their sample data. Rows (flat or long form, `{ date, series, value }`) cover table, matrix, geo-point and text charts. Graphs take `{ nodes, links }`, trees `{ name, value, parent }`, matrices `{ row, values }` or `{ row, column, value }`, grids `{ y, z }` or `{ x, z }`, and columnar massive data `{ x: [...], y: [...] }`. 3D charts, function, volume and genome data, choropleth regions, and graph, grid or matrix charts whose data is in another form throw a clear error from `append` and `pause` that names `update({ data })`.
 
 **Motion:** cartesian charts whose x and y are both continuous slide. Each paint draws final geometry, then the marks, ticks and grid decay smoothly from where they last appeared, so a spike rescales instead of jumping, and marks are clipped to the plot only while they move. Charts with a band or point axis, a zoom or brush, their own `draw`, or no axes morph each mark with its usual transition instead. Massive charts draw on a canvas, so they and their axes repaint in one step. `animate: false` and reduced motion paint straight through.
 
@@ -146,7 +146,7 @@ controller.focus({ x: [20, 30] }) // a portion of a 2D chart
 controller.orbit(30).focus({ x: 0, y: 0.2, z: 0, distance: 2 }) // a 3D chart
 ```
 
-`AutoGraph` takes rows, arrays, objects, trees, graphs, or CSV, TSV or JSON text, and draws them in the form that fits. It weighs all 941 chart classes: a long decision tree reads the form of the data, what its columns are called and its shape, says why in `reason`, and ranks every other chart that can read your columns in `recommendations`. The whole catalog comes with it, so `AutoGraph` is far larger than one chart. Repeated labels are summed when the column sounds like an amount and shown as a spread otherwise, so check that when your values are averages or rates.
+`AutoGraph` takes rows, arrays, objects, trees, graphs, or CSV, TSV or JSON text, and draws them in the form that fits. It weighs all 960 chart classes: a long decision tree reads the form of the data, what its columns are called and its shape, says why in `reason`, and ranks every other chart that can read your columns in `recommendations`. The whole catalog comes with it, so `AutoGraph` is far larger than one chart. Repeated labels are summed when the column sounds like an amount and shown as a spread otherwise, so check that when your values are averages or rates.
 
 ```ts
 const auto = new AutoGraph({ data: csvText }).mount(host)
@@ -494,6 +494,8 @@ import { FaultTree, Graph, GraphType, Wardley } from 'prographs'
 <Graph type={GraphType.EpidemicCurve} data={cases} />
 ```
 
+**Added in 0.13.0.** Nineteen more: five 3D charts in `threefields` (`LossLandscape3D`, `CompressorMap3D`, `BsfcMap3D`, `TerrainRoute3D`, `WaferMap3D`, each taking its 2D form's data), `CapTable`, `BurnRunway`, `KanbanBoardGraph`, `OkrTreeGraph` and `BassDiffusion` in `strategycharts`, the UML component and deployment diagrams, `Sipoc`, `PowerDurationCurveGraph` and `TrainingLoad` in `sportscharts`, `PunnettSquareGraph`, `AntennaPattern`, `KeltnerChannel` and `SpeciesAccumulationCurveGraph`.
+
 The clinical forms in `carecharts` draw the data they are given and are not diagnostic tools. The indicators in `tradingcharts` are not advice. A few reference shapes (Gibbs fields, Hjulström curves, the expanded Durov layout, Tanabe-Sugano energies) are approximations: see [docs/release-0.12.0.md](docs/release-0.12.0.md).
 
 ## Maps
@@ -612,7 +614,7 @@ The full rules are in [AUTHORING.md](AUTHORING.md). A chart is finished when `ya
 
 ## Site
 
-The site is at <https://malcolmston.github.io/graph/>. It covers the 941 chart classes with a page per chart, a family page for each of the 21 families, guides and reference docs, and a playground that runs TSX in the browser. Sample data is labelled as such. `gallery/` holds its source, and `.github/workflows/pages.yml` deploys it on every push to `main`.
+The site is at <https://malcolmston.github.io/graph/>. It covers the 960 chart classes with a page per chart, a family page for each of the 21 families, guides and reference docs, and a playground that runs TSX in the browser. Sample data is labelled as such. `gallery/` holds its source, and `.github/workflows/pages.yml` deploys it on every push to `main`.
 
 [`chart.json`](chart.json) lists every chart class as data: id, class and component names, title, description, family, dimension, data shape, module, tags, number of types and variant options. `yarn generate` keeps it current.
 

package/dist/AutoGraph-PDPEAIXL.cjs

@@ -0,0 +1,145 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+var _chunk3ZMM3FSKcjs = require('./chunk-3ZMM3FSK.cjs');
+require('./chunk-KVOX36J3.cjs');
+require('./chunk-XUIX45VU.cjs');
+require('./chunk-2GG5YYSC.cjs');
+require('./chunk-RJHGCUUD.cjs');
+require('./chunk-XWH46PVJ.cjs');
+require('./chunk-KLXGLMFU.cjs');
+require('./chunk-VV5CVOF7.cjs');
+require('./chunk-DEY36N37.cjs');
+require('./chunk-U7Z7XYR2.cjs');
+require('./chunk-RSONDMYW.cjs');
+require('./chunk-EYM6LEIF.cjs');
+require('./chunk-VYSAWPSS.cjs');
+require('./chunk-4E7FSSBF.cjs');
+require('./chunk-LSO46AFV.cjs');
+require('./chunk-EIRZGGVO.cjs');
+require('./chunk-EZTYX2GH.cjs');
+require('./chunk-Y5XVMK3K.cjs');
+require('./chunk-X7R5SY62.cjs');
+require('./chunk-7F6W6HKL.cjs');
+require('./chunk-2PYOI7OY.cjs');
+require('./chunk-VIK4L2YF.cjs');
+require('./chunk-SN4FCXFC.cjs');
+require('./chunk-PPO6SDAN.cjs');
+require('./chunk-L7TB7PU5.cjs');
+require('./chunk-SN5T7WYO.cjs');
+require('./chunk-MYV4KZWP.cjs');
+require('./chunk-PEJJ6TXJ.cjs');
+require('./chunk-ZQINOZBJ.cjs');
+require('./chunk-ATI45Z4M.cjs');
+require('./chunk-6HLXVWXU.cjs');
+require('./chunk-NY3TBZY4.cjs');
+require('./chunk-D4I35MCE.cjs');
+require('./chunk-EULJOOMA.cjs');
+require('./chunk-Q3HB3IX6.cjs');
+require('./chunk-EDE6CIOQ.cjs');
+require('./chunk-PPGWHIU7.cjs');
+require('./chunk-VMS3KWYI.cjs');
+require('./chunk-4767WQJ7.cjs');
+require('./chunk-GEAIGM3J.cjs');
+require('./chunk-J3CDXZHF.cjs');
+require('./chunk-7L6KYU5A.cjs');
+require('./chunk-DXHXD3DK.cjs');
+require('./chunk-3U4MCSKI.cjs');
+require('./chunk-A4GIN4FE.cjs');
+require('./chunk-55767YPI.cjs');
+require('./chunk-T3APAIZP.cjs');
+require('./chunk-AOXPBLPW.cjs');
+require('./chunk-MRQ42ZJE.cjs');
+require('./chunk-SL46XHUK.cjs');
+require('./chunk-CZ5KGF6Q.cjs');
+require('./chunk-2BO5DZUP.cjs');
+require('./chunk-6YTWOUFD.cjs');
+require('./chunk-ITLUWFSU.cjs');
+require('./chunk-A4US7SA7.cjs');
+require('./chunk-XS5S7JBE.cjs');
+require('./chunk-UA2THQFV.cjs');
+require('./chunk-H3SZXND5.cjs');
+require('./chunk-2GL2VNJU.cjs');
+require('./chunk-VU5NUD46.cjs');
+require('./chunk-LLULNJSP.cjs');
+require('./chunk-OMTQIQMN.cjs');
+require('./chunk-526STI2S.cjs');
+require('./chunk-TICB3MAC.cjs');
+require('./chunk-5N4Z7MTS.cjs');
+require('./chunk-W7YRWEWQ.cjs');
+require('./chunk-HEEJLL5D.cjs');
+require('./chunk-PUMKX5F2.cjs');
+require('./chunk-DN5ND7ZD.cjs');
+require('./chunk-SGMB5HSQ.cjs');
+require('./chunk-E7B45DBZ.cjs');
+require('./chunk-4VWNDCUS.cjs');
+require('./chunk-MZXVLC24.cjs');
+require('./chunk-RXB6GF7I.cjs');
+require('./chunk-S4BA62VO.cjs');
+require('./chunk-EJC6EAC5.cjs');
+require('./chunk-T23ELH7S.cjs');
+require('./chunk-JQEBSHX3.cjs');
+require('./chunk-YIB3K2WM.cjs');
+require('./chunk-OPUDMS55.cjs');
+require('./chunk-JAU5ADEU.cjs');
+require('./chunk-6JK43MSV.cjs');
+require('./chunk-RBMUOIXE.cjs');
+require('./chunk-TOX7G74V.cjs');
+require('./chunk-Q5A2TY2A.cjs');
+require('./chunk-NEVHPFWR.cjs');
+require('./chunk-OGVVSFAR.cjs');
+require('./chunk-SRQSXNSP.cjs');
+require('./chunk-NEXADWQS.cjs');
+require('./chunk-Y67KUBL3.cjs');
+require('./chunk-YCNKEDTG.cjs');
+require('./chunk-26PSLEP4.cjs');
+require('./chunk-PPLJR4GR.cjs');
+require('./chunk-PXBYWCNB.cjs');
+require('./chunk-YEF7SE3X.cjs');
+require('./chunk-HS45TOFJ.cjs');
+require('./chunk-INGOG6OV.cjs');
+require('./chunk-SYABFMD7.cjs');
+require('./chunk-CM7X3KFU.cjs');
+require('./chunk-MPDHDKYZ.cjs');
+require('./chunk-YMTVPMU3.cjs');
+require('./chunk-XOK3KTSS.cjs');
+require('./chunk-D4VWTB2R.cjs');
+require('./chunk-JPKFXBX6.cjs');
+require('./chunk-BUF4TBJA.cjs');
+require('./chunk-CPPMO4IQ.cjs');
+require('./chunk-SHMPFCUE.cjs');
+require('./chunk-M4IQ5LIZ.cjs');
+require('./chunk-L6BGNHFL.cjs');
+require('./chunk-DCGAAN3Z.cjs');
+require('./chunk-SQJZGVDR.cjs');
+require('./chunk-SST7OZN5.cjs');
+require('./chunk-LZ2KJ7ZX.cjs');
+require('./chunk-FDD4UP73.cjs');
+require('./chunk-6LQT4WJ5.cjs');
+require('./chunk-FJJFDFDH.cjs');
+require('./chunk-6MFXERHB.cjs');
+require('./chunk-5WEV6YWA.cjs');
+require('./chunk-5FBQOMMT.cjs');
+require('./chunk-LBTRYEM2.cjs');
+require('./chunk-DKE6DIRK.cjs');
+require('./chunk-G2WLAYU3.cjs');
+require('./chunk-6KYVL5HY.cjs');
+require('./chunk-UXFWDEP6.cjs');
+require('./chunk-AL4XQZH6.cjs');
+require('./chunk-NYFYN334.cjs');
+require('./chunk-XX2YTCOR.cjs');
+require('./chunk-Q7OU65GA.cjs');
+require('./chunk-EEF5WRRZ.cjs');
+require('./chunk-PY4R3IFF.cjs');
+require('./chunk-NV4PQKQL.cjs');
+require('./chunk-DTZPLSUB.cjs');
+require('./chunk-NLBVDFIR.cjs');
+require('./chunk-35CT4Q2E.cjs');
+require('./chunk-AAX2HXSJ.cjs');
+require('./chunk-WLTBYQNY.cjs');
+require('./chunk-LNWTC72Y.cjs');
+require('./chunk-KGSYGPLS.cjs');
+require('./chunk-2UUQL6BD.cjs');
+require('./chunk-ANNBM27Z.cjs');
+
+
+exports.AutoGraph = _chunk3ZMM3FSKcjs.AutoGraph;

package/dist/GraphType.js

@@ -499,6 +499,7 @@ var GraphType = /* @__PURE__ */ function(GraphType) {
 	GraphType["LogicAnalyzerChart"] = "signal-logic-analyzer";
 	GraphType["PhaseSpaceChart"] = "signal-phase-space";
 	GraphType["PhaseSpace3DChart"] = "signal-phase-space-3d";
+	GraphType["AntennaPatternChart"] = "signal-antenna-pattern";
 	GraphType["MassiveScatterChart"] = "massive-scatter";
 	GraphType["MassiveLineChart"] = "massive-line";
 	GraphType["MassiveDensityChart"] = "massive-density";
@@ -651,6 +652,8 @@ var GraphType = /* @__PURE__ */ function(GraphType) {
 	GraphType["PitchHeatmap"] = "pitch-heatmap";
 	GraphType["HockeyRinkShotMap"] = "hockey-rink-shot-map";
 	GraphType["GolfShotDispersion"] = "golf-shot-dispersion";
+	GraphType["PowerDurationCurve"] = "power-duration-curve";
+	GraphType["TrainingLoadChart"] = "training-load";
 	GraphType["SwimmerPlot"] = "swimmer-plot";
 	GraphType["OncologyWaterfallPlot"] = "oncology-waterfall";
 	GraphType["TumourSpiderPlot"] = "tumour-spider-plot";
@@ -735,6 +738,7 @@ var GraphType = /* @__PURE__ */ function(GraphType) {
 	GraphType["PollenDiagram"] = "pollen-diagram";
 	GraphType["WhittakerBiomeDiagram"] = "whittaker-biome-diagram";
 	GraphType["KobePlot"] = "kobe-plot";
+	GraphType["SpeciesAccumulationCurve"] = "species-accumulation-curve";
 	GraphType["LAbbePlot"] = "meta-labbe-plot";
 	GraphType["GalbraithPlot"] = "meta-galbraith-plot";
 	GraphType["BaujatPlot"] = "meta-baujat-plot";
@@ -827,6 +831,7 @@ var GraphType = /* @__PURE__ */ function(GraphType) {
 	GraphType["VelocityChart"] = "velocity-chart";
 	GraphType["GageRRChart"] = "gage-rr";
 	GraphType["ProcessCapabilityChart"] = "process-capability";
+	GraphType["SipocDiagram"] = "sipoc-diagram";
 	GraphType["HypeCycleChart"] = "hype-cycle";
 	GraphType["TechnologyAdoptionCurve"] = "technology-adoption-curve";
 	GraphType["KanoModelChart"] = "kano-model";
@@ -838,12 +843,18 @@ var GraphType = /* @__PURE__ */ function(GraphType) {
 	GraphType["EisenhowerMatrix"] = "eisenhower-matrix";
 	GraphType["FootballFieldChart"] = "football-field";
 	GraphType["NineBoxGrid"] = "nine-box-grid";
+	GraphType["CapTableChart"] = "cap-table";
+	GraphType["BurnRunwayChart"] = "burn-runway";
+	GraphType["KanbanBoard"] = "kanban-board";
+	GraphType["OkrTree"] = "okr-tree";
+	GraphType["BassDiffusionChart"] = "bass-diffusion";
 	GraphType["EquivolumeChart"] = "equivolume";
 	GraphType["ParabolicSARChart"] = "parabolic-sar";
 	GraphType["FibonacciRetracementChart"] = "fibonacci-retracement";
 	GraphType["ADXChart"] = "adx";
 	GraphType["AdvanceDeclineChart"] = "advance-decline-line";
 	GraphType["FootprintChart"] = "footprint";
+	GraphType["KeltnerChannelChart"] = "keltner-channels";
 	GraphType["AlePlot"] = "ale-plot";
 	GraphType["KsChart"] = "ks-chart";
 	GraphType["DecisionCurveChart"] = "decision-curve";
@@ -862,6 +873,8 @@ var GraphType = /* @__PURE__ */ function(GraphType) {
 	GraphType["SignalFlowGraph"] = "signal-flow-graph";
 	GraphType["ParseTree"] = "parse-tree";
 	GraphType["TrieDiagram"] = "trie-diagram";
+	GraphType["ComponentDiagram"] = "uml-component-diagram";
+	GraphType["DeploymentDiagram"] = "uml-deployment-diagram";
 	GraphType["FaultTreeDiagram"] = "fault-tree";
 	GraphType["EventTreeDiagram"] = "event-tree";
 	GraphType["BowTieDiagram"] = "bow-tie";
@@ -902,6 +915,7 @@ var GraphType = /* @__PURE__ */ function(GraphType) {
 	GraphType["FoodWebChart"] = "food-web";
 	GraphType["EpidemicCurve"] = "epidemic-curve";
 	GraphType["PrismaFlowDiagram"] = "prisma-flow-diagram";
+	GraphType["PunnettSquare"] = "punnett-square";
 	GraphType["Meteogram"] = "meteogram";
 	GraphType["FocalMechanismChart"] = "focal-mechanism";
 	GraphType["StratigraphicColumn"] = "stratigraphic-column";
@@ -942,6 +956,11 @@ var GraphType = /* @__PURE__ */ function(GraphType) {
 	GraphType["SparklineMap"] = "sparkline-map";
 	GraphType["ContiguousCartogram"] = "contiguous-cartogram";
 	GraphType["OdMap"] = "od-map";
+	GraphType["LossLandscape3DChart"] = "loss-landscape-3d";
+	GraphType["CompressorMap3DChart"] = "compressor-map-3d";
+	GraphType["BsfcMap3DChart"] = "bsfc-map-3d";
+	GraphType["TerrainRoute3DChart"] = "terrain-route-3d";
+	GraphType["WaferMap3DChart"] = "wafer-map-3d";
 	return GraphType;
 }({});
 export { GraphType };