@motionscript/charts 0.1.1-alpha.0 → 0.1.1-alpha.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +34 -0
- package/README.md +109 -28
- package/dist/bar-chart/bar-chart.d.ts +265 -39
- package/dist/bar-chart/bar-chart.d.ts.map +1 -1
- package/dist/bar-chart/bar-chart.js +219 -171
- package/dist/bar-chart/bar-chart.js.map +1 -1
- package/dist/bar-chart/category-axis.d.ts +12 -7
- package/dist/bar-chart/category-axis.d.ts.map +1 -1
- package/dist/bar-chart/category-axis.js +56 -42
- package/dist/bar-chart/category-axis.js.map +1 -1
- package/dist/bar-chart/chart-bars.d.ts +76 -52
- package/dist/bar-chart/chart-bars.d.ts.map +1 -1
- package/dist/bar-chart/chart-bars.js +105 -89
- package/dist/bar-chart/chart-bars.js.map +1 -1
- package/dist/bar-chart/index.d.ts +4 -4
- package/dist/bar-chart/index.d.ts.map +1 -1
- package/dist/bar-chart/index.js +2 -2
- package/dist/bar-chart/index.js.map +1 -1
- package/dist/bar-chart/shared.d.ts +41 -65
- package/dist/bar-chart/shared.d.ts.map +1 -1
- package/dist/bar-chart/shared.js +73 -117
- package/dist/bar-chart/shared.js.map +1 -1
- package/dist/browser/chunks/chunk-7XCRX6GE.js +2 -0
- package/dist/browser/chunks/chunk-7XCRX6GE.js.map +7 -0
- package/dist/browser/index.js +1 -1
- package/dist/browser/index.js.map +4 -4
- package/dist/browser/kit.js +1 -1
- package/dist/browser/manifest.json +1 -1
- package/dist/engine.d.ts +5 -2
- package/dist/engine.d.ts.map +1 -1
- package/dist/engine.js +5 -2
- package/dist/engine.js.map +1 -1
- package/dist/index.d.ts +2 -0
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +2 -0
- package/dist/index.js.map +1 -1
- package/dist/kit/cartesian.d.ts +51 -15
- package/dist/kit/cartesian.d.ts.map +1 -1
- package/dist/kit/cartesian.js +81 -29
- package/dist/kit/cartesian.js.map +1 -1
- package/dist/kit/chart-canvas.d.ts +32 -24
- package/dist/kit/chart-canvas.d.ts.map +1 -1
- package/dist/kit/chart-canvas.js +52 -46
- package/dist/kit/chart-canvas.js.map +1 -1
- package/dist/kit/chart-legend.d.ts +8 -4
- package/dist/kit/chart-legend.d.ts.map +1 -1
- package/dist/kit/chart-legend.js +30 -20
- package/dist/kit/chart-legend.js.map +1 -1
- package/dist/{line-chart → kit}/horizontal-axis.d.ts +31 -6
- package/dist/kit/horizontal-axis.d.ts.map +1 -0
- package/dist/{line-chart → kit}/horizontal-axis.js +23 -24
- package/dist/kit/horizontal-axis.js.map +1 -0
- package/dist/kit/motion.d.ts +5 -0
- package/dist/kit/motion.d.ts.map +1 -1
- package/dist/kit/motion.js +8 -0
- package/dist/kit/motion.js.map +1 -1
- package/dist/{pie-chart → kit}/pie-legend.d.ts +3 -3
- package/dist/kit/pie-legend.d.ts.map +1 -0
- package/dist/{pie-chart → kit}/pie-legend.js +11 -10
- package/dist/kit/pie-legend.js.map +1 -0
- package/dist/kit/polar.d.ts +31 -0
- package/dist/kit/polar.d.ts.map +1 -0
- package/dist/kit/polar.js +33 -0
- package/dist/kit/polar.js.map +1 -0
- package/dist/kit/shared.d.ts +11 -50
- package/dist/kit/shared.d.ts.map +1 -1
- package/dist/kit/shared.js +58 -141
- package/dist/kit/shared.js.map +1 -1
- package/dist/kit/style.d.ts +517 -0
- package/dist/kit/style.d.ts.map +1 -0
- package/dist/kit/style.js +292 -0
- package/dist/kit/style.js.map +1 -0
- package/dist/kit/vertical-axis.d.ts +22 -2
- package/dist/kit/vertical-axis.d.ts.map +1 -1
- package/dist/kit/vertical-axis.js +56 -43
- package/dist/kit/vertical-axis.js.map +1 -1
- package/dist/line-chart/chart-line.d.ts +95 -3
- package/dist/line-chart/chart-line.d.ts.map +1 -1
- package/dist/line-chart/chart-line.js +165 -53
- package/dist/line-chart/chart-line.js.map +1 -1
- package/dist/line-chart/chart-region.d.ts +1 -1
- package/dist/line-chart/chart-region.d.ts.map +1 -1
- package/dist/line-chart/chart-region.js +7 -8
- package/dist/line-chart/chart-region.js.map +1 -1
- package/dist/line-chart/index.d.ts +5 -6
- package/dist/line-chart/index.d.ts.map +1 -1
- package/dist/line-chart/index.js +3 -4
- package/dist/line-chart/index.js.map +1 -1
- package/dist/line-chart/line-chart.d.ts +281 -18
- package/dist/line-chart/line-chart.d.ts.map +1 -1
- package/dist/line-chart/line-chart.js +284 -134
- package/dist/line-chart/line-chart.js.map +1 -1
- package/dist/line-chart/shared.d.ts +51 -34
- package/dist/line-chart/shared.d.ts.map +1 -1
- package/dist/line-chart/shared.js +175 -83
- package/dist/line-chart/shared.js.map +1 -1
- package/dist/line-chart/x-scale.d.ts +2 -0
- package/dist/line-chart/x-scale.d.ts.map +1 -1
- package/dist/line-chart/x-scale.js +15 -0
- package/dist/line-chart/x-scale.js.map +1 -1
- package/dist/nodes.d.ts +3 -1
- package/dist/nodes.d.ts.map +1 -1
- package/dist/nodes.js +9 -1
- package/dist/nodes.js.map +1 -1
- package/dist/pie-chart/index.d.ts +2 -3
- package/dist/pie-chart/index.d.ts.map +1 -1
- package/dist/pie-chart/index.js +1 -2
- package/dist/pie-chart/index.js.map +1 -1
- package/dist/pie-chart/pie-chart.d.ts +114 -18
- package/dist/pie-chart/pie-chart.d.ts.map +1 -1
- package/dist/pie-chart/pie-chart.js +38 -24
- package/dist/pie-chart/pie-chart.js.map +1 -1
- package/dist/pie-chart/pie-ring.d.ts +16 -5
- package/dist/pie-chart/pie-ring.d.ts.map +1 -1
- package/dist/pie-chart/pie-ring.js +89 -55
- package/dist/pie-chart/pie-ring.js.map +1 -1
- package/dist/pie-chart/shared.d.ts +61 -62
- package/dist/pie-chart/shared.d.ts.map +1 -1
- package/dist/pie-chart/shared.js +44 -123
- package/dist/pie-chart/shared.js.map +1 -1
- package/dist/radar-chart/index.d.ts +5 -0
- package/dist/radar-chart/index.d.ts.map +1 -0
- package/dist/radar-chart/index.js +5 -0
- package/dist/radar-chart/index.js.map +1 -0
- package/dist/radar-chart/radar-chart.d.ts +212 -0
- package/dist/radar-chart/radar-chart.d.ts.map +1 -0
- package/dist/radar-chart/radar-chart.js +224 -0
- package/dist/radar-chart/radar-chart.js.map +1 -0
- package/dist/radar-chart/radar-grid.d.ts +49 -0
- package/dist/radar-chart/radar-grid.d.ts.map +1 -0
- package/dist/radar-chart/radar-grid.js +63 -0
- package/dist/radar-chart/radar-grid.js.map +1 -0
- package/dist/radar-chart/radar-series.d.ts +59 -0
- package/dist/radar-chart/radar-series.d.ts.map +1 -0
- package/dist/radar-chart/radar-series.js +71 -0
- package/dist/radar-chart/radar-series.js.map +1 -0
- package/dist/radar-chart/shared.d.ts +78 -0
- package/dist/radar-chart/shared.d.ts.map +1 -0
- package/dist/radar-chart/shared.js +129 -0
- package/dist/radar-chart/shared.js.map +1 -0
- package/dist/radial-chart/index.d.ts +6 -0
- package/dist/radial-chart/index.d.ts.map +1 -0
- package/dist/radial-chart/index.js +4 -0
- package/dist/radial-chart/index.js.map +1 -0
- package/dist/radial-chart/radial-chart.d.ts +210 -0
- package/dist/radial-chart/radial-chart.d.ts.map +1 -0
- package/dist/radial-chart/radial-chart.js +175 -0
- package/dist/radial-chart/radial-chart.js.map +1 -0
- package/dist/radial-chart/radial-rings.d.ts +121 -0
- package/dist/radial-chart/radial-rings.d.ts.map +1 -0
- package/dist/radial-chart/radial-rings.js +273 -0
- package/dist/radial-chart/radial-rings.js.map +1 -0
- package/dist/radial-chart/shared.d.ts +77 -0
- package/dist/radial-chart/shared.d.ts.map +1 -0
- package/dist/radial-chart/shared.js +78 -0
- package/dist/radial-chart/shared.js.map +1 -0
- package/package.json +4 -4
- package/registry.json +21 -6
- package/src/bar-chart/bar-chart.ts +263 -179
- package/src/bar-chart/category-axis.ts +46 -40
- package/src/bar-chart/chart-bars.ts +136 -117
- package/src/bar-chart/index.ts +7 -10
- package/src/bar-chart/shared.ts +88 -233
- package/src/engine.ts +5 -2
- package/src/index.ts +2 -0
- package/src/kit/cartesian.ts +121 -40
- package/src/kit/chart-canvas.ts +49 -54
- package/src/kit/chart-legend.ts +28 -20
- package/src/kit/horizontal-axis.ts +114 -0
- package/src/kit/motion.ts +7 -0
- package/src/{pie-chart → kit}/pie-legend.ts +12 -11
- package/src/kit/polar.ts +54 -0
- package/src/kit/shared.ts +55 -277
- package/src/kit/style.ts +353 -0
- package/src/kit/vertical-axis.ts +67 -48
- package/src/line-chart/chart-line.ts +176 -54
- package/src/line-chart/chart-region.ts +6 -10
- package/src/line-chart/index.ts +14 -10
- package/src/line-chart/line-chart.ts +353 -151
- package/src/line-chart/shared.ts +193 -174
- package/src/line-chart/x-scale.ts +13 -0
- package/src/nodes.ts +9 -1
- package/src/pie-chart/index.ts +2 -23
- package/src/pie-chart/pie-chart.ts +54 -35
- package/src/pie-chart/pie-ring.ts +92 -71
- package/src/pie-chart/shared.ts +80 -270
- package/src/radar-chart/index.ts +4 -0
- package/src/radar-chart/radar-chart.ts +290 -0
- package/src/radar-chart/radar-grid.ts +83 -0
- package/src/radar-chart/radar-series.ts +88 -0
- package/src/radar-chart/shared.ts +153 -0
- package/src/radial-chart/index.ts +5 -0
- package/src/radial-chart/radial-chart.ts +212 -0
- package/src/radial-chart/radial-rings.ts +328 -0
- package/src/radial-chart/shared.ts +126 -0
- package/dist/browser/chunks/chunk-4SMRCU24.js +0 -2
- package/dist/browser/chunks/chunk-4SMRCU24.js.map +0 -7
- package/dist/kit/chart-border.d.ts +0 -18
- package/dist/kit/chart-border.d.ts.map +0 -1
- package/dist/kit/chart-border.js +0 -23
- package/dist/kit/chart-border.js.map +0 -1
- package/dist/line-chart/horizontal-axis.d.ts.map +0 -1
- package/dist/line-chart/horizontal-axis.js.map +0 -1
- package/dist/pie-chart/pie-legend.d.ts.map +0 -1
- package/dist/pie-chart/pie-legend.js.map +0 -1
- package/src/kit/chart-border.ts +0 -36
- package/src/line-chart/horizontal-axis.ts +0 -122
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"radial-rings.js","sourceRoot":"","sources":["../../src/radial-chart/radial-rings.ts"],"names":[],"mappings":"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","sourcesContent":["import {\n Graphics2D,\n PathBuilder,\n Rect,\n Text,\n Types,\n clamp,\n component2d,\n fillOps,\n textOps,\n type NodeOf,\n // Named so this component's emitted type reaches `Node2D` and its props through the sdk, not core.\n type Node2D,\n type Node2DProps as _Node2DProps,\n type Fill as _Fill,\n type FillResolved as _FillResolved,\n type TextStyle,\n type Vector2,\n} from \"@motionscript/sdk\"\n\nimport { asParts, fresh } from \"../kit/entries\"\nimport { frameEase } from \"../kit/motion\"\nimport { loadPaints } from \"../kit/paints\"\nimport { DEG, ringFills, ringPoint, selectionFade, type CenterConfig } from \"../kit/polar\"\nimport { radialFractions, type RadialMarks, type RadialRow } from \"./shared\"\n\n/** Share of the entrance one ring's sweep starts after the last. */\nconst STAGGER = 0.12\n/** A selected ring's thickness grows by this share of itself, on each side. */\nconst GROW = 0.12\nconst ARC_STEP = 4 * DEG\nconst LABEL_PAD = 10\nconst CENTER_FIT = 0.78\nconst GLYPH_RATIO = 0.62\n/** How far the radius is held in from the box, for the sake of a ring's growth. */\nconst EDGE = 4\n\nconst DEFAULT_MARKS: RadialMarks = { innerRadius: 0.3, ringGap: 8, sweep: 360, startAngle: 0, track: true, roundCaps: true }\nconst DEFAULT_LABEL: TextStyle = { fontSize: 28, fontWeight: 500, textAlign: \"center\", fill: \"#a1a1aa\" }\nconst DEFAULT_CENTER: CenterConfig = {\n labelStyle: { fontSize: 50, fontWeight: 800, textAlign: \"center\", fill: \"#f4f4f5\" },\n captionStyle: { fontSize: 22, fontWeight: 500, textAlign: \"center\", fill: \"#a1a1aa\" },\n}\n\ninterface RingsState {\n readonly rows: RadialRow[]\n readonly max: number\n readonly marks: RadialMarks\n readonly label: TextStyle\n readonly centerStyle: CenterConfig\n readonly ringLabels: boolean\n readonly pops: readonly number[]\n readonly dimOpacity: number\n readonly centerLabel: string\n readonly centerCaption: string\n}\n\nfunction sizeOf(style: TextStyle, fallback: number): number {\n return typeof style.fontSize === \"number\" ? style.fontSize : fallback\n}\n\n/** Every radius and angle for one box, derived wherever read so the drawing and the labels cannot disagree. */\nexport class RadialGeometry {\n constructor(\n private readonly s: RingsState,\n private readonly box: { readonly width: number; readonly height: number }\n ) {}\n\n get count(): number {\n return this.s.rows.length\n }\n\n get outerRadius(): number {\n return Math.max(0, Math.min(this.box.width, this.box.height) / 2 - EDGE)\n }\n\n get holeRadius(): number {\n return clamp(this.s.marks.innerRadius, 0, 0.9) * this.outerRadius\n }\n\n /** Radial depth of one ring. */\n get thickness(): number {\n const n = this.count\n if (n === 0) return 0\n return Math.max(0, (this.outerRadius - this.holeRadius - (n - 1) * Math.max(0, this.s.marks.ringGap)) / n)\n }\n\n /** Rim of ring `index`; ring 0 is the outermost. */\n ringOuter(index: number): number {\n return this.outerRadius - index * (this.thickness + Math.max(0, this.s.marks.ringGap))\n }\n\n ringMid(index: number): number {\n return this.ringOuter(index) - this.thickness / 2\n }\n\n get fractions(): number[] {\n return radialFractions(this.s.rows, this.s.max)\n }\n\n get startRad(): number {\n return this.s.marks.startAngle * DEG\n }\n\n get sweepRad(): number {\n return clamp(this.s.marks.sweep, 0, 360) * DEG\n }\n\n popOf(index: number): number {\n return clamp(this.s.pops[index] ?? 0, 0, 1)\n }\n\n get selectionStrength(): number {\n let strongest = 0\n for (let i = 0; i < this.count; i++) strongest = Math.max(strongest, this.popOf(i))\n return strongest\n }\n\n ringOpacity(index: number): number {\n return selectionFade(this.selectionStrength, this.s.dimOpacity, this.popOf(index))\n }\n\n /** How far ring `index`'s sweep has come at entrance progress `growth`: rings start in turn, outer first. */\n progress(index: number, growth: number): number {\n const total = 1 + STAGGER * Math.max(0, this.count - 1)\n return clamp(growth * total - index * STAGGER, 0, 1)\n }\n\n get labelFont(): number {\n return Math.max(1, Math.min(sizeOf(this.s.label, 28), this.thickness * 0.62))\n }\n\n /** Where ring `index`'s caption is pinned: just behind its start, reading away from the sweep. */\n labelAnchor(index: number): { at: Vector2; side: 1 | -1 } {\n const a = this.startRad\n const back = { x: -Math.cos(a), y: Math.sin(a) }\n const p = ringPoint(this.ringMid(index), a)\n const side: 1 | -1 = back.x <= 0 ? -1 : 1\n return { at: { x: p.x + back.x * LABEL_PAD, y: p.y + back.y * LABEL_PAD }, side }\n }\n\n get centerFont(): number {\n const { centerStyle, centerLabel, centerCaption } = this.s\n const wanted = sizeOf(centerStyle.labelStyle, 50)\n const hole = this.holeRadius\n if (hole <= 0) return wanted\n const ratio = sizeOf(centerStyle.captionStyle, 22) / Math.max(1, wanted)\n const glyphs = Math.max(1, centerLabel.length, centerCaption.length * ratio)\n return Math.min(wanted, (hole * 2 * CENTER_FIT) / (glyphs * GLYPH_RATIO))\n }\n}\n\n/**\n * An arc band between `rIn` and `rOut` over `a0`..`a1` (radians clockwise from\n * 12 o'clock), the ends squared or capped with half circles. A band shorter\n * than its caps is two overlapping caps, which fill as a pill.\n */\nexport function bandPath(a0: number, a1: number, rIn: number, rOut: number, round: boolean): PathBuilder {\n const path = new PathBuilder()\n const mid = (rIn + rOut) / 2\n const cap = (rOut - rIn) / 2\n const delta = round && mid > 0 ? Math.min(cap / mid, (a1 - a0) / 2) : 0\n const from = a0 + delta\n const to = a1 - delta\n const steps = Math.max(2, Math.ceil(Math.abs(to - from) / ARC_STEP))\n const arc = (r: number, x: number, y: number, first: boolean) => {\n for (let i = 0; i <= steps; i++) {\n const p = ringPoint(r, x + ((y - x) * i) / steps)\n if (first && i === 0) path.moveTo(p.x, p.y)\n else path.lineTo(p.x, p.y)\n }\n }\n // The end at `angle` rounded through a tip `direction` along the sweep.\n const semicircle = (angle: number, direction: 1 | -1, fromOuter: boolean) => {\n const centre = ringPoint(mid, angle)\n const radial = { x: Math.sin(angle), y: Math.cos(angle) }\n const tangent = { x: Math.cos(angle) * direction, y: -Math.sin(angle) * direction }\n const turns = 12\n for (let i = 1; i < turns; i++) {\n const phi = (Math.PI * i) / turns\n const r = fromOuter ? Math.cos(phi) : -Math.cos(phi)\n path.lineTo(centre.x + cap * (radial.x * r + tangent.x * Math.sin(phi)), centre.y + cap * (radial.y * r + tangent.y * Math.sin(phi)))\n }\n }\n arc(rOut, from, to, true)\n if (round) semicircle(to, 1, true)\n arc(rIn, to, from, false)\n if (round) semicircle(from, -1, false)\n path.close()\n return path\n}\n\nconst NO_BOX = { width: 0, height: 0 }\n\nfunction labelBlocks(s: RingsState & { readonly labelReveal: number; readonly centerReveal: number }) {\n const blocks: Node2D[] = []\n const geometry = () => new RadialGeometry(s, (blocks[0]?.parent as Node2D | null | undefined)?.layoutBounds ?? NO_BOX)\n const side = geometry().labelAnchor(0).side\n\n s.rows.forEach((_, index) => {\n const anchor = () => geometry().labelAnchor(index).at\n blocks.push(\n new Rect({\n flow: \"vertical\",\n width: \"hug\",\n height: \"hug\",\n align: side > 0 ? \"centerLeft\" : \"centerRight\",\n opacity: () => (s.ringLabels ? clamp(s.labelReveal, 0, 1) * geometry().ringOpacity(index) : 0),\n centerLeft: side > 0 ? anchor : undefined,\n centerRight: side > 0 ? undefined : anchor,\n children: [\n new Text({\n ...textOps.styleProps(s.label),\n text: () => s.rows[index]?.category ?? \"\",\n textAlign: side > 0 ? \"left\" : \"right\",\n fontSize: () => geometry().labelFont,\n }),\n ],\n })\n )\n })\n\n if (s.centerLabel !== \"\" || s.centerCaption !== \"\") {\n const children: Node2D[] = []\n if (s.centerLabel !== \"\") {\n children.push(new Text({ ...textOps.styleProps(s.centerStyle.labelStyle), text: s.centerLabel, fontSize: () => geometry().centerFont }))\n }\n if (s.centerCaption !== \"\") {\n children.push(\n new Text({\n ...textOps.styleProps(s.centerStyle.captionStyle),\n text: s.centerCaption,\n fontSize: () => geometry().centerFont * (sizeOf(s.centerStyle.captionStyle, 22) / sizeOf(s.centerStyle.labelStyle, 50)),\n })\n )\n }\n blocks.push(\n new Rect({\n flow: \"vertical\",\n width: \"hug\",\n height: \"hug\",\n gap: 2,\n align: \"center\",\n opacity: () => clamp(s.centerReveal, 0, 1),\n center: { x: 0, y: 0 },\n children,\n })\n )\n }\n return asParts(blocks)\n}\n\n/**\n * The rings: row `i` is the `i`-th ring from the outside, an arc from\n * `startAngle` whose sweep is `value / max` of the full sweep, over an\n * optional full-sweep track. A selected ring thickens and the rest dims.\n */\nexport const RadialRings = component2d({\n key: \"radialRings\",\n state: {\n rows: fresh<RadialRow[]>(() => []),\n max: 0,\n marks: Types.custom<RadialMarks>(DEFAULT_MARKS),\n label: Types.custom<TextStyle>(DEFAULT_LABEL),\n centerStyle: Types.custom<CenterConfig>(DEFAULT_CENTER),\n /** The empty-ring colour drawn under each arc. */\n trackFill: Types.fill(\"white/15\"),\n ringLabels: Types.boolean(false),\n /** Entrance progress `[0, 1]`: rings sweep in turn. */\n growth: 1,\n labelReveal: 1,\n pops: fresh<number[]>(() => []),\n dimOpacity: 0.25,\n centerLabel: \"\",\n centerCaption: \"\",\n centerReveal: 1,\n },\n defaults: { width: \"fill\", height: \"fill\" },\n children: (state) => labelBlocks(state),\n load: (loader, state) => loadPaints(loader, { fills: [...ringFills(state.rows), fillOps.resolve(state.trackFill)] }),\n commands: {\n /** Sweep the rings in, outer first. */\n sweep: (timeline) => {\n const ease = frameEase(timeline)\n return timeline.animate((t) => ({ growth: ease(t) }))\n },\n /** Fade the ring captions up. */\n revealLabels: (timeline) => {\n const ease = frameEase(timeline)\n return timeline.animate((t) => ({ labelReveal: ease(t) }))\n },\n /** Fade the centre summary up. */\n revealCenter: (timeline, state) => {\n const ease = frameEase(timeline)\n const from = clamp(state.centerReveal, 0, 1)\n return timeline.animate((t) => ({ centerReveal: from + (1 - from) * ease(t) }))\n },\n },\n render: (ctx, state) => {\n const g = new RadialGeometry(state, ctx.size)\n const thickness = g.thickness\n if (g.outerRadius > 0 && g.count > 0 && thickness > 0) {\n const half = g.outerRadius + EDGE + 1\n const frame = { centerBounds: [-half, -half, half, half] as [number, number, number, number], width: half * 2, height: half * 2 }\n const fills = ringFills(state.rows)\n const fractions = g.fractions\n const a0 = g.startRad\n const round = state.marks.roundCaps\n // Selected rings last, so a thickened ring is never under its neighbour.\n const order = [...state.rows.keys()].sort((a, b) => g.popOf(a) - g.popOf(b))\n for (const i of order) {\n const grow = thickness * GROW * g.popOf(i)\n const rOut = g.ringOuter(i) + grow\n const rIn = g.ringOuter(i) - thickness - grow\n const opacity = g.ringOpacity(i)\n if (state.marks.track && g.sweepRad > 0) {\n ctx.draw(new Graphics2D().path(bandPath(a0, a0 + g.sweepRad, rIn, rOut, round).toPathState(frame)).fill(state.trackFill).opacity(opacity))\n }\n const span = g.sweepRad * fractions[i] * g.progress(i, state.growth)\n if (span <= 1e-4) continue\n ctx.draw(new Graphics2D().path(bandPath(a0, a0 + span, rIn, rOut, round).toPathState(frame)).fill(fills[i] ?? []).opacity(opacity))\n }\n }\n ctx.children()\n },\n})\n\nexport type RadialRings = NodeOf<typeof RadialRings>\n"]}
|
|
@@ -0,0 +1,77 @@
|
|
|
1
|
+
import { type DataRecord, type TextStyle, type Fill as _Fill, type FillResolved as _FillResolved } from "@motionscript/sdk";
|
|
2
|
+
import { type ChartStyleBase } from "../kit/style.js";
|
|
3
|
+
import type { LegendConfig } from "../kit/shared.js";
|
|
4
|
+
import type { CenterConfig, PieSlice } from "../kit/polar.js";
|
|
5
|
+
/** One ring: a row's caption, magnitude and paint. The same shape as a pie's slice, so the legend is shared. */
|
|
6
|
+
export type RadialRow = PieSlice;
|
|
7
|
+
export declare function resolveRadialRows(data: readonly DataRecord[], category: string, value: string, style: Pick<ChartStyleBase, "seriesFills">): RadialRow[];
|
|
8
|
+
/** A row's plotted value: negatives and non-finite values count as 0. */
|
|
9
|
+
export declare function rowValue(row: RadialRow): number;
|
|
10
|
+
/** What a full sweep stands for: `max` when it is positive, else the largest value (1 when every value is 0). */
|
|
11
|
+
export declare function radialMax(rows: readonly RadialRow[], max: number): number;
|
|
12
|
+
/** The share of a full sweep each row fills, `[0, 1]`. */
|
|
13
|
+
export declare function radialFractions(rows: readonly RadialRow[], max: number): number[];
|
|
14
|
+
/** The ring geometry and look, from `style`. */
|
|
15
|
+
export interface RadialMarks {
|
|
16
|
+
innerRadius: number;
|
|
17
|
+
ringGap: number;
|
|
18
|
+
/** Degrees of a full ring. */
|
|
19
|
+
sweep: number;
|
|
20
|
+
/** Degrees clockwise from 12 o'clock. */
|
|
21
|
+
startAngle: number;
|
|
22
|
+
track: boolean;
|
|
23
|
+
roundCaps: boolean;
|
|
24
|
+
}
|
|
25
|
+
export interface RadialStyle extends ChartStyleBase {
|
|
26
|
+
readonly innerRadius: number;
|
|
27
|
+
readonly ringGap: number;
|
|
28
|
+
readonly sweep: number;
|
|
29
|
+
readonly startAngle: number;
|
|
30
|
+
readonly track: _FillResolved[];
|
|
31
|
+
readonly roundCaps: boolean;
|
|
32
|
+
readonly ringLabels: boolean;
|
|
33
|
+
readonly labelText: TextStyle;
|
|
34
|
+
readonly centerText: TextStyle;
|
|
35
|
+
}
|
|
36
|
+
export declare const RADIAL_STYLE_GROUPS: {
|
|
37
|
+
series: {
|
|
38
|
+
seriesFills: import("@motionscript/sdk").Type<_Fill[], _FillResolved[][], false>;
|
|
39
|
+
};
|
|
40
|
+
background: {
|
|
41
|
+
background: import("@motionscript/sdk").Type<_Fill, _FillResolved[], false>;
|
|
42
|
+
};
|
|
43
|
+
text: {
|
|
44
|
+
legendText: import("@motionscript/sdk").Type<TextStyle, TextStyle, false>;
|
|
45
|
+
/** The category at each ring's start, and the caption under the centre. */
|
|
46
|
+
labelText: import("@motionscript/sdk").Type<TextStyle, TextStyle, false>;
|
|
47
|
+
/** The summary in the middle. */
|
|
48
|
+
centerText: import("@motionscript/sdk").Type<TextStyle, TextStyle, false>;
|
|
49
|
+
};
|
|
50
|
+
marks: {
|
|
51
|
+
/** Where the innermost ring starts, as a fraction of the outer radius. */
|
|
52
|
+
innerRadius: import("@motionscript/sdk").Type<number, number, false>;
|
|
53
|
+
/** Space between neighbouring rings, px. */
|
|
54
|
+
ringGap: import("@motionscript/sdk").Type<number, number, false>;
|
|
55
|
+
/** Degrees a full ring spans: 360 a circle, 270 a gauge-like open ring. */
|
|
56
|
+
sweep: import("@motionscript/sdk").Type<number, number, false>;
|
|
57
|
+
/** Degrees clockwise from 12 o'clock where every ring begins. */
|
|
58
|
+
startAngle: import("@motionscript/sdk").Type<number, number, false>;
|
|
59
|
+
/** The full ring under each arc; empty draws none. */
|
|
60
|
+
track: import("@motionscript/sdk").Type<_Fill, _FillResolved[], false>;
|
|
61
|
+
/** Round the ends of the arcs and tracks. */
|
|
62
|
+
roundCaps: import("@motionscript/sdk").Type<boolean, boolean, false>;
|
|
63
|
+
};
|
|
64
|
+
labels: {
|
|
65
|
+
/** The category written at each ring's start, set in the label text. */
|
|
66
|
+
ringLabels: import("@motionscript/sdk").Type<boolean, boolean, false>;
|
|
67
|
+
};
|
|
68
|
+
legend: {
|
|
69
|
+
legend: import("@motionscript/sdk").Type<"right" | "top" | "bottom" | "none", "right" | "top" | "bottom" | "none", false>;
|
|
70
|
+
swatch: import("@motionscript/sdk").Type<"square" | "circle" | "line", "square" | "circle" | "line", false>;
|
|
71
|
+
};
|
|
72
|
+
};
|
|
73
|
+
export declare function marksOf(style: RadialStyle): RadialMarks;
|
|
74
|
+
export declare function legendOf(style: RadialStyle): LegendConfig;
|
|
75
|
+
export declare function ringLabelOf(style: RadialStyle): TextStyle;
|
|
76
|
+
export declare function centerOf(style: RadialStyle): CenterConfig;
|
|
77
|
+
//# sourceMappingURL=shared.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"shared.d.ts","sourceRoot":"","sources":["../../src/radial-chart/shared.ts"],"names":[],"mappings":"AAAA,OAAO,EAAgB,KAAK,UAAU,EAAE,KAAK,SAAS,EAAE,KAAK,IAAI,IAAI,KAAK,EAAE,KAAK,YAAY,IAAI,aAAa,EAAE,MAAM,mBAAmB,CAAA;AAEzI,OAAO,EAWL,KAAK,cAAc,EACpB,MAAM,cAAc,CAAA;AACrB,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,eAAe,CAAA;AAEjD,OAAO,KAAK,EAAE,YAAY,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAA;AAE1D,gHAAgH;AAChH,MAAM,MAAM,SAAS,GAAG,QAAQ,CAAA;AAEhC,wBAAgB,iBAAiB,CAAC,IAAI,EAAE,SAAS,UAAU,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,IAAI,CAAC,cAAc,EAAE,aAAa,CAAC,GAAG,SAAS,EAAE,CAEvJ;AAED,yEAAyE;AACzE,wBAAgB,QAAQ,CAAC,GAAG,EAAE,SAAS,GAAG,MAAM,CAE/C;AAED,iHAAiH;AACjH,wBAAgB,SAAS,CAAC,IAAI,EAAE,SAAS,SAAS,EAAE,EAAE,GAAG,EAAE,MAAM,GAAG,MAAM,CAKzE;AAED,0DAA0D;AAC1D,wBAAgB,eAAe,CAAC,IAAI,EAAE,SAAS,SAAS,EAAE,EAAE,GAAG,EAAE,MAAM,GAAG,MAAM,EAAE,CAGjF;AAED,gDAAgD;AAChD,MAAM,WAAW,WAAW;IAC1B,WAAW,EAAE,MAAM,CAAA;IACnB,OAAO,EAAE,MAAM,CAAA;IACf,8BAA8B;IAC9B,KAAK,EAAE,MAAM,CAAA;IACb,yCAAyC;IACzC,UAAU,EAAE,MAAM,CAAA;IAClB,KAAK,EAAE,OAAO,CAAA;IACd,SAAS,EAAE,OAAO,CAAA;CACnB;AAED,MAAM,WAAW,WAAY,SAAQ,cAAc;IACjD,QAAQ,CAAC,WAAW,EAAE,MAAM,CAAA;IAC5B,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAA;IACxB,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAA;IACtB,QAAQ,CAAC,UAAU,EAAE,MAAM,CAAA;IAC3B,QAAQ,CAAC,KAAK,EAAE,aAAa,EAAE,CAAA;IAC/B,QAAQ,CAAC,SAAS,EAAE,OAAO,CAAA;IAC3B,QAAQ,CAAC,UAAU,EAAE,OAAO,CAAA;IAC5B,QAAQ,CAAC,SAAS,EAAE,SAAS,CAAA;IAC7B,QAAQ,CAAC,UAAU,EAAE,SAAS,CAAA;CAC/B;AAED,eAAO,MAAM,mBAAmB;;;;;;;;;QAI5B,2EAA2E;;QAE3E,iCAAiC;;;;QAKjC,0EAA0E;;QAE1E,4CAA4C;;QAE5C,2EAA2E;;QAE3E,iEAAiE;;QAEjE,sDAAsD;;QAEtD,6CAA6C;;;;QAI7C,wEAAwE;;;;;;;CAI3E,CAAA;AAED,wBAAgB,OAAO,CAAC,KAAK,EAAE,WAAW,GAAG,WAAW,CASvD;AAED,wBAAgB,QAAQ,CAAC,KAAK,EAAE,WAAW,GAAG,YAAY,CAEzD;AAED,wBAAgB,WAAW,CAAC,KAAK,EAAE,WAAW,GAAG,SAAS,CAEzD;AAED,wBAAgB,QAAQ,CAAC,KAAK,EAAE,WAAW,GAAG,YAAY,CAMzD"}
|
|
@@ -0,0 +1,78 @@
|
|
|
1
|
+
import { Types, clamp } from "@motionscript/sdk";
|
|
2
|
+
import { CHART_BACKGROUND, CHART_FOREGROUND, CHART_LEGEND, CHART_MUTED, CHART_SERIES, LEGEND_TEXT, legendConfigOf, paletteFill, placedText, sizeOf, } from "../kit/style.js";
|
|
3
|
+
import { num, text } from "../kit/shared.js";
|
|
4
|
+
export function resolveRadialRows(data, category, value, style) {
|
|
5
|
+
return data.map((row, i) => ({ category: text(row, category), value: num(row, value), fill: paletteFill(style, i) }));
|
|
6
|
+
}
|
|
7
|
+
/** A row's plotted value: negatives and non-finite values count as 0. */
|
|
8
|
+
export function rowValue(row) {
|
|
9
|
+
return row.value > 0 && Number.isFinite(row.value) ? row.value : 0;
|
|
10
|
+
}
|
|
11
|
+
/** What a full sweep stands for: `max` when it is positive, else the largest value (1 when every value is 0). */
|
|
12
|
+
export function radialMax(rows, max) {
|
|
13
|
+
if (max > 0 && Number.isFinite(max))
|
|
14
|
+
return max;
|
|
15
|
+
let largest = 0;
|
|
16
|
+
for (const row of rows)
|
|
17
|
+
largest = Math.max(largest, rowValue(row));
|
|
18
|
+
return largest > 0 ? largest : 1;
|
|
19
|
+
}
|
|
20
|
+
/** The share of a full sweep each row fills, `[0, 1]`. */
|
|
21
|
+
export function radialFractions(rows, max) {
|
|
22
|
+
const top = radialMax(rows, max);
|
|
23
|
+
return rows.map((row) => clamp(rowValue(row) / top, 0, 1));
|
|
24
|
+
}
|
|
25
|
+
export const RADIAL_STYLE_GROUPS = {
|
|
26
|
+
series: CHART_SERIES,
|
|
27
|
+
background: CHART_BACKGROUND,
|
|
28
|
+
text: {
|
|
29
|
+
/** The category at each ring's start, and the caption under the centre. */
|
|
30
|
+
labelText: Types.typography({ fontSize: 28, fontWeight: 500, fill: CHART_MUTED }),
|
|
31
|
+
/** The summary in the middle. */
|
|
32
|
+
centerText: Types.typography({ fontSize: 50, fontWeight: 800, fill: CHART_FOREGROUND }),
|
|
33
|
+
...LEGEND_TEXT,
|
|
34
|
+
},
|
|
35
|
+
marks: {
|
|
36
|
+
/** Where the innermost ring starts, as a fraction of the outer radius. */
|
|
37
|
+
innerRadius: Types.number(0.3, { min: 0, max: 0.9, step: 0.05 }),
|
|
38
|
+
/** Space between neighbouring rings, px. */
|
|
39
|
+
ringGap: Types.number(8, { min: 0, max: 60, step: 1, unit: "px" }),
|
|
40
|
+
/** Degrees a full ring spans: 360 a circle, 270 a gauge-like open ring. */
|
|
41
|
+
sweep: Types.number(360, { min: 30, max: 360, step: 5, unit: "deg" }),
|
|
42
|
+
/** Degrees clockwise from 12 o'clock where every ring begins. */
|
|
43
|
+
startAngle: Types.number(0, { min: -360, max: 360, step: 5, unit: "deg" }),
|
|
44
|
+
/** The full ring under each arc; empty draws none. */
|
|
45
|
+
track: Types.fill("white/10"),
|
|
46
|
+
/** Round the ends of the arcs and tracks. */
|
|
47
|
+
roundCaps: Types.boolean(true),
|
|
48
|
+
},
|
|
49
|
+
labels: {
|
|
50
|
+
/** The category written at each ring's start, set in the label text. */
|
|
51
|
+
ringLabels: Types.boolean(false),
|
|
52
|
+
},
|
|
53
|
+
legend: CHART_LEGEND,
|
|
54
|
+
};
|
|
55
|
+
export function marksOf(style) {
|
|
56
|
+
return {
|
|
57
|
+
innerRadius: style.innerRadius,
|
|
58
|
+
ringGap: style.ringGap,
|
|
59
|
+
sweep: style.sweep,
|
|
60
|
+
startAngle: style.startAngle,
|
|
61
|
+
track: style.track.length > 0,
|
|
62
|
+
roundCaps: style.roundCaps,
|
|
63
|
+
};
|
|
64
|
+
}
|
|
65
|
+
export function legendOf(style) {
|
|
66
|
+
return legendConfigOf(style);
|
|
67
|
+
}
|
|
68
|
+
export function ringLabelOf(style) {
|
|
69
|
+
return placedText(style.labelText);
|
|
70
|
+
}
|
|
71
|
+
export function centerOf(style) {
|
|
72
|
+
const size = sizeOf(style.centerText, 50);
|
|
73
|
+
return {
|
|
74
|
+
labelStyle: placedText(style.centerText),
|
|
75
|
+
captionStyle: placedText(style.labelText, "center", { fontSize: Math.round(size * 0.45) }),
|
|
76
|
+
};
|
|
77
|
+
}
|
|
78
|
+
//# sourceMappingURL=shared.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"shared.js","sourceRoot":"","sources":["../../src/radial-chart/shared.ts"],"names":[],"mappings":"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","sourcesContent":["import { Types, clamp, type DataRecord, type TextStyle, type Fill as _Fill, type FillResolved as _FillResolved } from \"@motionscript/sdk\"\n\nimport {\n CHART_BACKGROUND,\n CHART_FOREGROUND,\n CHART_LEGEND,\n CHART_MUTED,\n CHART_SERIES,\n LEGEND_TEXT,\n legendConfigOf,\n paletteFill,\n placedText,\n sizeOf,\n type ChartStyleBase,\n} from \"../kit/style\"\nimport type { LegendConfig } from \"../kit/shared\"\nimport { num, text } from \"../kit/shared\"\nimport type { CenterConfig, PieSlice } from \"../kit/polar\"\n\n/** One ring: a row's caption, magnitude and paint. The same shape as a pie's slice, so the legend is shared. */\nexport type RadialRow = PieSlice\n\nexport function resolveRadialRows(data: readonly DataRecord[], category: string, value: string, style: Pick<ChartStyleBase, \"seriesFills\">): RadialRow[] {\n return data.map((row, i) => ({ category: text(row, category), value: num(row, value), fill: paletteFill(style, i) }))\n}\n\n/** A row's plotted value: negatives and non-finite values count as 0. */\nexport function rowValue(row: RadialRow): number {\n return row.value > 0 && Number.isFinite(row.value) ? row.value : 0\n}\n\n/** What a full sweep stands for: `max` when it is positive, else the largest value (1 when every value is 0). */\nexport function radialMax(rows: readonly RadialRow[], max: number): number {\n if (max > 0 && Number.isFinite(max)) return max\n let largest = 0\n for (const row of rows) largest = Math.max(largest, rowValue(row))\n return largest > 0 ? largest : 1\n}\n\n/** The share of a full sweep each row fills, `[0, 1]`. */\nexport function radialFractions(rows: readonly RadialRow[], max: number): number[] {\n const top = radialMax(rows, max)\n return rows.map((row) => clamp(rowValue(row) / top, 0, 1))\n}\n\n/** The ring geometry and look, from `style`. */\nexport interface RadialMarks {\n innerRadius: number\n ringGap: number\n /** Degrees of a full ring. */\n sweep: number\n /** Degrees clockwise from 12 o'clock. */\n startAngle: number\n track: boolean\n roundCaps: boolean\n}\n\nexport interface RadialStyle extends ChartStyleBase {\n readonly innerRadius: number\n readonly ringGap: number\n readonly sweep: number\n readonly startAngle: number\n readonly track: _FillResolved[]\n readonly roundCaps: boolean\n readonly ringLabels: boolean\n readonly labelText: TextStyle\n readonly centerText: TextStyle\n}\n\nexport const RADIAL_STYLE_GROUPS = {\n series: CHART_SERIES,\n background: CHART_BACKGROUND,\n text: {\n /** The category at each ring's start, and the caption under the centre. */\n labelText: Types.typography({ fontSize: 28, fontWeight: 500, fill: CHART_MUTED }),\n /** The summary in the middle. */\n centerText: Types.typography({ fontSize: 50, fontWeight: 800, fill: CHART_FOREGROUND }),\n ...LEGEND_TEXT,\n },\n marks: {\n /** Where the innermost ring starts, as a fraction of the outer radius. */\n innerRadius: Types.number(0.3, { min: 0, max: 0.9, step: 0.05 }),\n /** Space between neighbouring rings, px. */\n ringGap: Types.number(8, { min: 0, max: 60, step: 1, unit: \"px\" }),\n /** Degrees a full ring spans: 360 a circle, 270 a gauge-like open ring. */\n sweep: Types.number(360, { min: 30, max: 360, step: 5, unit: \"deg\" }),\n /** Degrees clockwise from 12 o'clock where every ring begins. */\n startAngle: Types.number(0, { min: -360, max: 360, step: 5, unit: \"deg\" }),\n /** The full ring under each arc; empty draws none. */\n track: Types.fill(\"white/10\"),\n /** Round the ends of the arcs and tracks. */\n roundCaps: Types.boolean(true),\n },\n labels: {\n /** The category written at each ring's start, set in the label text. */\n ringLabels: Types.boolean(false),\n },\n legend: CHART_LEGEND,\n}\n\nexport function marksOf(style: RadialStyle): RadialMarks {\n return {\n innerRadius: style.innerRadius,\n ringGap: style.ringGap,\n sweep: style.sweep,\n startAngle: style.startAngle,\n track: style.track.length > 0,\n roundCaps: style.roundCaps,\n }\n}\n\nexport function legendOf(style: RadialStyle): LegendConfig {\n return legendConfigOf(style)\n}\n\nexport function ringLabelOf(style: RadialStyle): TextStyle {\n return placedText(style.labelText)\n}\n\nexport function centerOf(style: RadialStyle): CenterConfig {\n const size = sizeOf(style.centerText, 50)\n return {\n labelStyle: placedText(style.centerText),\n captionStyle: placedText(style.labelText, \"center\", { fontSize: Math.round(size * 0.45) }),\n }\n}\n"]}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@motionscript/charts",
|
|
3
|
-
"version": "0.1.1-alpha.
|
|
3
|
+
"version": "0.1.1-alpha.2",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"description": "Animated data charts for Motion Script: a line chart, a bar chart and a pie chart sharing one axis, legend and theme kit.",
|
|
6
6
|
"repository": {
|
|
@@ -50,7 +50,7 @@
|
|
|
50
50
|
"license": "Apache-2.0",
|
|
51
51
|
"author": "Motionscript",
|
|
52
52
|
"peerDependencies": {
|
|
53
|
-
"@motionscript/sdk": "^0.1.1-alpha.
|
|
53
|
+
"@motionscript/sdk": "^0.1.1-alpha.2"
|
|
54
54
|
},
|
|
55
55
|
"devDependencies": {
|
|
56
56
|
"@types/node": "^25.6.2",
|
|
@@ -61,8 +61,8 @@
|
|
|
61
61
|
"typescript": "^6.0.3",
|
|
62
62
|
"typescript-eslint": "^8.48.0",
|
|
63
63
|
"vitest": "^4.1.5",
|
|
64
|
-
"@motionscript/core": "0.1.1-alpha.
|
|
65
|
-
"@motionscript/sdk": "0.1.1-alpha.
|
|
64
|
+
"@motionscript/core": "0.1.1-alpha.2",
|
|
65
|
+
"@motionscript/sdk": "0.1.1-alpha.2"
|
|
66
66
|
},
|
|
67
67
|
"scripts": {
|
|
68
68
|
"build": "tsc -p tsconfig.build.json && tsc-alias -p tsconfig.build.json --resolve-full-paths && node ../../../scripts/build-browser.mjs",
|
package/registry.json
CHANGED
|
@@ -1,23 +1,38 @@
|
|
|
1
1
|
{
|
|
2
|
-
"kit": {
|
|
2
|
+
"kit": {
|
|
3
|
+
"barrel": "src/engine.ts",
|
|
4
|
+
"specifier": "@motionscript/charts"
|
|
5
|
+
},
|
|
3
6
|
"items": [
|
|
4
7
|
{
|
|
5
8
|
"name": "line-chart",
|
|
6
|
-
"description": "A
|
|
9
|
+
"description": "A line or area chart with a traced polyline, spotlit regions and a staggered entrance.",
|
|
7
10
|
"root": "src/line-chart",
|
|
8
|
-
"files": ["index.ts", "
|
|
11
|
+
"files": ["index.ts", "chart-line.ts", "chart-region.ts", "line-chart.ts", "shared.ts", "x-scale.ts"]
|
|
9
12
|
},
|
|
10
13
|
{
|
|
11
14
|
"name": "bar-chart",
|
|
12
|
-
"description": "A bar chart with grouped or stacked columns off a category axis.",
|
|
15
|
+
"description": "A bar chart with grouped or stacked columns or bars off a category axis.",
|
|
13
16
|
"root": "src/bar-chart",
|
|
14
|
-
"files": ["index.ts", "bar-chart.ts", "
|
|
17
|
+
"files": ["index.ts", "bar-chart.ts", "category-axis.ts", "chart-bars.ts", "shared.ts"]
|
|
15
18
|
},
|
|
16
19
|
{
|
|
17
20
|
"name": "pie-chart",
|
|
18
21
|
"description": "A pie or donut chart with relaxed labels and a revealable centre.",
|
|
19
22
|
"root": "src/pie-chart",
|
|
20
|
-
"files": ["index.ts", "pie-chart.ts", "pie-ring.ts", "
|
|
23
|
+
"files": ["index.ts", "pie-chart.ts", "pie-ring.ts", "shared.ts"]
|
|
24
|
+
},
|
|
25
|
+
{
|
|
26
|
+
"name": "radar-chart",
|
|
27
|
+
"description": "A radar chart: one polygon per series over a spoked grid.",
|
|
28
|
+
"root": "src/radar-chart",
|
|
29
|
+
"files": ["index.ts", "radar-chart.ts", "radar-grid.ts", "radar-series.ts", "shared.ts"]
|
|
30
|
+
},
|
|
31
|
+
{
|
|
32
|
+
"name": "radial-chart",
|
|
33
|
+
"description": "A radial bar chart: one concentric ring per row, with a revealable centre.",
|
|
34
|
+
"root": "src/radial-chart",
|
|
35
|
+
"files": ["index.ts", "radial-chart.ts", "radial-rings.ts", "shared.ts"]
|
|
21
36
|
}
|
|
22
37
|
]
|
|
23
38
|
}
|