@dpuse/dpuse-tool-d3-visualiser 0.0.37 → 0.0.45
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/README.md +149 -104
- package/dist/dpuse-tool-d3-visualiser.es.js +7 -7
- package/dist/dpuse-tool-d3-visualiser.es.js.map +1 -1
- package/dist/{erdDiagram-Ds-nrw7Q.js → erdDiagram-Ds1hsQDD.js} +491 -452
- package/dist/erdDiagram-Ds1hsQDD.js.map +1 -0
- package/dist/tanStackCharts-DCMs4Y_D.js +3476 -0
- package/dist/tanStackCharts-DCMs4Y_D.js.map +1 -0
- package/dist/types/src/index.d.ts +2 -1
- package/dist/types/src/tanStackCharts.d.ts +2 -1
- package/package.json +11 -10
- package/dist/erdDiagram-Ds-nrw7Q.js.map +0 -1
- package/dist/tanStackCharts-BJAX22lS.js +0 -2356
- package/dist/tanStackCharts-BJAX22lS.js.map +0 -1
package/README.md
CHANGED
|
@@ -650,110 +650,155 @@ The Bundle Analysis Report is generated automatically on each release using [Son
|
|
|
650
650
|
|
|
651
651
|
_Note: Sonda's Vite reports currently exclude CSS files, since Vite does not generate source maps for CSS._
|
|
652
652
|
|
|
653
|
-
|
|
|
654
|
-
|
|
655
|
-
| dist/billboardJs-
|
|
656
|
-
| billboard.js
|
|
657
|
-
| (unassigned) → [unassigned]
|
|
658
|
-
|
|
|
659
|
-
|
|
|
660
|
-
|
|
|
661
|
-
|
|
|
662
|
-
|  
|
|
663
|
-
|
|
|
664
|
-
|
|
|
665
|
-
| d3-
|
|
666
|
-
| d3-
|
|
667
|
-
| d3-scale
|
|
668
|
-
| d3-
|
|
669
|
-
| d3-
|
|
670
|
-
|
|
|
671
|
-
|
|
|
672
|
-
|
|
|
673
|
-
|
|
|
674
|
-
|  
|
|
675
|
-
|
|
|
676
|
-
|  
|
|
677
|
-
|
|
|
678
|
-
| dist/
|
|
679
|
-
|  
|
|
680
|
-
|
|
|
681
|
-
|  
|
|
682
|
-
|
|
|
683
|
-
|  
|
|
684
|
-
|  
|
|
685
|
-
| d3-
|
|
686
|
-
|  
|
|
687
|
-
|  
|
|
688
|
-
|
|
|
689
|
-
|
|
|
690
|
-
|  
|
|
691
|
-
|  
|
|
692
|
-
|
|
|
693
|
-
|  
|
|
694
|
-
|
|
|
695
|
-
| d3-
|
|
696
|
-
|
|
|
697
|
-
|
|
|
698
|
-
| dist/
|
|
699
|
-
|
|
|
700
|
-
|
|
|
701
|
-
|
|
|
702
|
-
| d3-
|
|
703
|
-
| d3-
|
|
704
|
-
|
|
|
705
|
-
|
|
|
706
|
-
| d3-
|
|
707
|
-
|
|
|
708
|
-
|
|
|
709
|
-
|
|
|
710
|
-
| d3-
|
|
711
|
-
|
|
|
712
|
-
|
|
|
713
|
-
|
|
|
714
|
-
|
|
|
715
|
-
|
|
|
716
|
-
|
|
|
717
|
-
| dist/
|
|
718
|
-
| d3-
|
|
719
|
-
|
|
|
720
|
-
|
|
|
721
|
-
|
|
|
722
|
-
| d3-
|
|
723
|
-
| src
|
|
724
|
-
| (unassigned) → [unassigned]
|
|
725
|
-
| dist/
|
|
726
|
-
| d3-
|
|
727
|
-
|
|
|
728
|
-
| (unassigned) → [unassigned]
|
|
729
|
-
|
|
|
730
|
-
| d3-
|
|
731
|
-
|
|
|
732
|
-
| dist/
|
|
733
|
-
| d3-
|
|
734
|
-
| (unassigned) → [unassigned]
|
|
735
|
-
|
|
|
736
|
-
|
|
|
737
|
-
|
|
|
738
|
-
|
|
|
739
|
-
|
|
|
740
|
-
|
|
|
741
|
-
|
|
|
742
|
-
| src →
|
|
743
|
-
| (unassigned) → [unassigned]
|
|
744
|
-
| dist/
|
|
745
|
-
| d3-
|
|
746
|
-
|
|
|
747
|
-
|
|
|
748
|
-
| dist/
|
|
749
|
-
|
|
|
750
|
-
| (unassigned) → [unassigned]
|
|
751
|
-
| dist/
|
|
752
|
-
| d3-
|
|
753
|
-
| (unassigned) → [unassigned]
|
|
754
|
-
| dist/
|
|
755
|
-
|
|
|
756
|
-
|
|
|
653
|
+
|Chunk/Module/File|Composition|
|
|
654
|
+
|:------ |:-----------|
|
|
655
|
+
| dist/billboardJs-DS82ViEw.js | 250.5 kB · brotli 64.7 kB |
|
|
656
|
+
| billboard.js | `█████░░░░░░░░░░░░░░░` 26.1% |
|
|
657
|
+
| (unassigned) → [unassigned] | `░░░░░░░░░░░░░░░░░░░░` 2.0% |
|
|
658
|
+
| src → billboardJs.ts | `░░░░░░░░░░░░░░░░░░░░` 0.0% |
|
|
659
|
+
| d3-selection → src/selectAll.js | `░░░░░░░░░░░░░░░░░░░░` 0.0% |
|
|
660
|
+
| dist/observablePlot-C7764aFq.js | 223.5 kB · brotli 56.1 kB |
|
|
661
|
+
| @observablehq/plot | `███░░░░░░░░░░░░░░░░░` 15.1% |
|
|
662
|
+
| d3-geo | `█░░░░░░░░░░░░░░░░░░░` 3.6% |
|
|
663
|
+
| (unassigned) → [unassigned] | `░░░░░░░░░░░░░░░░░░░░` 2.3% |
|
|
664
|
+
| d3-scale-chromatic | `░░░░░░░░░░░░░░░░░░░░` 2.0% |
|
|
665
|
+
| d3-array | `░░░░░░░░░░░░░░░░░░░░` 0.7% |
|
|
666
|
+
| d3-color | `░░░░░░░░░░░░░░░░░░░░` 0.4% |
|
|
667
|
+
| d3-scale | `░░░░░░░░░░░░░░░░░░░░` 0.4% |
|
|
668
|
+
| d3-shape | `░░░░░░░░░░░░░░░░░░░░` 0.3% |
|
|
669
|
+
| d3-interpolate | `░░░░░░░░░░░░░░░░░░░░` 0.2% |
|
|
670
|
+
| isoformat | `░░░░░░░░░░░░░░░░░░░░` 0.1% |
|
|
671
|
+
| src → observablePlot.ts | `░░░░░░░░░░░░░░░░░░░░` 0.1% |
|
|
672
|
+
| dist/chordDiagram-Cz0sVVgD.js | 96.5 kB · brotli 25.5 kB |
|
|
673
|
+
| @unovis/ts | `█░░░░░░░░░░░░░░░░░░░` 3.8% |
|
|
674
|
+
| (unassigned) → [unassigned] | `░░░░░░░░░░░░░░░░░░░░` 1.3% |
|
|
675
|
+
| d3-shape | `░░░░░░░░░░░░░░░░░░░░` 1.1% |
|
|
676
|
+
| @juggle/resize-observer | `░░░░░░░░░░░░░░░░░░░░` 1.1% |
|
|
677
|
+
| d3-interpolate-path → build/d3-interpolate-path.mjs | `░░░░░░░░░░░░░░░░░░░░` 0.8% |
|
|
678
|
+
| @emotion/cache → dist/emotion-cache.browser.esm.js | `░░░░░░░░░░░░░░░░░░░░` 0.6% |
|
|
679
|
+
| stylis | `░░░░░░░░░░░░░░░░░░░░` 0.6% |
|
|
680
|
+
| d3-chord | `░░░░░░░░░░░░░░░░░░░░` 0.3% |
|
|
681
|
+
| @emotion/serialize → dist/emotion-serialize.esm.js | `░░░░░░░░░░░░░░░░░░░░` 0.3% |
|
|
682
|
+
| striptags → src/striptags.js | `░░░░░░░░░░░░░░░░░░░░` 0.2% |
|
|
683
|
+
| @emotion/css | `░░░░░░░░░░░░░░░░░░░░` 0.2% |
|
|
684
|
+
| @emotion/sheet → dist/emotion-sheet.esm.js | `░░░░░░░░░░░░░░░░░░░░` 0.2% |
|
|
685
|
+
| d3-hierarchy | `░░░░░░░░░░░░░░░░░░░░` 0.1% |
|
|
686
|
+
| @emotion/unitless → dist/emotion-unitless.esm.js | `░░░░░░░░░░░░░░░░░░░░` 0.1% |
|
|
687
|
+
| @emotion/hash → dist/emotion-hash.esm.js | `░░░░░░░░░░░░░░░░░░░░` 0.1% |
|
|
688
|
+
| throttle-debounce → esm/index.js | `░░░░░░░░░░░░░░░░░░░░` 0.1% |
|
|
689
|
+
| src → chordDiagram.ts | `░░░░░░░░░░░░░░░░░░░░` 0.1% |
|
|
690
|
+
| @emotion/utils → dist/emotion-utils.browser.esm.js | `░░░░░░░░░░░░░░░░░░░░` 0.1% |
|
|
691
|
+
| @emotion/memoize → dist/emotion-memoize.esm.js | `░░░░░░░░░░░░░░░░░░░░` 0.0% |
|
|
692
|
+
| dist/tanStackCharts-BJAX22lS.js | 69.5 kB · brotli 18.7 kB |
|
|
693
|
+
| @tanstack/charts | `█░░░░░░░░░░░░░░░░░░░` 6.8% |
|
|
694
|
+
| (unassigned) → [unassigned] | `░░░░░░░░░░░░░░░░░░░░` 0.7% |
|
|
695
|
+
| d3-shape | `░░░░░░░░░░░░░░░░░░░░` 0.2% |
|
|
696
|
+
| src → tanStackCharts.ts | `░░░░░░░░░░░░░░░░░░░░` 0.1% |
|
|
697
|
+
| dist/erdDiagram-Ds-nrw7Q.js | 62.3 kB · brotli 16.2 kB |
|
|
698
|
+
| @dagrejs/dagre → dist/dagre.esm.js | `█░░░░░░░░░░░░░░░░░░░` 6.2% |
|
|
699
|
+
| (unassigned) → [unassigned] | `░░░░░░░░░░░░░░░░░░░░` 0.4% |
|
|
700
|
+
| src → erdDiagram.ts | `░░░░░░░░░░░░░░░░░░░░` 0.4% |
|
|
701
|
+
| dist/src-Xlr4CcSw.js | 23.3 kB · brotli 5.6 kB |
|
|
702
|
+
| d3-time-format | `░░░░░░░░░░░░░░░░░░░░` 1.2% |
|
|
703
|
+
| d3-time | `░░░░░░░░░░░░░░░░░░░░` 0.6% |
|
|
704
|
+
| d3-scale | `░░░░░░░░░░░░░░░░░░░░` 0.4% |
|
|
705
|
+
| (unassigned) → [unassigned] | `░░░░░░░░░░░░░░░░░░░░` 0.3% |
|
|
706
|
+
| d3-brush → src/brush.js | `░░░░░░░░░░░░░░░░░░░░` 0.0% |
|
|
707
|
+
| dist/src-yL3ZdoR1.js | 21.9 kB · brotli 5.5 kB |
|
|
708
|
+
| d3-transition | `░░░░░░░░░░░░░░░░░░░░` 1.4% |
|
|
709
|
+
| (unassigned) → [unassigned] | `░░░░░░░░░░░░░░░░░░░░` 0.4% |
|
|
710
|
+
| d3-interpolate | `░░░░░░░░░░░░░░░░░░░░` 0.2% |
|
|
711
|
+
| d3-dispatch → src/dispatch.js | `░░░░░░░░░░░░░░░░░░░░` 0.2% |
|
|
712
|
+
| d3-timer | `░░░░░░░░░░░░░░░░░░░░` 0.2% |
|
|
713
|
+
| d3-ease → src/cubic.js | `░░░░░░░░░░░░░░░░░░░░` 0.0% |
|
|
714
|
+
| dist/step-DgCcZZ3W.js | 19.2 kB · brotli 2.5 kB |
|
|
715
|
+
| d3-shape | `░░░░░░░░░░░░░░░░░░░░` 1.9% |
|
|
716
|
+
| (unassigned) → [unassigned] | `░░░░░░░░░░░░░░░░░░░░` 0.3% |
|
|
717
|
+
| dist/select-BIuoFcZG.js | 17.9 kB · brotli 3.9 kB |
|
|
718
|
+
| d3-selection | `░░░░░░░░░░░░░░░░░░░░` 1.6% |
|
|
719
|
+
| (unassigned) → [unassigned] | `░░░░░░░░░░░░░░░░░░░░` 0.4% |
|
|
720
|
+
| dist/networkDiagram-yraPhqxN.js | 17.7 kB · brotli 5.0 kB |
|
|
721
|
+
| d3-force | `░░░░░░░░░░░░░░░░░░░░` 0.7% |
|
|
722
|
+
| d3-quadtree | `░░░░░░░░░░░░░░░░░░░░` 0.7% |
|
|
723
|
+
| src → networkDiagram.ts | `░░░░░░░░░░░░░░░░░░░░` 0.3% |
|
|
724
|
+
| (unassigned) → [unassigned] | `░░░░░░░░░░░░░░░░░░░░` 0.3% |
|
|
725
|
+
| dist/linear-BnhqTvdX.js | 17.2 kB · brotli 4.9 kB |
|
|
726
|
+
| d3-format | `░░░░░░░░░░░░░░░░░░░░` 0.7% |
|
|
727
|
+
| d3-scale | `░░░░░░░░░░░░░░░░░░░░` 0.4% |
|
|
728
|
+
| (unassigned) → [unassigned] | `░░░░░░░░░░░░░░░░░░░░` 0.3% |
|
|
729
|
+
| d3-array | `░░░░░░░░░░░░░░░░░░░░` 0.3% |
|
|
730
|
+
| d3-interpolate | `░░░░░░░░░░░░░░░░░░░░` 0.1% |
|
|
731
|
+
| internmap → src/index.js | `░░░░░░░░░░░░░░░░░░░░` 0.1% |
|
|
732
|
+
| dist/src-WDualLFV.js | 12.8 kB · brotli 3.6 kB |
|
|
733
|
+
| d3-zoom | `░░░░░░░░░░░░░░░░░░░░` 1.2% |
|
|
734
|
+
| (unassigned) → [unassigned] | `░░░░░░░░░░░░░░░░░░░░` 0.1% |
|
|
735
|
+
| d3-interpolate → src/zoom.js | `░░░░░░░░░░░░░░░░░░░░` 0.1% |
|
|
736
|
+
| dist/string-CnCj7THX.js | 11.6 kB · brotli 3.7 kB |
|
|
737
|
+
| d3-color | `░░░░░░░░░░░░░░░░░░░░` 0.9% |
|
|
738
|
+
| d3-interpolate | `░░░░░░░░░░░░░░░░░░░░` 0.3% |
|
|
739
|
+
| (unassigned) → [unassigned] | `░░░░░░░░░░░░░░░░░░░░` 0.1% |
|
|
740
|
+
| dist/sankeyDiagram-BT2RCRpi.js | 10.2 kB · brotli 2.9 kB |
|
|
741
|
+
| d3-sankey | `░░░░░░░░░░░░░░░░░░░░` 0.7% |
|
|
742
|
+
| src → sankeyDiagram.ts | `░░░░░░░░░░░░░░░░░░░░` 0.3% |
|
|
743
|
+
| (unassigned) → [unassigned] | `░░░░░░░░░░░░░░░░░░░░` 0.1% |
|
|
744
|
+
| dist/treeDiagram-DsHUD8ou.js | 4.9 kB · brotli 1.8 kB |
|
|
745
|
+
| d3-hierarchy → src/tree.js | `░░░░░░░░░░░░░░░░░░░░` 0.3% |
|
|
746
|
+
| src → treeDiagram.ts | `░░░░░░░░░░░░░░░░░░░░` 0.2% |
|
|
747
|
+
| (unassigned) → [unassigned] | `░░░░░░░░░░░░░░░░░░░░` 0.1% |
|
|
748
|
+
| dist/drag-DfL4uwqz.js | 4.4 kB · brotli 1.4 kB |
|
|
749
|
+
| d3-drag | `░░░░░░░░░░░░░░░░░░░░` 0.4% |
|
|
750
|
+
| (unassigned) → [unassigned] | `░░░░░░░░░░░░░░░░░░░░` 0.1% |
|
|
751
|
+
| dist/hierarchy-CDFAetye.js | 4.0 kB · brotli 1.1 kB |
|
|
752
|
+
| d3-hierarchy | `░░░░░░░░░░░░░░░░░░░░` 0.3% |
|
|
753
|
+
| (unassigned) → [unassigned] | `░░░░░░░░░░░░░░░░░░░░` 0.1% |
|
|
754
|
+
| dist/axis-DjmZ9QYe.js | 3.5 kB · brotli 1.1 kB |
|
|
755
|
+
| d3-axis | `░░░░░░░░░░░░░░░░░░░░` 0.4% |
|
|
756
|
+
| (unassigned) → [unassigned] | `░░░░░░░░░░░░░░░░░░░░` 0.0% |
|
|
757
|
+
| dist/path-6kmCrmEz.js | 2.8 kB · brotli 1021 B |
|
|
758
|
+
| d3-path → src/path.js | `░░░░░░░░░░░░░░░░░░░░` 0.3% |
|
|
759
|
+
| (unassigned) → [unassigned] | `░░░░░░░░░░░░░░░░░░░░` 0.0% |
|
|
760
|
+
| dist/pow-BFDPqS3s.js | 2.4 kB · brotli 997 B |
|
|
761
|
+
| (unassigned) → [unassigned] | `░░░░░░░░░░░░░░░░░░░░` 0.1% |
|
|
762
|
+
| d3-array | `░░░░░░░░░░░░░░░░░░░░` 0.1% |
|
|
763
|
+
| d3-scale → src/pow.js | `░░░░░░░░░░░░░░░░░░░░` 0.1% |
|
|
764
|
+
| dist/dpuse-tool-d3-visualiser.es.js | 2.3 kB · brotli 544 B |
|
|
765
|
+
| src → index.ts | `░░░░░░░░░░░░░░░░░░░░` 0.2% |
|
|
766
|
+
| (unassigned) → [unassigned] | `░░░░░░░░░░░░░░░░░░░░` 0.0% |
|
|
767
|
+
| dist/band-C1twWuW2.js | 2.1 kB · brotli 765 B |
|
|
768
|
+
| d3-scale → src/band.js | `░░░░░░░░░░░░░░░░░░░░` 0.2% |
|
|
769
|
+
| (unassigned) → [unassigned] | `░░░░░░░░░░░░░░░░░░░░` 0.0% |
|
|
770
|
+
| d3-array → src/range.js | `░░░░░░░░░░░░░░░░░░░░` 0.0% |
|
|
771
|
+
| dist/link-D-9z7kEr.js | 2.0 kB · brotli 697 B |
|
|
772
|
+
| d3-shape | `░░░░░░░░░░░░░░░░░░░░` 0.2% |
|
|
773
|
+
| (unassigned) → [unassigned] | `░░░░░░░░░░░░░░░░░░░░` 0.0% |
|
|
774
|
+
| dist/d3BarChart-DIN2KQsU.js | 1.9 kB · brotli 860 B |
|
|
775
|
+
| src → d3BarChart.ts | `░░░░░░░░░░░░░░░░░░░░` 0.2% |
|
|
776
|
+
| (unassigned) → [unassigned] | `░░░░░░░░░░░░░░░░░░░░` 0.0% |
|
|
777
|
+
| dist/nodrag-Dq2tlBbe.js | 1.6 kB · brotli 623 B |
|
|
778
|
+
| d3-drag | `░░░░░░░░░░░░░░░░░░░░` 0.1% |
|
|
779
|
+
| d3-selection | `░░░░░░░░░░░░░░░░░░░░` 0.1% |
|
|
780
|
+
| (unassigned) → [unassigned] | `░░░░░░░░░░░░░░░░░░░░` 0.0% |
|
|
781
|
+
| dist/palette-BuTjISrV.js | 956 B · brotli 420 B |
|
|
782
|
+
| src → palette.ts | `░░░░░░░░░░░░░░░░░░░░` 0.1% |
|
|
783
|
+
| (unassigned) → [unassigned] | `░░░░░░░░░░░░░░░░░░░░` 0.0% |
|
|
784
|
+
| dist/ordinal-uZdoVxAx.js | 841 B · brotli 399 B |
|
|
785
|
+
| d3-scale → src/ordinal.js | `░░░░░░░░░░░░░░░░░░░░` 0.1% |
|
|
786
|
+
| (unassigned) → [unassigned] | `░░░░░░░░░░░░░░░░░░░░` 0.0% |
|
|
787
|
+
| dist/sum-CNP0Xric.js | 609 B · brotli 257 B |
|
|
788
|
+
| d3-array | `░░░░░░░░░░░░░░░░░░░░` 0.0% |
|
|
789
|
+
| (unassigned) → [unassigned] | `░░░░░░░░░░░░░░░░░░░░` 0.0% |
|
|
790
|
+
| dist/point-6cHftmvM.js | 568 B · brotli 297 B |
|
|
791
|
+
| d3-shape | `░░░░░░░░░░░░░░░░░░░░` 0.0% |
|
|
792
|
+
| (unassigned) → [unassigned] | `░░░░░░░░░░░░░░░░░░░░` 0.0% |
|
|
793
|
+
| dist/math-C5EhTgJw.js | 498 B · brotli 261 B |
|
|
794
|
+
| d3-shape → src/math.js | `░░░░░░░░░░░░░░░░░░░░` 0.0% |
|
|
795
|
+
| (unassigned) → [unassigned] | `░░░░░░░░░░░░░░░░░░░░` 0.0% |
|
|
796
|
+
| dist/max-CPVNm4tn.js | 371 B · brotli 222 B |
|
|
797
|
+
| d3-array → src/max.js | `░░░░░░░░░░░░░░░░░░░░` 0.0% |
|
|
798
|
+
| (unassigned) → [unassigned] | `░░░░░░░░░░░░░░░░░░░░` 0.0% |
|
|
799
|
+
| dist/array-Cv4-2llb.js | 368 B · brotli 215 B |
|
|
800
|
+
| (unassigned) → [unassigned] | `░░░░░░░░░░░░░░░░░░░░` 0.0% |
|
|
801
|
+
| d3-shape | `░░░░░░░░░░░░░░░░░░░░` 0.0% |
|
|
757
802
|
|
|
758
803
|
(unassigned) = bytes Sonda can't trace to a specific source line (whitespace, stray keywords, bundler-injected region markers) — not actual missing/unknown code.
|
|
759
804
|
|
|
@@ -29,13 +29,13 @@ var e = class {
|
|
|
29
29
|
vendorId: "d3"
|
|
30
30
|
};
|
|
31
31
|
}
|
|
32
|
-
async renderTanStackCharts(e, t, n) {
|
|
33
|
-
let { renderTanStackCharts:
|
|
34
|
-
return
|
|
35
|
-
destroy:
|
|
36
|
-
resize:
|
|
32
|
+
async renderTanStackCharts(e, t, n, r) {
|
|
33
|
+
let { renderTanStackCharts: i } = await import("./tanStackCharts-DCMs4Y_D.js"), a = i(e, t, n);
|
|
34
|
+
return r?.(), {
|
|
35
|
+
destroy: a.destroy,
|
|
36
|
+
resize: a.resize,
|
|
37
37
|
get svg() {
|
|
38
|
-
return
|
|
38
|
+
return a.svg;
|
|
39
39
|
},
|
|
40
40
|
vendorId: "tanstack-charts"
|
|
41
41
|
};
|
|
@@ -51,7 +51,7 @@ var e = class {
|
|
|
51
51
|
};
|
|
52
52
|
}
|
|
53
53
|
async renderErdDiagram(e, t, n, r) {
|
|
54
|
-
let { renderErdDiagram: i } = await import("./erdDiagram-
|
|
54
|
+
let { renderErdDiagram: i } = await import("./erdDiagram-Ds1hsQDD.js"), a = i(e, t, n);
|
|
55
55
|
return r?.(), {
|
|
56
56
|
resize: a.resize,
|
|
57
57
|
get svg() {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"dpuse-tool-d3-visualiser.es.js","names":[],"sources":["../src/index.ts"],"sourcesContent":["// TODO: See https://d3-graph-gallery.com/index.html.\n\n// ── External Dependencies & Registrations\nimport type { Chart } from 'billboard.js';\n\n// ── DPUse Framework\nimport type { PresentationView } from '@dpuse/dpuse-shared/component/presentation';\n\n// ── Local Framework\nimport type { BarChartData } from '@/billboardJs';\nimport type { ObservablePlotChartTypeId } from '@/observablePlot';\nimport type { ChordDiagramData, ChordDiagramOptions } from '@/chordDiagram';\nimport type { ErdDiagramData, ErdDiagramOptions } from '@/erdDiagram';\nimport type { NetworkDiagramData, NetworkDiagramOptions } from '@/networkDiagram';\nimport type { SankeyDiagramData, SankeyDiagramOptions } from '@/sankeyDiagram';\nimport type { TreeDiagramNode, TreeDiagramOptions } from '@/treeDiagram';\n\n// ── Types ────────────────────────────────────────────────────────────────────────────────────────────────────────────\n\nexport type { BarChartData, BarChartSeries } from '@/billboardJs';\nexport type { ChordDiagramData, ChordDiagramLink, ChordDiagramNode, ChordDiagramOptions } from '@/chordDiagram';\nexport type { ErdDiagramData, ErdDiagramEdge, ErdDiagramNode, ErdDiagramNodeTypeId, ErdDiagramOptions } from '@/erdDiagram';\nexport type { NetworkDiagramData, NetworkDiagramLink, NetworkDiagramNode, NetworkDiagramOptions } from '@/networkDiagram';\nexport type { ObservablePlotChartTypeId } from '@/observablePlot';\nexport type { SankeyDiagramData, SankeyDiagramLink, SankeyDiagramNode, SankeyDiagramOptions } from '@/sankeyDiagram';\nexport type { TreeDiagramNode, TreeDiagramNodeRoleId, TreeDiagramOptions } from '@/treeDiagram';\n\nexport interface D3View extends PresentationView {\n svg: SVGSVGElement;\n}\n\nexport interface D3NetworkView extends D3View {\n destroy: () => void;\n triggerAutoLayout: () => void;\n}\n\nexport interface D3BarChartView extends PresentationView {\n chart: Chart;\n destroy: () => void;\n}\n\nexport interface D3TanStackChartsView extends D3View {\n destroy: () => void;\n}\n\n// ── Constants ────────────────────────────────────────────────────────────────────────────────────────────────────────\n\nconst D3_ID = 'd3';\n\n// ── Tools ────────────────────────────────────────────────────────────────────────────────────────────────────────────\n\nexport class D3Tool {\n // Actions - Render chart (Billboard.js, SVG only - see the `billboard.js/canvas` entry point for canvas rendering, unused here).\n async renderBillboardJS(data: BarChartData, renderTo: HTMLElement, callback?: () => void): Promise<D3BarChartView> {\n const { renderBillboardJS } = await import('@/billboardJs');\n const handle = renderBillboardJS(data, renderTo);\n callback?.();\n return {\n chart: handle.chart,\n destroy: handle.destroy,\n resize: handle.resize,\n vendorId: 'billboard.js'\n };\n }\n\n // Actions - Render Observable Plot visualisation.\n async renderObservablePlot(typeId: ObservablePlotChartTypeId, data: BarChartData, renderTo: HTMLElement, callback?: () => void): Promise<D3View> {\n const { renderObservablePlot } = await import('@/observablePlot');\n const handle = renderObservablePlot(typeId, data, renderTo);\n callback?.();\n return {\n resize: handle.resize,\n get svg() {\n return handle.svg;\n },\n vendorId: 'observable-plot'\n };\n }\n\n // Actions - Render bar chart using raw D3 primitives (d3-scale, d3-axis - no chart wrapper library).\n async renderD3BarChart(data: BarChartData, renderTo: HTMLElement, callback?: () => void): Promise<D3View> {\n const { renderD3BarChart } = await import('@/d3BarChart');\n const handle = renderD3BarChart(data, renderTo);\n callback?.();\n return {\n resize: handle.resize,\n get svg() {\n return handle.svg;\n },\n vendorId: D3_ID\n };\n }\n\n // Actions - Render bar chart using TanStack Charts (pre-alpha as of 0.6.4 - its vanilla-DOM mountChart() API is undocumented and may change).\n async renderTanStackCharts(data: BarChartData, renderTo: HTMLElement, callback?: () => void): Promise<D3TanStackChartsView> {\n const { renderTanStackCharts } = await import('@/tanStackCharts');\n const handle = renderTanStackCharts(data, renderTo);\n callback?.();\n return {\n destroy: handle.destroy,\n resize: handle.resize,\n get svg() {\n return handle.svg;\n },\n vendorId: 'tanstack-charts'\n };\n }\n\n // Actions - Render chord diagram (Unovis).\n async renderChordDiagram(data: ChordDiagramData, renderTo: HTMLElement, options?: ChordDiagramOptions, callback?: () => void): Promise<D3View> {\n const { renderChordDiagram } = await import('@/chordDiagram');\n const handle = renderChordDiagram(data, renderTo, options);\n callback?.();\n return {\n resize: handle.resize,\n get svg() {\n return handle.svg;\n },\n vendorId: 'unovis'\n };\n }\n\n // Actions - Render ERD diagram.\n async renderErdDiagram(data: ErdDiagramData, renderTo: HTMLElement, options?: ErdDiagramOptions, callback?: () => void): Promise<D3View> {\n const { renderErdDiagram } = await import('@/erdDiagram');\n const handle = renderErdDiagram(data, renderTo, options);\n callback?.();\n return {\n resize: handle.resize,\n get svg() {\n return handle.svg;\n },\n vendorId: D3_ID\n };\n }\n\n // Actions - Render network diagram.\n async renderNetworkDiagram(data: NetworkDiagramData, renderTo: HTMLElement, options?: NetworkDiagramOptions, callback?: () => void): Promise<D3NetworkView> {\n const { renderNetworkDiagram } = await import('@/networkDiagram');\n const handle = renderNetworkDiagram(data, renderTo, options);\n callback?.();\n return {\n destroy: handle.destroy,\n resize: handle.resize,\n get svg() {\n return handle.svg;\n },\n triggerAutoLayout: handle.triggerAutoLayout,\n vendorId: D3_ID\n };\n }\n\n // Actions - Render Sankey diagram.\n async renderSankeyDiagram(data: SankeyDiagramData, renderTo: HTMLElement, options?: SankeyDiagramOptions, callback?: () => void): Promise<D3View> {\n const { renderSankeyDiagram } = await import('@/sankeyDiagram');\n const handle = renderSankeyDiagram(data, renderTo, options);\n callback?.();\n return {\n resize: handle.resize,\n get svg() {\n return handle.svg;\n },\n vendorId: D3_ID\n };\n }\n\n // Actions - Render tree diagram.\n async renderTreeDiagram(data: TreeDiagramNode, renderTo: HTMLElement, options?: TreeDiagramOptions, callback?: () => void): Promise<D3View> {\n const { renderTreeDiagram } = await import('@/treeDiagram');\n const handle = renderTreeDiagram(data, renderTo, options);\n callback?.();\n return {\n resize: handle.resize,\n get svg() {\n return handle.svg;\n },\n vendorId: D3_ID\n };\n }\n}\n"],"mappings":";
|
|
1
|
+
{"version":3,"file":"dpuse-tool-d3-visualiser.es.js","names":[],"sources":["../src/index.ts"],"sourcesContent":["// TODO: See https://d3-graph-gallery.com/index.html.\n\n// ── External Dependencies & Registrations\nimport type { Chart } from 'billboard.js';\n\n// ── DPUse Framework\nimport type { PresentationView } from '@dpuse/dpuse-shared/component/presentation';\nimport type { SanitizeHTML } from '@dpuse/dpuse-shared/component/module/presenter';\n\n// ── Local Framework\nimport type { BarChartData } from '@/billboardJs';\nimport type { ObservablePlotChartTypeId } from '@/observablePlot';\nimport type { ChordDiagramData, ChordDiagramOptions } from '@/chordDiagram';\nimport type { ErdDiagramData, ErdDiagramOptions } from '@/erdDiagram';\nimport type { NetworkDiagramData, NetworkDiagramOptions } from '@/networkDiagram';\nimport type { SankeyDiagramData, SankeyDiagramOptions } from '@/sankeyDiagram';\nimport type { TreeDiagramNode, TreeDiagramOptions } from '@/treeDiagram';\n\n// ── Types ────────────────────────────────────────────────────────────────────────────────────────────────────────────\n\nexport type { BarChartData, BarChartSeries } from '@/billboardJs';\nexport type { ChordDiagramData, ChordDiagramLink, ChordDiagramNode, ChordDiagramOptions } from '@/chordDiagram';\nexport type { ErdDiagramData, ErdDiagramEdge, ErdDiagramNode, ErdDiagramNodeTypeId, ErdDiagramOptions } from '@/erdDiagram';\nexport type { NetworkDiagramData, NetworkDiagramLink, NetworkDiagramNode, NetworkDiagramOptions } from '@/networkDiagram';\nexport type { ObservablePlotChartTypeId } from '@/observablePlot';\nexport type { SankeyDiagramData, SankeyDiagramLink, SankeyDiagramNode, SankeyDiagramOptions } from '@/sankeyDiagram';\nexport type { TreeDiagramNode, TreeDiagramNodeRoleId, TreeDiagramOptions } from '@/treeDiagram';\n\nexport interface D3View extends PresentationView {\n svg: SVGSVGElement;\n}\n\nexport interface D3NetworkView extends D3View {\n destroy: () => void;\n triggerAutoLayout: () => void;\n}\n\nexport interface D3BarChartView extends PresentationView {\n chart: Chart;\n destroy: () => void;\n}\n\nexport interface D3TanStackChartsView extends D3View {\n destroy: () => void;\n}\n\n// ── Constants ────────────────────────────────────────────────────────────────────────────────────────────────────────\n\nconst D3_ID = 'd3';\n\n// ── Tools ────────────────────────────────────────────────────────────────────────────────────────────────────────────\n\nexport class D3Tool {\n // Actions - Render chart (Billboard.js, SVG only - see the `billboard.js/canvas` entry point for canvas rendering, unused here).\n async renderBillboardJS(data: BarChartData, renderTo: HTMLElement, callback?: () => void): Promise<D3BarChartView> {\n const { renderBillboardJS } = await import('@/billboardJs');\n const handle = renderBillboardJS(data, renderTo);\n callback?.();\n return {\n chart: handle.chart,\n destroy: handle.destroy,\n resize: handle.resize,\n vendorId: 'billboard.js'\n };\n }\n\n // Actions - Render Observable Plot visualisation.\n async renderObservablePlot(typeId: ObservablePlotChartTypeId, data: BarChartData, renderTo: HTMLElement, callback?: () => void): Promise<D3View> {\n const { renderObservablePlot } = await import('@/observablePlot');\n const handle = renderObservablePlot(typeId, data, renderTo);\n callback?.();\n return {\n resize: handle.resize,\n get svg() {\n return handle.svg;\n },\n vendorId: 'observable-plot'\n };\n }\n\n // Actions - Render bar chart using raw D3 primitives (d3-scale, d3-axis - no chart wrapper library).\n async renderD3BarChart(data: BarChartData, renderTo: HTMLElement, callback?: () => void): Promise<D3View> {\n const { renderD3BarChart } = await import('@/d3BarChart');\n const handle = renderD3BarChart(data, renderTo);\n callback?.();\n return {\n resize: handle.resize,\n get svg() {\n return handle.svg;\n },\n vendorId: D3_ID\n };\n }\n\n // Actions - Render bar chart using TanStack Charts (pre-alpha as of 0.6.4 - its vanilla-DOM mountChart() API is undocumented and may change).\n // 'sanitizeHTML' is required because TanStack Charts has no Trusted Types awareness of its own - see the\n // 'HTMLTemplateElement.prototype.innerHTML' patch in tanStackCharts.ts for why.\n async renderTanStackCharts(data: BarChartData, renderTo: HTMLElement, sanitizeHTML: SanitizeHTML, callback?: () => void): Promise<D3TanStackChartsView> {\n const { renderTanStackCharts } = await import('@/tanStackCharts');\n const handle = renderTanStackCharts(data, renderTo, sanitizeHTML);\n callback?.();\n return {\n destroy: handle.destroy,\n resize: handle.resize,\n get svg() {\n return handle.svg;\n },\n vendorId: 'tanstack-charts'\n };\n }\n\n // Actions - Render chord diagram (Unovis).\n async renderChordDiagram(data: ChordDiagramData, renderTo: HTMLElement, options?: ChordDiagramOptions, callback?: () => void): Promise<D3View> {\n const { renderChordDiagram } = await import('@/chordDiagram');\n const handle = renderChordDiagram(data, renderTo, options);\n callback?.();\n return {\n resize: handle.resize,\n get svg() {\n return handle.svg;\n },\n vendorId: 'unovis'\n };\n }\n\n // Actions - Render ERD diagram.\n async renderErdDiagram(data: ErdDiagramData, renderTo: HTMLElement, options?: ErdDiagramOptions, callback?: () => void): Promise<D3View> {\n const { renderErdDiagram } = await import('@/erdDiagram');\n const handle = renderErdDiagram(data, renderTo, options);\n callback?.();\n return {\n resize: handle.resize,\n get svg() {\n return handle.svg;\n },\n vendorId: D3_ID\n };\n }\n\n // Actions - Render network diagram.\n async renderNetworkDiagram(data: NetworkDiagramData, renderTo: HTMLElement, options?: NetworkDiagramOptions, callback?: () => void): Promise<D3NetworkView> {\n const { renderNetworkDiagram } = await import('@/networkDiagram');\n const handle = renderNetworkDiagram(data, renderTo, options);\n callback?.();\n return {\n destroy: handle.destroy,\n resize: handle.resize,\n get svg() {\n return handle.svg;\n },\n triggerAutoLayout: handle.triggerAutoLayout,\n vendorId: D3_ID\n };\n }\n\n // Actions - Render Sankey diagram.\n async renderSankeyDiagram(data: SankeyDiagramData, renderTo: HTMLElement, options?: SankeyDiagramOptions, callback?: () => void): Promise<D3View> {\n const { renderSankeyDiagram } = await import('@/sankeyDiagram');\n const handle = renderSankeyDiagram(data, renderTo, options);\n callback?.();\n return {\n resize: handle.resize,\n get svg() {\n return handle.svg;\n },\n vendorId: D3_ID\n };\n }\n\n // Actions - Render tree diagram.\n async renderTreeDiagram(data: TreeDiagramNode, renderTo: HTMLElement, options?: TreeDiagramOptions, callback?: () => void): Promise<D3View> {\n const { renderTreeDiagram } = await import('@/treeDiagram');\n const handle = renderTreeDiagram(data, renderTo, options);\n callback?.();\n return {\n resize: handle.resize,\n get svg() {\n return handle.svg;\n },\n vendorId: D3_ID\n };\n }\n}\n"],"mappings":";AAgDA,IAIa,IAAb,MAAoB;CAEhB,MAAM,kBAAkB,GAAoB,GAAuB,GAAgD;EAC/G,IAAM,EAAE,yBAAsB,MAAM,OAAO,8BACrC,IAAS,EAAkB,GAAM,CAAQ;EAE/C,OADA,IAAW,GACJ;GACH,OAAO,EAAO;GACd,SAAS,EAAO;GAChB,QAAQ,EAAO;GACf,UAAU;EACd;CACJ;CAGA,MAAM,qBAAqB,GAAmC,GAAoB,GAAuB,GAAwC;EAC7I,IAAM,EAAE,4BAAyB,MAAM,OAAO,iCACxC,IAAS,EAAqB,GAAQ,GAAM,CAAQ;EAE1D,OADA,IAAW,GACJ;GACH,QAAQ,EAAO;GACf,IAAI,MAAM;IACN,OAAO,EAAO;GAClB;GACA,UAAU;EACd;CACJ;CAGA,MAAM,iBAAiB,GAAoB,GAAuB,GAAwC;EACtG,IAAM,EAAE,wBAAqB,MAAM,OAAO,6BACpC,IAAS,EAAiB,GAAM,CAAQ;EAE9C,OADA,IAAW,GACJ;GACH,QAAQ,EAAO;GACf,IAAI,MAAM;IACN,OAAO,EAAO;GAClB;GACA,UAAU;EACd;CACJ;CAKA,MAAM,qBAAqB,GAAoB,GAAuB,GAA4B,GAAsD;EACpJ,IAAM,EAAE,4BAAyB,MAAM,OAAO,iCACxC,IAAS,EAAqB,GAAM,GAAU,CAAY;EAEhE,OADA,IAAW,GACJ;GACH,SAAS,EAAO;GAChB,QAAQ,EAAO;GACf,IAAI,MAAM;IACN,OAAO,EAAO;GAClB;GACA,UAAU;EACd;CACJ;CAGA,MAAM,mBAAmB,GAAwB,GAAuB,GAA+B,GAAwC;EAC3I,IAAM,EAAE,0BAAuB,MAAM,OAAO,+BACtC,IAAS,EAAmB,GAAM,GAAU,CAAO;EAEzD,OADA,IAAW,GACJ;GACH,QAAQ,EAAO;GACf,IAAI,MAAM;IACN,OAAO,EAAO;GAClB;GACA,UAAU;EACd;CACJ;CAGA,MAAM,iBAAiB,GAAsB,GAAuB,GAA6B,GAAwC;EACrI,IAAM,EAAE,wBAAqB,MAAM,OAAO,6BACpC,IAAS,EAAiB,GAAM,GAAU,CAAO;EAEvD,OADA,IAAW,GACJ;GACH,QAAQ,EAAO;GACf,IAAI,MAAM;IACN,OAAO,EAAO;GAClB;GACA,UAAU;EACd;CACJ;CAGA,MAAM,qBAAqB,GAA0B,GAAuB,GAAiC,GAA+C;EACxJ,IAAM,EAAE,4BAAyB,MAAM,OAAO,iCACxC,IAAS,EAAqB,GAAM,GAAU,CAAO;EAE3D,OADA,IAAW,GACJ;GACH,SAAS,EAAO;GAChB,QAAQ,EAAO;GACf,IAAI,MAAM;IACN,OAAO,EAAO;GAClB;GACA,mBAAmB,EAAO;GAC1B,UAAU;EACd;CACJ;CAGA,MAAM,oBAAoB,GAAyB,GAAuB,GAAgC,GAAwC;EAC9I,IAAM,EAAE,2BAAwB,MAAM,OAAO,gCACvC,IAAS,EAAoB,GAAM,GAAU,CAAO;EAE1D,OADA,IAAW,GACJ;GACH,QAAQ,EAAO;GACf,IAAI,MAAM;IACN,OAAO,EAAO;GAClB;GACA,UAAU;EACd;CACJ;CAGA,MAAM,kBAAkB,GAAuB,GAAuB,GAA8B,GAAwC;EACxI,IAAM,EAAE,yBAAsB,MAAM,OAAO,8BACrC,IAAS,EAAkB,GAAM,GAAU,CAAO;EAExD,OADA,IAAW,GACJ;GACH,QAAQ,EAAO;GACf,IAAI,MAAM;IACN,OAAO,EAAO;GAClB;GACA,UAAU;EACd;CACJ;AACJ"}
|